WindTwin is a browser-based operational Digital Twin prototype built with Three.js, TypeScript, and WebGL for real-time wind-farm visualization, condition monitoring, and maintenance workflow simulation.

The system combines interactive 3D assets with live weather context, simulated turbine telemetry, operational states, faults, alerts, work orders, maintenance history, and service-vehicle dispatch.

Key features:

• Interactive 100-turbine wind farm with multiple LOD levels
• Real-time operational dashboards and telemetry charts
• Live weather integration via Open-Meteo REST API
• Fault simulation and condition monitoring
• Automated alerts and prioritized maintenance work orders
• Animated service vehicle and repair workflow
• Adaptive FPS-based quality and performance management
• Responsive desktop and mobile interface
• Modular TypeScript architecture

The project demonstrates how real-time 3D graphics can function as an operational interface rather than only as a visual presentation.

Tech:
Three.js, TypeScript, WebGL, Chart.js, Vite, REST APIs

Role:
Real-Time 3D Systems Engineer

Live Demo:
https://www.twine.net/signin

PureDrive-RT — Real-Time 3D Car Configurator

Production-ready real-time 3D car configurator built with Three.js and WebGL.

Designed as a modular browser-based runtime system focused on performance, responsiveness, and real-world device stability.

Key features:

• Runtime vehicle customization
• Adaptive FPS-based quality system
• Mobile + desktop optimization
• HDR environment lighting
• Real-time material switching
• Cinematic camera system
• Analytics + performance diagnostics
• Optimized modular architecture

The system delivers interactive real-time vehicle visualization directly in the browser without reloads or scene rebuilding.

Built with a performance-first mindset rather than brute-force rendering.

Performance:
~1s load time
Stable 60 FPS desktop
30–60 FPS mobile

Tech:
Three.js, WebGL, JavaScript, GSAP, Supabase

Role:
WebGL Developer / Real-Time 3D Engineer

Live Demo:
https://www.twine.net/signin

Nordic RT — Real-Time Architectural WebGL System

Structured real-time architectural visualization system built with Three.js and WebGL.

Designed to deliver scalable browser-based 3D experiences using adaptive runtime logic, progressive loading, and selective rendering strategies.

Key features:

• Multi-phase loading architecture
• Runtime FPS-based quality system
• Hybrid baked/PBR rendering pipeline
• Dynamic material configurator
• Architectural cut mode
• Instanced scene optimization
• Adaptive desktop/mobile behavior

The project combines baked rendering with selective physically-based materials to maximize visual quality while maintaining stable browser performance.

Performance:
~2.5s startup load
Stable ~60 FPS on mobile devices

Tech:
Three.js, WebGL, JavaScript, Meshopt, HDRI

Role:
Real-Time 3D Systems Engineer

Live Demo:
https://www.twine.net/signin

Experimental content creation toolkit built for real-time WebGL applications.

Features include:

• Camera keyframe system
• Screenshot capture pipeline
• Browser-based recording tools
• AI-assisted image generation
• Branded export workflows
• Runtime scene capture

Designed to extend interactive 3D applications into production-ready presentation and marketing tools.

Tech:

Three.js, WebGL, JavaScript, MediaRecorder API, Canvas APIs

Role:

Technical Creative Developer

Adaptive Performance Engine for WebGL Applications

Custom runtime performance management system designed for real-time WebGL applications.

The system continuously monitors device capability and runtime conditions, then dynamically adjusts rendering behavior to maintain stable performance across desktop and mobile devices.

Core features:

• FPS-based quality scaling
• Runtime device classification
• Dynamic pixel ratio adjustment
• Progressive loading control
• Mobile optimization
• Diagnostics + analytics integration

Designed to prioritize stability and responsiveness instead of brute-force rendering.

Tech:
Three.js, WebGL, JavaScript

Role:
Performance Systems Developer

ModernStillness — Cinematic Real-Time 3D Experience

Cinematic real-time 3D environment built with Three.js and WebGL.

Designed as a browser-based real-time experience focused on atmosphere, cinematic presentation, and optimized interaction across desktop and mobile devices.

Key features:

• Seamless video intro transition system
• Adaptive FPS-based quality manager
• Dynamic popup + UI architecture
• Particle systems (dust + falling leaves)
• Fire simulation with emissive glow
• Ambient spatial audio system
• Fully baked lighting pipeline
• Mobile + desktop optimization

Technical highlights:

• Modular runtime architecture
• DRACO-compressed assets
• HDR environment lighting
• InstancedMesh particle systems
• No-build deployment architecture

Performance:

~1.5–2s load time
Stable 60 FPS after initialization

Tech:

Three.js, WebGL, JavaScript, GSAP, DRACO, HDRI

Role:

Interactive WebGL Developer

Live Demo:

https://www.twine.net/signin

Produced 200+ high-end 360° product visualizations for a leading Swedish furniture company.

Focused on:

• modular 3D asset production
• rendering optimization
• visualization workflows
• commercial presentation systems
• digital product visualization

Collaborated with developers, marketers, and production teams to support scalable content production and efficient delivery pipelines.

Tech:
3ds Max, V-Ray, Adobe Creative Suite