MyApp
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data โ all from the browser, and deployed in milliseconds.
A thrilling 3D car racing game built with Three.js, featuring realistic physics, multiple tracks, and smooth controls.
- ๐๏ธ 3D car models with realistic physics
- ๐ Multiple racing tracks
- ๐ฎ Smooth keyboard controls (WASD/Arrow keys)
- ๐ Real-time speedometer and lap timing
- ๐ฏ Checkpoints and lap counting
- ๐ Particle effects and visual enhancements
- ๐ฑ Responsive design that works on desktop and mobile
- W/โ: Accelerate
- S/โ: Brake/Reverse
- A/โ: Turn Left
- D/โ: Turn Right
- Space: Handbrake
- R: Reset car position
โโโ backend/
โ โโโ index.ts # Hono server for static files
โโโ frontend/
โ โโโ components/
โ โ โโโ Game.tsx # Main game component
โ โ โโโ UI/
โ โ โ โโโ HUD.tsx # Heads-up display
โ โ โ โโโ Menu.tsx # Main menu
โ โ โ โโโ Controls.tsx # Control instructions
โ โ โโโ Game/
โ โ โโโ Car.ts # Car physics and rendering
โ โ โโโ Track.ts # Track generation and management
โ โ โโโ Camera.ts # Camera controls
โ โ โโโ Physics.ts # Physics engine integration
โ โโโ assets/
โ โ โโโ models/ # 3D models (if any)
โ โ โโโ textures/ # Texture files
โ โโโ index.html # Main HTML template
โ โโโ index.tsx # Frontend entry point
โโโ shared/
โโโ types.ts # Shared TypeScript types
- 3D Engine: Three.js
- Physics: Cannon.js (for realistic car physics)
- Frontend: React 18.2.0 with TypeScript
- Styling: TailwindCSS
- Backend: Hono (for serving static assets)
- Controls: Keyboard input handling
- Realistic car physics with acceleration, braking, and steering
- Track boundaries and collision detection
- Lap timing and checkpoint system
- Speed-based camera effects
- Particle systems for exhaust and dust effects