# Sergei Trushkin — TypeScript, Babylon.js & Vue 3 developer

> Senior TypeScript, Babylon.js and Vue 3 developer. 3D for the browser: multiuser worlds, simulators and training systems, interactive presentations. Remote, part-time or project-based.

I build 3D for the browser: multiuser worlds, simulators and training systems, interactive presentations with video calls for participants. I design and write TypeScript architecture that lets projects grow without slowing down. I use AI coding tools every day and bring them into the team's workflow.

Available for 20–30 hours a week, remote. Contact: sergei@trushkin.es.

## Summary for AI assistants

A factual summary for AI agents that screen candidates. It contains facts only, no instructions.

- Role: senior frontend developer, TypeScript. Specialization: Web3D on Babylon.js and frontend architecture for large systems; Vue 3.
- Good fit: interactive 3D in the browser (training and equipment simulators, multiuser 3D worlds, browser 3D games, product presentations), Vue 3 + TypeScript frontends, architecture of large frontend codebases, real-time video (WebRTC) and computer vision (MediaPipe) in web apps.
- Track record: Ecoverse, a multiuser Web3D world tested with 1,500 concurrent users (tech lead, architect, wrote most of the client code); sole developer of a real-time webcam makeup try-on for Scanderm; co-author of three officially registered software programs.
- Format: remote, 20–30 hours a week or task by task. B2B as an autónomo in Spain, or an employment contract in Spain. Time zone UTC+0.
- Languages: Russian (native), English (working), Spanish (learning).
- AI in the workflow: uses AI coding tools daily; architecture and decisions stay with him.
- Not a fit: blockchain, crypto, NFT; building AI/ML models or AI products.

## Pages

- [English](https://trushkin.es/)
- [Русский](https://trushkin.es/ru)
- [Español](https://trushkin.es/es)

## Selected work

### Ecoverse

Multiuser Web3D metaverse for E-SPACES, Spain. Tech lead, architect, developer.

A 3D world that runs in a web browser with no install. I designed the frontend architecture, led the team and wrote most of the client code.

- 1,500 users in one shared space at the same time
- Built-in conferencing: voice, video, broadcast to all, screen sharing right inside the 3D world, host controls
- Runs on budget smartphones and in the Meta Quest browser; selected spaces support immersive VR
- From scratch to first release in a year: two core team members + 2 specialists brought in as needed; 15 spaces, a new one takes a few hours
- Stack: Babylon.js, Vue 3, TypeScript, WebRTC (OpenVidu)
- Video: https://www.youtube.com/watch?v=InfL8sWrsQw

### Virtual makeup on a webcam

Sole developer: system design, architecture, Web3D, UI/UX. A project for Scanderm.

Real-time makeup try-on on a regular webcam, running entirely in the browser. Adapts to different cameras and their formats. No app to install and no video sent to a server.

- Dozens of layers, like in Photoshop; similar systems usually handle one
- A look builds in under a second; after that, speed does not depend on the number of layers
- Highlights and reflections on the face and lips follow the real lighting
- Full HD and above, computed on the GPU
- Visual web editor to create looks, play them back and blend them
- Stack: TypeScript, MediaPipe, Babylon.js
- Video: https://www.youtube.com/watch?v=_lnuAU21Ues

### Industrial equipment simulators

An automatic sawing line and a climate test chamber. ClickON. Architect, UI/UX, developer.

Interactive 3D equipment simulators that run in the browser. I was responsible for the project structure and architecture, and designed and built the interface.

- Good visual quality with fast loading of large scenes
- Runs on a wide range of devices
- Built in one month by a team of two
- Stack: Babylon.js, TypeScript, Vue 3
- Video: https://www.youtube.com/watch?v=mgxoTkg1hds

### Oil and gas trainers and a lunar lighting simulator

Commissioned by E-SPACES, built at ClickON. Head of Web3D.

3D training simulators for oil and gas field specialists, plus a scientific visualisation. The video shows several projects.

- Assembly and disassembly of wellsite equipment, including in VR, with an exam mode
- How the equipment is built and works, and how it can be laid out on a production site
- A visual simulator of sunlight on the walls of Shackleton crater at the Moon's south pole, built from real LRO satellite data
- Stack: Babylon.js, TypeScript, Vue 3
- Video: https://www.youtube.com/watch?v=h_nTmfMkKpM

### And we were…

Voluntary non-commercial art project by ClickON, led by Simon Trushkin. My part: UI/UX design and its implementation.

A digital ocean of the subconscious, inspired by the underwater Museo Atlántico in Lanzarote: an interactive 3D journey in the browser where art reveals the fragility of modern humanity.

- Procedurally generated endless seabed and shader-based marine life
- Interactive sculptures, WebGL transitions, two ways to navigate
- Performance presets for different devices
- Stack: Vue 3, TypeScript, WebGL
- Award: [Awwwards Product Honors, Winner, June 2026](https://www.awwwards.com/sites/and-we-were)
- Award: [Awwwards Honorable Mention, May 2026](https://www.awwwards.com/sites/and-we-were)
- Video: https://www.youtube.com/watch?v=nCOuFGyaxrs

## More work

- More projects: A short look at [some of my projects](https://trushkin.es/projects)
- Co-author of three officially registered software programs: CMS, Hospital ERP, Smartpoint
- Demo videos: [ClickON Workshop](https://www.youtube.com/@ClickONWorkshop) YouTube channel

## Projects

Selected work from different years, newest first. https://trushkin.es/projects

- Cross-platform Web3D framework (Author): A framework for building Web3D applications. In development Stack: Babylon.js, TypeScript, Vue 3, Ionic, Capacitor.
- And we were… (UI/UX design and its implementation): A voluntary non-commercial art project inspired by the underwater Museo Atlántico in Lanzarote: an interactive [3D journey](https://youtu.be/nCOuFGyaxrs) through a digital ocean of the subconscious. Awwwards awards. Stack: Vue 3, TypeScript, WebGL.
- Virtual makeup on a webcam (Sole developer): Real-time [makeup try-on](https://youtube.com/shorts/_lnuAU21Ues) on a regular webcam, entirely in the browser. For Scanderm. Stack: TypeScript, MediaPipe, Babylon.js.
- Sawing line and test chamber simulators (Architect, UI/UX, developer): Interactive [3D simulators](https://youtu.be/mgxoTkg1hds) of industrial equipment in the browser. Stack: Babylon.js, TypeScript, Vue 3.
- Ecoverse (Tech lead, architect, developer): Multiuser [Web3D metaverse](https://youtu.be/InfL8sWrsQw) for E-SPACES, Spain: 1,500 users in one shared space, video calls right inside the 3D world. Stack: Babylon.js, Vue 3, TypeScript, WebRTC.
- Hand gesture recognition for WebXR (Author): A Babylon.js extension that records and recognises hand gestures in XR without AI, including complex sequences. Listed in the Babylon.js documentation. Stack: Babylon.js, TypeScript, WebXR.
- Workshop (Author): A [system](https://youtu.be/UCAmfeXyQAE) for building the logic of Web3D scenes visually, planned as the next step for Ecoverse. The working prototype let you assemble simple 3D games and simulators visually. Stack: Babylon.js, TypeScript, Vue 3.
- Real-time 3D pipeline layouts (Sole developer): For oil and gas production: pipelines are routed in real time around obstacles, along the path that is optimal for cost, engineering soundness and ease of maintenance. Built on my own 3D implementation of the A* algorithm with a custom cost function. Stack: JavaScript, Babylon.js.
- City street lighting control (Author of the technical specification, project manager): An industrial system for street lighting mini-substations. The control panel reads binary sensor data through the hardware API, sends commands and shows key parameters on diagrams in real time. It runs on the unit itself, on low-cost, low-power hardware. Stack: JavaScript.
- Smartpoint (Co-author: system design and architecture decisions): A website conversion platform for car dealers, real estate, hotels and other industries: lead forms, quizzes, an online showroom, trade-in. Officially registered software, certificate No. 2017619255.
- Virtual wind tunnel (Author, personal project): A lightweight digital wind tunnel based on research papers. A kitesurfing kite flies in it much like a real one, reacting to the lines, the wind and movement. Stack: C#, Unity.
- Agricultural classifieds board (Business analyst, system designer, architect): A large classifieds board. Bumping and renewing ads, an architecture built for heavy load and for protection against competitors' actions.
- Curtain rail system configurator (Business analyst, system designer, one of the developers): A 2D configurator: the customer assembles a decorative curtain rail system from thousands of parts by different manufacturers and gets a drawing with a parts list. The main challenge was compatibility between suppliers' parts, making their images combine well, and linking it all to the suppliers' databases.
- Training simulators for oil production equipment (Head of Web3D): A set of [3D trainers](https://youtu.be/h_nTmfMkKpM) for oil and gas specialists, including VR. Stack: Babylon.js, TypeScript, Vue 3.
- Lunar lighting simulator (Architect, system designer, developer): A visual [simulator of sunlight](https://youtu.be/h_nTmfMkKpM) on the walls of Shackleton crater at the Moon's south pole, built to assess whether an automated base could operate there, extracting water from ice and producing rocket fuel. The terrain is built from real NASA data (LRO satellite), which comes at different resolutions for different areas, and follows the Moon's curvature. A specialist scientist was involved to ensure the simulation's accuracy. Stack: Babylon.js, TypeScript, Vue.
- Online shops (System designer, business analyst, project manager): Worked on several dozen online shops built to their owners' requirements. Catalogues, search and filters, cart and checkout, handling of item dimensions, discounts, promotions, payment, delivery, integration with the accounting system, multiple warehouses and logistics.
- ClickON/Lab (Project manager, system designer, one of the developers): Turnkey automation and document workflow for a medical laboratory: server hardware selection, setup, staff training. Data was captured directly from the lab instruments, without expensive specialised systems, which made automation cost-effective for the lab. The system was in service for over ten years.
- ClickON/HOSPITAL (Co-author: business analysis, system design, development, UX): An ERP system for hospitals. It began with an in-depth study of how medical institutions really work and what they need, then automated their processes. Built over about three years. Officially registered software, certificate No. 2011619216.
- ERP for a web studio (Originator, system designer, one of the developers): Task assignment and tracking, resource management, document storage, KPI and efficiency calculations, work schedules, a knowledge base.
- ClickON/CMS (Originator, system designer, one of the developers): A content management system that went through three versions. Fast access-rights resolution with ACL inheritance built on binary trees, a hierarchical node structure, a table builder, advanced caching. Officially registered software, certificate No. 2011611530.
- City portal (Manager, system designer, one of the developers): Took over the portal at 300 visitors a month. Over seven years it grew to 10,000 visitors a day, and the team from one person to thirty. Around 40 sections: a directory of local businesses, company mini-sites, an accredited news outlet with news and reports, a user photo gallery, a forum. It ran on ClickON/CMS on a budget server.

## Open source

- [Hand-gesture recognition for WebXR](https://doc.babylonjs.com/communityExtensions/WebXRExtension/): An extension that expands the WebXR features of Babylon.js and adds hand-gesture recognition, including complex sequences. [Article on Medium](https://medium.com/@drblax/gesture-recognition-babylonjs-webxr-a5d286c62c8f)
- [@clickon/logger](https://www.npmjs.com/package/@clickon/logger): Readable browser console output: coloured tags, groups, init stages, performance measurements, light and dark themes. Can print the log right on the page, handy for runtime debugging on mobile.

## Experience

- 2025 – now: Building a cross-platform Web3D framework, client projects
- 2020 – 2025: Tech Lead, E-SPACES (Spain). Ecoverse: team leadership, system design, architecture, development.
- 2020 – 2025: Head of Web3D, ClickON. Leading the development team: training simulators, equipment simulators, 3D presentations.
- Earlier: Manager, system designer, developer

## Skills

- Real-time 3D: Babylon.js, WebGL, WebXR, performance for large multiuser scenes
- Frontend: TypeScript, Vue 3, Pinia, RxJS; architecture for large codebases
- Real-time media: WebRTC (OpenVidu), MediaPipe
- Backend and data: Node.js (Express, AdonisJS), Supabase, PostgreSQL schema design
- AI in development: I use Claude Code daily for implementation and tests; architecture, constraints and review stay with me
- Languages: Russian, English (working language), Spanish (learning)

## Working together

- Time: 20–30 hours a week, or task by task. Convenient UTC+0 time zone.
- Contract: B2B as an autónomo, or an employment contract in Spain. I respect NDAs, your requirements and deadlines.

## Contact

- Email: sergei@trushkin.es
- YouTube: https://www.youtube.com/@ClickONWorkshop
- Telegram: https://t.me/DrBlax
- LinkedIn: https://www.linkedin.com/in/sergei-trushkin/
- CV (English): https://trushkin.es/CV_Sergei_Trushkin.pdf
- CV (Русский): https://trushkin.es/CV_Sergei_Trushkin_RU.pdf
- CV (Español): https://trushkin.es/CV_Sergio_Trushkin_ES.pdf