Virtual Fish Tank

Built with React Three Fiber, Drei, and Rapier.

Built over two half-day sprints for the Empathetech March Fo(u)rth Hackathon

Features:

• Animated fish GLTF models
• Movement simulated by re-rendering the fish at a new position on every frame refresh
• Dynamic fish movement variation using programmatic decision-making
• Collision detection using Rapier tags
• A slightly blurred 4K HDRI background
• Procedurally distributed coral GLTF models
• Dependencies:
  • R3F
  • R3Rapier
  • R3Drei
  • Leva
  • Three