A modern, responsive snake game built with Claude AI - showcasing the power of AI-assisted development with vanilla JavaScript, HTML5 Canvas, and CSS. Features beautiful gradients, smooth animations, and full mobile support!
๐ค Built entirely with Claude AI - This project demonstrates how AI can help create fully functional, production-ready web games from scratch!
Live Demo: https://minisnake.vercel.app/
- ๐ค 100% AI-Generated - Built entirely with Claude AI
- ๐ฎ Classic snake gameplay with smooth controls
- ๐ Special Foods System - 5 different food types with unique effects!
- ๐ Normal Apple - 1 point (70% spawn rate)
- ๐ Golden Apple - 5 points (15% spawn rate)
- ๐ Diamond - 10 points! (5% spawn rate - rare!)
- โก Speed Boost - Faster for 5 seconds (6% spawn rate)
- ๐ Slow Motion - Slower for 5 seconds (4% spawn rate)
- โจ Particle Effects - Colorful burst animations when eating food
- ๐ฌ Smooth Animations - Food spawn animation & death fade effect
- ๐ Animated Score Counter - Score smoothly counts up
- โธ๏ธ Pause Functionality - Press SPACE to pause/resume
- ๐ฑ Fully mobile responsive (swipe & on-screen controls)
- ๐ High score tracking with localStorage
- โก Progressive difficulty - speed increases as you score
- ๐ Beautiful UI with glassmorphism effects
- ๐ Animated Background - Dynamic gradient with floating particles
- โก Zero dependencies - Pure vanilla JavaScript
Objective: Eat the red food to grow while avoiding walls and yourself!
Controls:
- Desktop: Arrow keys (โ โ โ โ) | SPACE to pause
- Mobile: Swipe gestures or tap D-pad buttons
Rules:
- โ Eat food to score points and grow
- ๐ Look for special foods for bonus points and power-ups!
- โ Don't hit walls or yourself
- ๐ Speed increases every 5 points
- โธ๏ธ Pause anytime with SPACE key
Special Foods:
- ๐ Red Apple = 1 point (common)
- ๐ Golden Apple = 5 points (uncommon)
- ๐ Diamond = 10 points (rare!)
- โก Speed Boost = Temporary speed increase
- ๐ Slow Motion = Easier control for 5 seconds
Option 1: Play Online Visit https://minisnake.vercel.app/
Option 2: Run Locally
# Clone the repository
git clone https://github.com/solcanine/claude-ai-mini-snake-game.git
# Open index.html in your browser
# Or use a local server:
python -m http.server 8000- ๐ค Claude AI - AI-assisted development
- HTML5 Canvas - Game rendering
- CSS3 - Styling and animations
- Vanilla JavaScript - Game logic
- No dependencies - Pure web technologies
- Vercel - Deployment platform
- โ Chrome, Firefox, Safari, Edge
- โ iOS Safari & Android Chrome
- โ Responsive design (mobile, tablet, desktop)
This entire game was created through a conversation with Claude AI (Anthropic's AI assistant), demonstrating:
- โจ AI-Powered Development - Complete game logic, UI/UX, and responsive design
- ๐จ Iterative Design - Real-time feedback and improvements
- ๐ Bug Fixes - Instant debugging and optimization
- ๐ฑ Mobile Optimization - Responsive design and touch controls
- ๐ก Best Practices - Clean code, no dependencies, single-file architecture
This project showcases how Claude AI can help developers build production-ready applications quickly and efficiently!
Created with โค๏ธ by Claude AI
Enjoy the game! ๐โจ