Mystical-ride - Three.js boat ride through a jungle waterway

Mystical Ride is a full-screen browser scene where you gently steer an empty wooden
boat down a jungle waterway under a low moon. Built with Three.js + Vite, no
post-processing passes and no pre-baked skybox - most of the scene is generated
at runtime.

Highlights:

  • Procedural moon texture, sky dome, animated water, and a broken moon
    reflection on the water surface.
  • Runtime boat wake with fading ripples, plus rain impact ripples and
    water sounds in the rainy preset.
  • Three switchable moods: moonlit, dawn, and rain, each shifting lighting,
    fog, and ambience.
  • Six Blender-made tree forms (broadleaf, willow, banyan, kapok, palm, slim)
    swaying with subtle wind; the boat bobs with it too.
  • Third-person chase camera and touch controls on narrow screens.

Controls: W/↑ forward, S/↓ reverse, A/D or ←/→ to steer.

Live: https://mystical-ride.vercel.app
Code: GitHub - fazleyrabby/mystical-ride · GitHub

Everything (geometry aside from the trees) is generated in code, so it runs
without any external assets. Happy to share details on the water/reflection
setup if anyone’s curious.