Marble Race is an interactive 3D browser game built with Three.js and React. In this game, the player observes a marble navigating a track filled with exciting obstacles, relying on physics for its movement. The game provides a smooth user experience with realistic physics-based mechanics.
- 3D Environment: Powered by Three.js for immersive and realistic graphics.
- Physics-based Movement: Marble movement based on React-Three/Fiber and Rapier physics engine.
- Interactive Gameplay: Navigate the marble through a series of obstacles on the track.
- Smooth Animations: Built with Framer Motion for smooth transitions and animations.
- Open the game in your browser.
- Watch the marble as it rolls and interacts with the track.
- The objective is to overcome the obstacles and complete the track.
You can try the game live:
Marble Race Live Demo
- React: To handle game logic and UI components.
- Three.js: For rendering the 3D track and marble.
- React-Three/Fiber: A React renderer for Three.js to simplify 3D graphics management in React.
- Rapier: For physics-based movement and collision detection in the game.
- Framer Motion: For animations and smooth transitions.
- Zustand: For state management in React.