Stack Colors!

Seele01-Flash
By
Stack Colors! is an addictive hypercasual running game where you collect matching colored blocks while avoiding obstacles. Build massive stacks and launch them for incredible reward multipliers!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Stack Colors". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual aesthetic. Use Low-poly geometry with flat shading (MeshLambertMaterial or MeshToonMaterial) for high performance on mobile devices. * **Color Palette**: High contrast. The background/track should be dark (dark gray/black) to make the colored elements (Neon Blue, Bright Red, Yellow, Purple) pop. * **Character**: A simple, solid-colored humanoid stickman (rigged for running animation) or a simple capsule proxy. The character pushes a stack of flat rectangular plates. * **Environment**: An infinite straight runway floating in a void or above a simple ocean shader. Use linear fog to mask the render distance and save draw calls. * **Performance Optimization**: * Use `THREE.InstancedMesh` for the collectible blocks to handle hundreds of objects at 60fps on mobile. * Reuse geometries and materials. * Limit dynamic lights to one DirectionalLight and one AmbientLight. Shadow mapping should be low resolution or baked. ### 2. Audio Requirements * **BGM**: Upbeat, high-tempo electronic/pop loop that encourages forward momentum. * **SFX**: * **Collect**: A satisfying, high-pitched "pop" or "click" sound (rising in pitch for consecutive collects). * **Fail/Wrong Color**: A dull thud or discordant buzz accompanied by a screen shake effect. * **Fever Mode**: A high-energy, looping siren or "power-up" hum. * **The Kick**: A powerful "whoosh" followed by an impact sound based on the distance traveled. * **UI**: Crisp clicks for buttons. ### 3. Gameplay Loop * **Core Mechanics**: * **Auto-Runner**: The character moves forward automatically at a constant speed. * **Stacking**: When the player hits a block of the *same* color, it adds to the stack in front of the player. * **Penalty**: Hitting a block of a *different* color destroys top blocks from the player's current stack. If the stack is empty and the player hits a wrong color, Game Over. * **Color Gates**: Periodically, the player passes through transparent "Color Gates" that change the character's active color. * **Fever Mode**: Fill a "Combo Bar" by collecting correct blocks continuously. Once full, the player speeds up, becomes invincible (can collect ANY color), and the blocks attract magnetically. * **Endgame (The Kick)**: At the finish line, the camera switches to a side view. A "Power Bar" UI appears. The player must tap rapidly to build force. After a timer, the character kicks the accumulated stack. Score = (Stack Height) x (Kick Distance Multiplier). ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode** (Vertical) is mandatory for one-handed play. * **Running Phase Controls**: * **Input**: 1:1 Horizontal Swiping (Touch Delta X). The character's X position should basically mirror the finger's horizontal movement relative to the screen width. * **Sensitivity**: High sensitivity. Instant response. No inertia/smoothing on the input to ensure precision dodging. * **Endgame Phase Controls**: * **Input**: Rapid Tapping anywhere on the screen. * **Haptic Feedback**: * Trigger `navigator.vibrate(5)` on every correct block collection (light tap). * Trigger `navigator.vibrate(50)` on wrong color collision (heavy buzz). * **UI/UX**: * Score displayed at the top center (large font). * "Tap to Start" overlay. * All buttons must have a hit area of at least 44x44 pixels. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Stack Colors!

Stack Colors! is a highly addictive hypercasual game that combines color matching, collection mechanics, and running gameplay into one exciting experience. This free-to-play browser game challenges you to collect as many matching colored blocks as possible while navigating through colorful obstacle courses.

The game features intuitive swipe controls, vibrant 3D graphics, and satisfying stacking mechanics that keep players engaged for hours. With its simple yet challenging gameplay, Stack Colors! has become a favorite among casual gaming enthusiasts worldwide.

Core Features

Addictive Color Collection Gameplay

The core mechanic revolves around collecting blocks that match your current color. You must carefully navigate left and right to line up with the correct colored blocks while avoiding those that don't match. This creates a strategic element where timing and positioning are crucial for success.

Exciting Fever Mode

One of the game's most thrilling features is the fever mode system. When you successfully collect matching blocks without mistakes, you enter a fevered frenzy where everything becomes the same color. During this power-up phase, you become an invincible color-collecting machine, able to grab every block in sight while obstacles disappear.

Satisfying Launch Mechanics

The game culminates with an explosive finish where you launch your collected stack toward the finish line. The more blocks you've gathered and the more force you apply, the further your stack travels, resulting in higher scores and bigger reward multipliers.

Cross-Platform Compatibility

Stack Colors! works seamlessly across all devices - play on your desktop computer, mobile phone, or tablet through any modern web browser. No downloads required!

Game Mechanics

Color Matching Strategy

Success in Stack Colors! depends on quick decision-making and precise movement. You can only collect blocks that match your current color stack. Stepping on the wrong color will cause you to lose blocks and reset your fever progress, making color recognition and fast reflexes essential skills.

Progressive Difficulty

As you advance through levels, the game introduces more complex color patterns, faster-moving obstacles, and tighter spaces to navigate. This progressive difficulty curve ensures that both beginners and experienced players find appropriate challenges.

Operation Guide

Simple Controls

  • Mouse Control : Drag the left mouse button to move your character left or right
  • Mobile Touch : Swipe left and right on your screen to navigate
  • Launching : Tap rapidly at the finish line to kick your blocks with maximum force

Pro Tips for Success

  1. Stay Focused : Keep your eyes on the color of your current stack
  2. Plan Ahead : Look for color patterns to maximize your collection efficiency
  3. Fever Mode : Aim for consecutive correct collections to trigger the powerful fever state
  4. Launch Timing : Build up as large a stack as possible before the finish line for maximum points

Why Play Stack Colors!

Perfect for Quick Gaming Sessions

Stack Colors! is designed for bite-sized gaming sessions that fit perfectly into busy schedules. Whether you have 5 minutes or an hour, the game adapts to your available time with its level-based structure.

Stress-Free Entertainment

Unlike competitive games, Stack Colors! offers a relaxing yet engaging experience. The colorful visuals, smooth animations, and satisfying sound effects create a calming atmosphere perfect for unwinding.

Universal Appeal

The game's simple mechanics make it accessible to players of all ages and gaming experience levels. Young children can enjoy the colorful visuals and simple controls, while adults appreciate the strategic depth and score-chasing elements.

No Commitment Required

As a free browser game with no registration requirements, you can jump in and start playing immediately. No personal information needed, no installation process - just pure gaming fun at your fingertips.

Frequently Asked Questions (FAQ)