Lightcycle

A Tron-inspired Light Cycle game built as a Progressive Web App using Svelte and PixiJS. Race through the grid, create light walls, and try to outmaneuver your opponent!

Play Now 🎮

Features

• 🎮 Single-player mode with increasing difficulty
• 👥 Local multiplayer mode (keyboard controls)
• 📱 Mobile-friendly with touch controls
• 🎵 Retro-style sound effects and background music
• ⚡ Smooth animations and particle effects
• 🎨 Customizable bike colors
• 🌓 Responsive design that works on all devices

Controls

Desktop

• Player 1: Arrow keys
• Player 2: WASD keys (local multiplayer)
• ESC: Pause game

Mobile

• Swipe in any direction to turn

Technology Stack

• 🎯 SvelteKit - Web framework
• 🎨 PixiJS - 2D rendering engine
• 💅 TailwindCSS - Styling
• 🎭 shadcn-svelte - UI Components
• 🌈 Lucide Icons - Beautiful icons
• 🎵 Web Audio API - Sound effects
• 📱 Progressive Web App features
• 🔧 TypeScript - Type safety

Development

Clone the repository

git clone https://github.com/thatplatypus/LightCycle.git

Install dependencies

npm install

Start development server

npm run dev

Build for production

npm run build

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

License

MIT License - feel free to use this code in your own projects!

Credits

Audio

• Background Music

  • "Tron World" by RokZRooM (freesound) - License: Attribution NonCommercial 4.0
  • "Tron Forest" by RokZRooM (freesound) - License: Attribution NonCommercial 4.0

• Sound Effects

  • "Futuristic.aif" by InAvision (freesound) - License: Creative Commons 0
  • "derezz_sounds.wav" by Syna-Max (freesound) - License: Attribution NonCommercial 4.0
  • "Sci-Fi Engine - Light Cycle.wav" by fedexico (freesound) - License: Attribution 3.0
  • "Mono tron bike engine.wav" by Hiccupvirus (freesound) - License: Attribution 3.0

Inspiration

• Inspired by the Light Cycles from the Tron franchise