A fun, interactive 3D flight game built with React, Vite, Three.js, and TailwindCSS. Pilot a magical carrot through an endless storm, collecting clouds and navigating weather conditions!
- ☁️ Collect Clouds - Gather clouds during clear weather to increase your score
- ⚡ Avoid Storms - When lightning strikes, navigate to safety and survival
- 🎯 Control Your Flight - Use keyboard controls (WASD/Arrows) or tilt your mobile device
- 👑 Boss Challenge - Survive the boss cloud for ultimate victory
- React 19 - Interactive UI framework
- Three.js - 3D graphics engine
- Vite - Lightning-fast build tool
- TypeScript - Type-safe development
- Tailwind CSS - Modern styling
- Web Audio API - Immersive sound effects
- Node.js v16 or higher
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/carrot-flight.git cd carrot-flight -
Install dependencies:
npm install
-
Start development server:
npm run dev
npm run buildPreview the production build:
npm run preview| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build optimized production bundle |
npm run preview |
Preview production build locally |
npm run clean |
Remove build artifacts |
npm run lint |
TypeScript type checking |
- ✨ Immersive 3D Graphics - Rendered with Three.js
- 🌩️ Dynamic Weather System - Clear skies and storm conditions
- 🔊 Spatial Audio - Dynamic sound effects and ambient audio
- 📱 Responsive Design - Desktop and mobile support
- ⌨️ Multiple Input Methods - Keyboard, mouse, and touch controls
- 🎯 Engaging Gameplay - Progressive difficulty and scoring system
This project is ready for deployment to any static hosting platform:
- Vercel -
vercel deploy - Netlify - Drop
distfolder - GitHub Pages - Configure GitHub Actions
- Docker - Container-ready
This project is open source and available under the MIT License.
Contributions are welcome! Feel free to submit issues and pull requests.
Made with ❤️ by Carrot Flight Team