Candy Stacker - Math Stacking Game

Seele01-Flash
By
Candy Stacker transforms math practice into a deliciously fun experience! Stack colorful sweets while solving math problems from preschool to 8th grade level. Perfect blend of education and entertainment in one sweet package.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Candy Stacker". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Cute, vibrant, and Low-poly aesthetic with a "Toon Shader" (Cel-shading) effect. Use a pastel color palette (pinks, mint greens, light blues, creamy yellows). * **Models (Procedural Geometries)**: * **Sweets**: Create varied shapes representing candies using basic geometries: Torus (Donuts), Cylinders (Layer Cakes), Spheres (Ice Cream Scoops), and Cubes (Fudge/Brownies). * **Player Character**: A simple 2D sprite or billboard plane of the cute white character (from the reference image) cheering at the bottom of the screen. * **Environment**: A vertical gradient background that shifts colors (e.g., from grass green to sky blue to space purple) as the stack gets higher. * **Mobile Optimization**: Use `InstancedMesh` where possible if objects repeat. Limit light sources to one directional light and ambient light to maintain high FPS on mobile devices. ### 2. Audio Requirements * **BGM**: A lighthearted, whimsical, and looping track (Marimba or synth-bell based) that speeds up slightly as the tower grows higher. * **Sound Effects (SFX)**: * **UI**: A satisfying "Pop" sound when selecting a math answer. * **Gameplay**: A "Whoosh" sound when a candy drops. A "Squish/Thud" sound when it lands successfully. * **Failure**: A "Crash/Crumble" sound when the tower falls. A "Buzz" sound for an incorrect math answer. ### 3. Gameplay Loop * **State 1: Math Challenge (UI Layer)**: The game pauses the physics loop. A modal appears asking a math question (Addition/Subtraction/Multiplication based on difficulty). * **Correct Answer**: The player earns a new "Candy Block" to drop. * **Wrong Answer**: The current tower shakes violently or collapses (Instant Game Over), matching the description "the whole delicious tower will come tumbling down." * **State 2: Positioning**: The new Candy Block hovers at the top of the screen. The player slides their finger to position it horizontally. * **State 3: The Drop**: On release (touch end), the block falls (enable gravity via Physics engine like Cannon.js). * **State 4: Stabilization**: If the block lands and settles without falling off the platform, the camera pans up, score increases, and the loop returns to State 1. * **Win/Loss**: High Score system based on the number of stacked items. Game over if the tower topples due to physics. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** (Vertical) is mandatory to accommodate the vertical stacking gameplay. * **Controls**: * **Math Phase**: Large, tap-friendly buttons (minimum 60px height) for multiple-choice answers. * **Stacking Phase**: 1:1 Horizontal drag tracking. The candy follows the user's finger on the X-axis. Release finger to drop. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(50)` when a block lands successfully. * **Visual**: Screen shake effect if the tower becomes unstable. Particle confetti explosion when a milestone (e.g., every 10 blocks) is reached. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Candy Stacker is an innovative educational puzzle game that makes math practice irresistibly fun! With an impressive 4.5/5 rating from over 1,000 players, this sweet-themed stacking game proves that learning math doesn't have to be boring. Build towering stacks of candy, ice cream, donuts, and cakes while sharpening your mathematical skills across multiple grade levels.

The game brilliantly combines the excitement of tower-building with structured math education, creating an engaging experience that keeps students motivated to practice and improve their numerical abilities.

Core Features

Comprehensive Math Curriculum

Candy Stacker offers extensive math practice covering: - Addition and Subtraction : Master basic arithmetic operations - Fractions and Decimals : Understand complex numerical concepts
- Algebra Basics : Introduction to algebraic thinking - Grade-Specific Content : Tailored problems from PreK through 8th grade

Adaptive Learning System

The game features intelligent difficulty scaling that automatically advances players to more challenging problems as they demonstrate mastery. This ensures continuous learning progression without overwhelming beginners or boring advanced students.

Visual Appeal and Engagement

Colorful, cute graphics featuring various sweets create an inviting atmosphere that appeals to learners of all ages. The stacking mechanic adds a satisfying physical element to abstract mathematical concepts.

Cross-Platform Accessibility

  • Instant Play : No downloads required - play directly in your browser
  • Mobile Optimized : Perfect performance on smartphones and tablets
  • Universal Compatibility : Works on all modern devices and operating systems

Gameplay Mechanics

The core gameplay revolves around answering math questions correctly to build your sweet tower higher. Each correct answer adds another delicious layer to your stack, while incorrect answers cause the entire tower to tumble down, encouraging accuracy and careful thinking.

Progressive Difficulty

As players consistently answer questions correctly, the game automatically increases the difficulty level, ensuring optimal challenge without frustration. This adaptive system helps maintain engagement while promoting genuine learning progress.

High Score System

Compete against yourself and others with the integrated scoring system. Track your progress over time and strive to beat your personal best while mastering new mathematical concepts.

How to Play

Getting Started

  1. Select Your Grade Level : Choose from preschool through 8th grade
  2. Pick a Math Skill : Focus on specific areas like addition, subtraction, fractions, or algebra
  3. Start Stacking : Answer math problems correctly to add sweet treats to your tower
  4. Build Higher : Continue solving problems to create the tallest stack possible
  5. Learn and Improve : Use incorrect answers as learning opportunities

Controls and Navigation

  • Mouse/Touch : Select answers and navigate menus
  • Menu Button : Access skill selection and game options (top-right corner)
  • Grade Selection : Easily switch between different difficulty levels
  • Skill Categories : Jump between different math topics as needed

Educational Benefits

Reinforced Learning Through Repetition

Math mastery comes through consistent practice, and Candy Stacker makes repetition enjoyable rather than tedious. The game format encourages multiple play sessions, naturally building mathematical fluency.

Immediate Feedback

Players receive instant feedback on their answers, allowing for quick correction and learning from mistakes. This immediate response system accelerates the learning process.

Confidence Building

The rewarding nature of successful tower-building helps students develop confidence in their mathematical abilities, creating positive associations with math practice.

Why Play Candy Stacker

Candy Stacker stands out as the perfect solution for students who find traditional math practice boring or intimidating. By gamifying the learning process, it transforms necessary skill-building into an entertaining activity that students actively want to engage with.

The game's comprehensive coverage of mathematical concepts makes it an invaluable resource for: - Students : Supplement classroom learning with fun practice - Parents : Support children's education with engaging homework alternatives - Teachers : Provide interactive learning tools that motivate students - Homeschoolers : Access structured math curriculum in game format

Whether you're struggling with basic arithmetic or ready to tackle algebraic concepts, Candy Stacker adapts to your level and helps you progress at your own pace. The combination of immediate feedback, progressive difficulty, and rewarding gameplay creates an optimal learning environment that makes math practice something to look forward to rather than avoid.

Frequently Asked Questions (FAQ)