Snakes and Circles

Seele01-Flash
By
Snakes and Circles is an addictive free avoider game where you control a glowing snake that changes colors. Navigate through light beams to match circle colors while avoiding deadly mismatches in this endless runner experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Snakes and Circles - Neon Color Runner**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Cyberpunk/Neon aesthetic. The background should be a deep, dark void (dark blue or black) with a subtle scrolling grid on the floor (`GridHelper` moving in reverse to simulate forward speed) to convey speed. * **The Snake**: The player character is a "Snake" composed of a chain of glowing spheres (Head + Body Segments). Use simple `SphereGeometry`. The snake must move fluidly, with body segments following the head's path using a trail/delay logic (lerping positions). * **Post-Processing**: Essential. Implement a `BloomPass` (UnrealBloom) to make the snake and items glow intensely against the dark background. * **Game Objects**: * **Orbs (Food)**: Floating glowing spheres. They come in 4 distinct neon colors (e.g., Cyan, Magenta, Yellow, Lime). * **Color Beams (Gates)**: Horizontal, semi-transparent glowing planes (`PlaneGeometry`) that span the width of the track. Passing through them changes the snake's color. * **Optimization**: Use `MeshBasicMaterial` for maximum performance on mobile (lighting calculations are expensive). Recycle object geometries (Object Pooling) for the infinite runner generation to prevent memory leaks and garbage collection stutters. ### 2. Audio Requirements * **BGM**: A driving, high-tempo **Synthwave or Trance** track. It should have a steady bassline to help the player get into a "flow state." * **Sound Effects (SFX)**: * **Collection**: A crisp, digital "ping" or major chord note when eating a matching color orb. * **Color Change**: A "phaser" or "whoosh" sound when passing through a beam. * **Game Over**: A "glitch" sound effect or a shattering glass sound followed by silence. * **Ambience**: A low-level electric hum. ### 3. Gameplay Loop * **Core Mechanic**: The snake moves forward (Z-axis) automatically at a constant speed that slightly increases over time. The player controls only the X-axis (horizontal) movement. * **Color Logic**: * **Matching**: If the snake collides with an Orb of the **same color**, score +1, play success sound, and potentially add a segment to the tail. * **Mismatch**: If the snake collides with an Orb of a **different color**, the game ends immediately (Collision detection must be precise). * **Color Switch**: When the snake passes through a Color Beam, the snake's entire body color must instantly change to match the beam's color. * **Win/Loss**: Endless runner format. The game ends on collision with a wrong-colored orb. Display a "Game Over" screen with the final score and a "Tap to Restart" button. ### 4. Mobile Controls & Interaction * **Input Method**: **Swerve/Drag Control**. The player touches anywhere on the screen and drags left or right to steer the snake head. * The movement should be 1:1 relative to the finger movement or have a high sensitivity multiplier. * Do **not** use a virtual joystick; use direct delta X mapping. * **Orientation**: **Portrait Mode** is preferred for one-handed play, but the code should adapt the camera FOV if the window is resized. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(200)` upon death. Trigger a light `navigator.vibrate(50)` when changing colors via a beam. * **Visual**: When an orb is collected, spawn a small particle explosion of that color. * **UI**: * Current Score displayed clearly at the top center (large font, white). * Start Screen overlay preventing game logic from running until the first tap. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Snakes and Circles is a captivating free avoider game that combines classic snake mechanics with innovative color-changing gameplay. With a solid 4.3/5 rating, this HTML5 game challenges players to control a luminous snake made of glowing orbs as it slithers through an endless world of colorful obstacles and opportunities.

The core concept is elegantly simple yet surprisingly challenging: guide your snake to consume circles that match your current color while avoiding those that don't. However, the twist comes from horizontal light beams scattered throughout the playing field that transform your snake's color, forcing you to quickly adapt your strategy and change course to survive.

Core Features

Dynamic Color-Changing Mechanics

Unlike traditional snake games, Snakes and Circles introduces a revolutionary color-switching system. As your snake passes through horizontal beams of light, it instantly adopts the beam's color. This mechanic creates a constantly evolving challenge where players must stay alert and adapt their feeding strategy in real-time.

Endless Runner Experience

The game features infinite gameplay with progressively increasing difficulty. There's no finish line – only your skill determines how long you can survive. Each run presents new patterns of light beams and circles, ensuring fresh challenges every time you play.

Cross-Platform Compatibility

  • Complete HTML5 Design : No downloads required, play instantly in any modern web browser
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • Desktop Ready : Smooth mouse controls for PC and Mac users
  • Free to Play : Enjoy the full game experience without any payment required

Visual Excellence

The game features stunning visual design with: - Glowing orb effects that create an mesmerizing snake appearance - Vibrant color palettes that clearly distinguish different hues - Smooth animations and responsive visual feedback - Clean, minimalist interface that keeps focus on gameplay

Gameplay Mechanics

The objective is deceptively straightforward: consume circles of light that match your snake's current color. However, the challenge intensifies as you encounter:

  • Color Transformation Zones : Horizontal light beams that change your snake's color
  • Mixed Color Fields : Areas with multiple circle colors requiring careful navigation
  • Increasing Speed : The game gradually accelerates, demanding quicker reflexes
  • Pattern Complexity : More intricate arrangements of beams and circles as you progress

Strategic Elements

Success requires: - Color Awareness : Constantly monitoring your current color - Path Planning : Anticipating color changes and planning routes accordingly - Quick Adaptation : Rapidly adjusting strategy when colors change - Precision Control : Accurate maneuvering to avoid wrong-colored circles

How to Play

Mobile Controls

  • Touch and Hold : Place your finger on the screen and hold
  • Drag : Move your finger across the screen to control the snake's direction
  • Precision Movement : The snake follows your finger position for precise control

Desktop Controls

  • Mouse Movement : Control the snake by moving your mouse cursor
  • Smooth Tracking : The snake follows your mouse position fluidly
  • Click Navigation : Some variations may use click-to-move mechanics

Gameplay Tips

  • Keep track of your current color at all times
  • Plan your route before approaching light beams
  • Avoid rushing – precision is more important than speed
  • Practice recognizing color patterns quickly
  • Use the edges of the play area for safer navigation

Why Play Snakes and Circles

Perfect for All Skill Levels

Whether you're new to avoider games or a seasoned player, Snakes and Circles offers: - Easy Learning Curve : Simple controls make it accessible to beginners - Deep Challenge : Advanced strategies keep experienced players engaged - Progressive Difficulty : Gradual increase in complexity allows skill development - Instant Replay Value : Quick restart functionality encourages multiple attempts

Ideal Gaming Sessions

  • Quick Entertainment : Perfect for short gaming breaks
  • Extended Play : Engaging enough for longer gaming sessions
  • Stress Relief : Meditative yet exciting gameplay
  • Brain Training : Improves reflexes, pattern recognition, and multitasking

Universal Appeal

The game's all-ages content rating makes it suitable for players of every age, while the sophisticated color-changing mechanics provide depth that appeals to serious gamers. Its instant-play nature means no commitment beyond the current session, making it perfect for casual gaming.

Frequently Asked Questions (FAQ)