Hi, I’m Nour Tinawi — a Real-Time 3D Systems Engineer specializing in WebGL and Three.js.
I have 20+ years of experience spanning 3D visualization, interactive technologies, and modern web development.
I build performance-focused WebGL applications with stable real-time rendering, fast loading pipelines, adaptive performance systems, and optimized cross-device interaction.
My work focuses on:
• Real-time 3D systems
• Three.js / WebGL
• Performance optimization
• Interactive configurators
• Mobile-first rendering pipelines
• AI-assisted workflows
• Scalable browser-based 3D experiences
Skills
Experience Level
Language
Work Experience
Education
Qualifications
Industry Experience
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:
- modular 3D asset production
- rendering optimization
- visualization workflows
- commercial presentation systems
- digital product visualization
Produced 200+ high-end 360° product visualizations for a leading Swedish furniture company.
Focused on:
Collaborated with developers, marketers, and production teams to support scalable content production and efficient delivery pipelines.
Tech:
3ds Max, V-Ray, Adobe Creative Suite
Hire a 3D Visualizer
We have the best 3d visualizer experts on Twine. Hire a 3d visualizer today.