A retro 80s beaver-themed Tetris game built with Devvit and Kiro! Help the beaver build the ultimate dam by stacking logs, branches, and twigs in this neon-styled puzzle game.
- Beaver-Themed Tetris: Classic Tetris gameplay with wooden pieces (logs, branches, twigs)
- Retro 80s Aesthetic: Neon colors, grid backgrounds, and synthwave vibes
- Progressive Difficulty: Game speeds up as you level up (every 10 lines cleared)
- Beaver Encouragement: Your beaver buddy cheers you on with motivational messages
- Mobile-Friendly: Touch controls for mobile devices
- Score System: Points for clearing lines, bonus for higher levels
- Arrow Keys: Move pieces left/right/down
- Up Arrow: Rotate pieces
- Space: Drop pieces
- Mobile: Use the on-screen control buttons
Stack the falling wooden pieces to create complete horizontal lines. When a line is filled, it disappears and you score points! The beaver gets more excited as you build higher and higher dams.
- Log (I-piece): Long straight logs
- Bundle (O-piece): Square branch bundles
- Branch (T, J, L-pieces): Various shaped branches
- Twig (S, Z-pieces): Small curved twigs
Inspired by 80s arcade games with:
- Neon cyan and magenta color scheme
- Retro grid backgrounds
- Wood-textured game pieces
- Glowing text effects
- Pixel-art beaver character
- Kiro AI: AI-powered IDE used for development and code generation
- Devvit: Reddit's developer platform
- Vite: For compiling the webView
- Phaser: 2D game engine
- Express: For backend logic
- Typescript: For type safety
This project showcases the power of AI-assisted development using Kiro:
- 🎮 Game Logic: Complete Tetris mechanics generated and refined with AI assistance
- 🎨 Visual Design: Retro 80s neon aesthetic implemented through AI-guided styling
- 🦫 Character Integration: Beaver-themed elements and animations created collaboratively
- 🐛 Debugging: Real-time error detection and resolution with AI support
- 📱 Responsive Design: Mobile-friendly controls and layouts optimized with AI insights
- ⚡ Performance: Efficient rendering and game loop optimization through AI recommendations
- Beaver character positioning and transparency handling
- Wood-textured tetris pieces with grain effects
- Progressive difficulty system with level progression
- Mobile touch controls with haptic feedback
- Retro grid backgrounds and neon glow effects
- Concept to Code: Started with a simple request for a "beaver-themed Tetris game"
- Iterative Development: Refined gameplay mechanics through AI-assisted iterations
- Visual Polish: Enhanced UI/UX with retro 80s styling and neon effects
- Problem Solving: Resolved complex issues like PNG transparency and responsive positioning
- Optimization: Fine-tuned performance and cross-platform compatibility
Make sure you have Node 22 downloaded on your machine before running!
- Clone this repository:
git clone https://github.com/YOUR_USERNAME/dam-attack.git - Install dependencies:
npm install - Build the project:
npm run build - Start development:
npm run dev
- Run
npm create devvit@latest --template=phaser - Go through the installation wizard. You will need to create a Reddit account and connect it to Reddit developers
- Copy the command on the success page into your terminal
npm run dev: Starts a development server where you can develop your application live on Reddit.npm run build: Builds your client and server projectsnpm run deploy: Uploads a new version of your appnpm run launch: Publishes your app for reviewnpm run login: Logs your CLI into Redditnpm run check: Type checks, lints, and prettifies your app
This template comes with a pre-configured cursor environment. To get started, download cursor and enable the devvit-mcp when prompted.
- Kiro AI - AI-powered development environment that made this project possible
- Phaser Team - For the excellent Vite TypeScript template
- Reddit Devvit Team - For the developer platform and tools
- Community - For inspiration and feedback on the beaver-themed concept
🤖 Proudly built with Kiro AI - Showcasing the future of AI-assisted game development!