ISLAND RIDER

Inspiration

We wanted to create an immersive tropical sailing experience that combines exploration with action. The idea of navigating between islands, defending allies, and discovering treasure in a sunset paradise drove us from the start.

## What it does
ISLAND RIDER is a 3D boat action game where you sail through tropical islands, escort allied boats through dangerous waters, fight off enemy waves, and collect ocean treasures. Includes user registration and login, a clan system for teaming up, customizable player labels with color and border options, a fully configurable crosshair with adjustable shape and color, and a nitro boost system for high-speed maneuvers. Features third-person naval combat, mission-based gameplay, and a vibrant sunset atmosphere.

## How we built it Built with React Three Fiber and Three.js for 3D rendering, Rapier for physics and collisions, and React for UI/HUD. Custom third-person camera controls, procedural water with reflections, distance-based collision detection, and a full mission system with waypoints, enemy AI, and escort mechanics. Authentication and clan features backed by a persistent user system. Nitro
boost with visual effects rendered via conditional React state for clean toggling.

## Challenges we ran into
Getting smooth boat physics and collisions without relying on Rapier's built-in events required manual distance-based checks in the game loop. Designing escort routes that weave between multiple islands while keeping enemies balanced was another major hurdle. Rendering performant water with reflections alongside complex scenes pushed us to optimize carefully.

## Accomplishments that we're proud of
A complete mission loop with escort mechanics, enemy combat, and collectibles — all running smoothly in the browser. A full social layer with clans and user profiles, plus deep UI customization for labels and crosshairs. A satisfying nitro system with visual feedback. The tropical sunset aesthetic with glowing markers, animated water, and warm fog creates a cohesive atmosphere we're really happy with.

## What we learned How to build a full 3D game with React Three Fiber from scratch, manage physics without relying on engine events, design AI paths through complex environments, implement authentication flows, and keep performance tight in a web-based 3D context.

## What's next for ISLAND RIDER
More islands, more mission types, multiplayer escort races, a scoring system, expanded clan features, and sound design to bring the tropical world to life.

Built With

• rapier
• react
• three.js