Growmi - Puzzle Snake Game

Seele01-Flash
By
Growmi is an innovative puzzle game featuring a adorable snake-like character that grows longer as you progress. Use strategic movement and planning to solve challenging puzzles while collecting items and unlocking new abilities.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Growmi: The Stretching Puzzle Snake**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A charming **2.5D aesthetic** (3D assets viewed from a side-scrolling perspective). Use a "Soft Voxel" or "Low-poly" style to mimic the original pixel art but with modern 3D depth. * **Camera:** Use an **OrthographicCamera** fixed in a side-view position to maintain the precision of the grid-based puzzle layout, while allowing 3D depth for the background and character volume. * **Character (Growmi):** A bright yellow, segmented creature made of rounded cubes (BoxGeometry with beveled edges). The head should have a simple face texture (two black pixel eyes, pink blush). The body segments stretch behind the head as it moves. * **Environment:** * **Foreground:** A grid-based tile system using green checkered blocks (light green and lime green) for the floor and walls. * **Background:** A dynamic light blue skybox with slowly floating, low-poly white clouds. * **Collectibles:** Spinning gold stars or coins that float in the air. * **Mobile Optimization:** Use instanced mesh rendering for the grid tiles to reduce draw calls. Keep materials simple (MeshLambertMaterial or MeshToonMaterial) for high performance on mobile GPUs. ### 2. Audio Requirements * **BGM:** A cheerful, relaxed, looping **Chiptune / 8-bit track**. It should sound "thinking-oriented" (puzzle vibe) but upbeat, similar to classic Game Boy titles. * **Sound Effects (SFX):** * **Movement:** A soft, rubbery "pop" or "stretch" sound when moving a grid space. * **Blocked:** A dull "thud" or "bonk" when trying to move into a wall or past max length. * **Collect:** A high-pitched, satisfying 8-bit "ding" or "sparkle" sound. * **Shrink:** A fast "zip" or "slurp" suction sound. * **Win:** A short, celebratory jingle. ### 3. Gameplay Loop * **Core Mechanic:** The player controls the head of the snake. The body follows the path taken. * **Length Constraint:** The character starts with a maximum length of 3 units. The player can move the head up, down, left, or right. The body segments fill the grid behind the head. * **Limit Logic:** If the player has moved 3 spaces (stretching the body to max), they cannot move further away from the tail. They must press "Shrink" or backtrack to move the tail closer. * **Goal:** Navigate the grid maze to collect a specific item (e.g., a Star) which opens the exit door or expands the max body length (+1 segment), allowing access to new areas. * **Obstacles:** Static walls, spikes (reset level if touched), and gaps that require the body to "bridge" across. * **Win Condition:** Reaching the exit portal/door of the level. * **Fail Condition:** Hitting spikes or getting stuck (requires Restart). ### 4. Mobile Controls & Interaction * **Directional Control:** Implement a **Virtual D-Pad** on the bottom-left of the screen for precise grid movement (Up, Down, Left, Right). Swipe gestures can be enabled as an alternative, but they must "snap" to grid inputs to prevent accidental diagonal moves. * **Action Buttons:** Place three large, clearly labeled circular buttons on the bottom-right of the screen (min size 44x44px for touch targets): 1. **SHRINK (Spacebar equivalent):** Instantly pulls the tail towards the head, retracting the body. 2. **UNDO (U equivalent):** Reverses the last move (crucial for puzzle games). 3. **RESTART (R equivalent):** Resets the current level. * **Feedback:** * **Haptic:** Trigger a light vibration (using `navigator.vibrate`) on every successful move. Trigger a heavy vibration on death/restart. * **Visual:** When the player tries to move beyond their max length, flash the body red briefly to indicate the limit is reached. ### 5. Code Structure * Please provide the code in a single HTML file containing CSS, HTML, and JavaScript (ES6 module syntax for Three.js). * Use placeholder logic for the puzzle layout (e.g., a simple 2D array map definition). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Growmi

Growmi is a captivating puzzle game that combines strategic thinking with adorable pixel art graphics. In this unique gaming experience, you control Growmi, a charming yellow snake-like character whose body grows progressively longer as you advance through each level. Starting with the ability to move only 3 spaces in any direction, you'll need to carefully plan each move to navigate through increasingly complex puzzles.

Core Features

Dynamic Growth System

The most distinctive feature of Growmi is its progressive growth mechanic. As you successfully complete levels and collect items, your character literally grows in size, opening up new movement possibilities while also creating new challenges. This growth system ensures that gameplay constantly evolves, keeping each level fresh and engaging.

Strategic Puzzle Design

Each level is meticulously crafted to challenge your spatial reasoning and forward-thinking abilities. You'll need to: - Plan your route carefully within limited movement ranges - Navigate around enemies using precise positioning - Utilize your growing body as both a tool and obstacle - Collect essential items to progress to the next stage

Progressive Difficulty

Growmi starts with simple movement puzzles but gradually introduces more complex elements. As your character grows, you'll unlock new abilities that add layers of strategy to the gameplay. The difficulty curve is perfectly balanced to provide consistent challenge without frustration.

Charming Visual Design

The game features delightful pixel art graphics with a bright, cheerful color palette. The simple yet expressive character design makes Growmi instantly loveable, while the clean interface ensures nothing distracts from the puzzle-solving experience.

Game Mechanics

Growmi operates on a grid-based movement system where every move counts. Your character can move in four directions (up, down, left, right), but the number of spaces you can travel depends on your current size. The challenge lies in making the most efficient use of your limited movements while avoiding enemies and obstacles.

Collection and Progression

Each level contains specific items that must be collected to advance. These collectibles not only serve as level objectives but also contribute to your character's growth and ability unlocks. The satisfaction of seeing Growmi grow after each successful level completion adds a rewarding progression element that keeps players engaged.

Operation Guide

Growmi features intuitive controls that are easy to learn but require skill to master:

  • WASD Keys or Arrow Keys : Move Growmi in four directions (up, down, left, right)
  • Spacebar : Shrink your character temporarily - useful for navigating tight spaces
  • U Key : Undo your last move - perfect for correcting mistakes without restarting
  • R Key : Restart the current puzzle if you get completely stuck

Strategic Tips

  1. Plan Ahead : Always think several moves in advance, considering how your growing body will affect future movements
  2. Use Shrink Wisely : The shrink ability is limited, so save it for crucial moments when you need to squeeze through tight spaces
  3. Experiment Freely : The undo function allows you to try different approaches without penalty
  4. Study Enemy Patterns : Learn how enemies move to avoid them effectively

Why Play Growmi

Growmi offers a unique twist on traditional puzzle games that sets it apart from other brain training games. The growing character mechanic creates a dynamic puzzle experience where the rules constantly evolve. This makes it perfect for players who enjoy:

  • Mental Challenges : Each level requires careful planning and spatial reasoning
  • Progressive Difficulty : The game grows with your skills, providing long-term engagement
  • Quick Gaming Sessions : Perfect for short breaks or longer puzzle-solving marathons
  • Stress-Free Gaming : The undo and restart functions remove frustration from the experience

Accessibility and Availability

The game is completely free to play and requires no downloads or installations. It runs directly in your web browser, making it instantly accessible on both desktop computers and mobile devices. Whether you're on a PC, Mac, smartphone, or tablet, you can enjoy Growmi anytime, anywhere.

Perfect for All Ages

With its cute character design, intuitive controls, and gradually increasing difficulty, Growmi appeals to puzzle enthusiasts of all ages. It's challenging enough to engage experienced gamers while remaining approachable for newcomers to the puzzle genre.

Frequently Asked Questions (FAQ)