Wind turbines
Light, movement and interaction.
An interactive turbine field exploring proximity, light and the feeling of movement in a real-time scene.
Open live demoReal-time 3DNext.js · React Three Fiber · Three.jsLive interactive demo
Move your pointer through the field to change the turbine speed.
Open in a new tabAbout the project
Built for a property development project, the turbine field responds to the cursor. Move closer and the blades accelerate; move away and they settle back into a gentle ambient rotation.
A GLSL shader adds rotating arc rings and motion blur, while the scene shifts between day and night lighting.
Built with
- Next.js
- React Three Fiber
- Three.js
- GLSL
- Tailwind CSS