Three.js XR Safety Training

I’m building a browser-based WebXR safety training program and need help producing the four interactive modules that will make it come to life. Each module walks users through the exact safety procedures we follow on-site, so realism and smooth, headset-ready performance are critical.

Your main playground will be Three.js. You’ll be shading custom materials, animating equipment, and wiring up user interactions that feel natural both in VR headsets and on flat screens. Strong vanilla JavaScript, HTML, and CSS skills are a given; if you also like to structure UI with React that’s a welcome bonus, but not a deal-breaker.

Scope & deliverables
• Four standalone WebXR scenes, each focused on a specific procedure demonstration
• Custom GLSL or node-based shaders where needed for PPE, signage, and environmental effects
• Responsive controls that translate seamlessly between desktop, mobile, and VR controllers
• Well-commented, modular code I can extend for future scenarios

I already have rough storyboards and reference assets ready to share, and I’m happy to iterate together over short Milestones so we can keep the immersion and technical performance on point. If you love squeezing every drop of realism out of Three.js while keeping frame rates high, let’s talk.