Three.js Interactive WebGL Experience

The goal is to craft an engaging, browser-based interactive experience that leans heavily on Three.js and raw WebGL. I already have the concept and rough storyboards; what I need now is a developer who can bring it alive through:

• Rich 3D models and complete scenes, optimised for fast loading and smooth camera movement.
• Dynamic particle systems that react to user input or scroll position, giving the environment a sense of depth and energy.
• GSAP-driven scrolling effects that tie every beat of the narrative together—sections reveal themselves, objects transition, and content synchronises perfectly with the user’s scroll.

All assets (textures, models, icons) are prepared; your focus will be integration, performance tuning, and the finer interaction details. Please structure the code cleanly (preferably ES6 modules) and set up an efficient build pipeline—Webpack, Vite, or your preferred toolchain is fine as long as the final bundle is lightweight.

Deliverables
1. Source project with clear component structure and commented code.
2. A deploy-ready build hosted on a temporary URL for review.
3. Short README covering asset organisation, build/serve commands, and any caveats.

Acceptance Criteria
• Scrolling is buttery smooth at 60 fps on modern desktop and mobile browsers.
• 3D scenes and particle effects match the provided storyboards.
• No console errors; passes basic accessibility checks (keyboard navigation, ARIA labels where applicable).

If this sounds like your sweet spot, let’s make this experience unforgettable.