Activeweb appsJavaScriptMIT

Claude AI Mini Snake Game

Snake game built entirely with Claude

10 stars1 forks38 viewsAdded 1mo ago

AI-Agent Assisted

Tier 2
Claude Code
Signals: README-built-with-claude

README

🐍 Mini Snake Game

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!

Email Telegram Twitter

🤖 Built entirely with Claude AI - This project demonstrates how AI can help create fully functional, production-ready web games from scratch!

🎮 Play Now

Live Demo: https://minisnake.vercel.app/

✨ Features

  • 🤖 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

🎯 How to Play

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

🚀 Quick Start

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

🛠️ Tech Stack

  • 🤖 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

📱 Browser Support

  • ✅ Chrome, Firefox, Safari, Edge
  • ✅ iOS Safari & Android Chrome
  • ✅ Responsive design (mobile, tablet, desktop)

🤖 Built with Claude AI

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! 🐍✨

Tags

built-with-claude-codejavascriptclaudegame

Similar Tools