Snackio - Snake Game

Seele01-Flash
By
Snackio is an engaging mouse-controlled snake game where you guide your adorable snake through challenging levels, collect juicy apples, and aim for three-star completion. With cute graphics and unlockable skins, it's perfect for casual gaming sessions.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Snackio**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Toon Aesthetic. The game should look like a "living sticker book." Use **Cel Shading (Toon Shader)** on all 3D objects to create flat colors with sharp shadows. Crucially, implement an **Outline Effect** (using `OutlinePass` or the inverted hull method) around the snake and apples to mimic the thick white borders seen in the reference image. * **The Snake:** A chain of spheres. The head should be slightly larger with a "Kawaii" face texture (large eyes, happy mouth). The body segments should follow the head using a trail interpolation logic (smooth, sine-wave motion), not a rigid grid. Default color: Bubblegum Pink (#FFC0CB). * **Environment:** A flat plane background with a bright, cartoony texture—specifically a **blue radial sunburst pattern** (light blue and sky blue rays) rotating slowly to add dynamism. * **Obstacles & Items:** * **Apples:** Shiny red spheres with a single green leaf. * **Spikes:** Yellow/Orange spiky spheres placed in corners or randomly as hazards. * **Mobile Optimization:** Use `BoxGeometry` or low-segment `SphereGeometry` for collision meshes. Limit the number of dynamic lights; rely on `AmbientLight` and one `DirectionalLight` for the toon effect. ### 2. Audio Requirements * **BGM:** A cheerful, up-tempo "Chiptune" or "Kawaii Future Bass" track. It should be looping and energetic but not annoying. * **Sound Effects (SFX):** * *Movement:* A subtle, rhythmic "swish" sound as the snake turns. * *Eat Apple:* A satisfying, crunchy "CHOMP" or high-pitched "POP" sound. * *Collect Star:* A magical "ting" or ascending chime. * *Game Over:* A cartoonish "bonk" or a descending slide whistle sound when hitting a spike/wall. ### 3. Gameplay Loop * **Core Mechanic:** The player controls a snake that moves continuously in 360 degrees (non-grid based). The snake grows longer by one segment for every apple eaten. * **Objectives:** 1. Eat all apples spawned on the screen. 2. Collect 3 "Stars" placed in slightly more dangerous positions (near spikes) for a perfect score. * **Fail Condition:** Hitting the screen boundaries (walls), hitting the spiky obstacles, or colliding with the snake's own tail. * **Win Condition:** Clearing the level by eating the target number of apples. ### 4. Mobile Controls & Interaction * **Primary Control:** **Floating Virtual Joystick**. Anywhere the user touches and drags on the screen becomes the center of the joystick. The snake moves relative to the angle of the drag. * **Orientation:** Portrait Mode (Vertical) preferred for one-handed play, but the canvas must resize dynamically (responsive) to fit the window. * **Camera:** Orthographic Camera looking straight down (Top-Down view). The camera should pan smoothly to follow the snake's head but stay within the arena bounds. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` when eating an apple and a longer vibration on death. * **Visual:** When an apple is eaten, spawn a small particle explosion (confetti) at that location. * **UI:** Large, touch-friendly "Restart" button (minimum 44x44px target size) that appears on the Game Over screen. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Snackio

Snackio is a delightful twist on the classic snake game genre that combines precision controls with charming visuals. This mouse-controlled adventure features an adorable pink snake with big eyes who loves munching on apples and snacks. Unlike traditional snake games, Snackio focuses on level-based challenges where your goal is to collect all three stars while navigating through increasingly complex obstacles.

Core Features

Intuitive Mouse Controls

Snackio revolutionizes snake gameplay with smooth mouse or joystick controls, making it accessible for players of all skill levels. The responsive control scheme allows for precise movements, essential for navigating tight spaces and collecting hard-to-reach stars.

Level-Based Progression

Rather than endless gameplay, Snackio offers structured levels with specific objectives. Each level challenges you to collect all three stars while avoiding obstacles and managing your snake's growing length. This design creates a perfect balance between challenge and achievement.

Customization Options

Unlock cool new skins for your snake as you progress through the game. These cosmetic upgrades add personality to your slithery friend and provide motivation to master each level's challenges.

Cross-Platform Compatibility

Enjoy Snackio on any device - whether you're using a desktop computer, smartphone, or tablet. The game's responsive design ensures optimal performance across all platforms without requiring downloads or installations.

Gameplay Mechanics

Star Collection System

Each level contains three stars strategically placed throughout the maze. Collecting all three stars requires skill, planning, and sometimes multiple attempts as you learn the optimal path through each level's unique layout.

Apple Munching Fun

Apples serve as both objectives and growth triggers. As your snake eats apples, it grows longer, making navigation more challenging but also more rewarding. The satisfying crunch sound and visual feedback make each apple collection feel rewarding.

Obstacle Navigation

Snackio features various obstacles and maze-like structures that require careful maneuvering. Players must think ahead to avoid trapping their snake while ensuring they can reach all collectibles.

Game Controls

Mouse Control : Simply move your cursor in the direction you want your snake to travel. The snake follows your mouse movements smoothly and responsively.

Joystick Support : For mobile users or those preferring gamepad controls, Snackio supports joystick input for comfortable gaming sessions.

Precision Movement : Unlike traditional directional snake games, the mouse control allows for curved movements and precise navigation around tight corners.

Why Play Snackio?

Perfect for Quick Sessions

With its level-based structure, Snackio is ideal for short gaming breaks. Each level can be completed in minutes, making it perfect for office breaks or commute entertainment.

Family-Friendly Fun

The cute art style and gentle gameplay make Snackio suitable for players of all ages. Parents and children can enjoy competing for high scores and comparing their star collection progress.

No Download Required

As a browser-based game, Snackio offers instant entertainment without the hassle of downloads, installations, or storage concerns. Simply visit the game page and start playing immediately.

Skill Development

While easy to learn, Snackio offers genuine skill development opportunities. Players improve their spatial reasoning, planning abilities, and hand-eye coordination through regular play.

Frequently Asked Questions (FAQ)