Sticklets - Educational Math Puzzle Game

Seele01-Flash
By
Sticklets is an innovative educational puzzle game that combines mathematical learning with strategic problem-solving. Help adorable stick figure characters navigate through challenging obstacles while practicing math skills from preschool to 8th grade level.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Sticklets: Math Puzzle Platformer**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D "Paper Cutout" or Low-Poly aesthetic to mimic the flat screenshot but with depth. Use an **Orthographic Camera** to maintain the puzzle platformer perspective. * **Color Palette:** High saturation and bright colors. Sky blue background (`#AEEEEE`), bright green grass (`#76EE00`), and chocolate brown dirt (`#8B4513`) with polka-dot texture details if possible. * **Characters (The Sticklets):** 3D stick figures constructed from simple geometry—white sphere for the head, black cylinders for the body and limbs. They should have simple animations (walking, falling, floating with umbrella). * **Environment:** Tile-based level design. Platforms should be extruded blocks. Include a "Spawner" door (green) and an "Exit Portal" (swirling purple particles). Background elements should include flat 2D trees or fences to match the reference. * **Performance:** Use `THREE.InstancedMesh` for terrain blocks if possible to reduce draw calls. Low polygon count on characters. ### 2. Audio Requirements * **BGM:** Light, playful, and "thinking" music. Marimba or pizzicato strings style. Loopable and non-intrusive. * **SFX:** * *Sticklet Voices:* High-pitched, cute sounds ("Hup!", "Oh-no!", "Yippee!" on exit). * *Actions:* Drilling sound (vibration), Umbrella open (whoosh), Dynamite (explosion), Building (hammering). * *UI/Math:* A satisfying "Ding!" chord for correct math answers, and a "Buzzer" for wrong answers. * *Ambience:* Wind blowing softly when high up. ### 3. Gameplay Loop * **Core Mechanic (Lemmings-style):** Sticklets spawn automatically every few seconds and walk in one direction until they hit a wall (turn around) or die. The player cannot control them directly but must assign **Tools/Jobs** to them. * **The Math Twist:** When a player selects a tool (Bridge, Umbrella, Drill, Dynamite), a **Math Question Modal** (HTML overlay) pops up. * *Question:* Simple arithmetic (Addition, Subtraction, Multiplication) tailored to difficulty. * *Condition:* The player must answer correctly to "unlock" the action. * **Action Phase:** After answering correctly, the player taps a specific Sticklet to apply the tool (e.g., give an umbrella to a falling Sticklet). * **Win Condition:** A minimum number of Sticklets (e.g., 5 out of 10) must reach the Portal. * **Loss Condition:** Too many Sticklets die (fall off map, hit traps). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Landscape mode recommended for viewing the level path. * **Main Interaction (Touch & Raycasting):** 1. **Toolbar (Bottom UI):** Large, tap-friendly icons (min 48x48px) for tools (Umbrella, Pickaxe, Bridge). 2. **Scene Interaction:** Use `THREE.Raycaster` on `touchstart` events. The code must distinguish between tapping a UI element and tapping a Sticklet in the 3D world. * **Feedback:** * **Visual:** A highlight ring appears around a Sticklet when targeted. * **Haptic:** Trigger `navigator.vibrate(50)` when placing a tool or answering a question correctly. * **Camera Control:** Allow one-finger panning (drag to move camera) to see the rest of the level. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Sticklets

Sticklets is a captivating educational puzzle game that masterfully blends mathematical learning with engaging gameplay mechanics. With an impressive 4.2/5 rating from over 1,010 players, this game has proven to be both educational and entertaining for learners of all ages.

In this unique puzzle adventure, you'll guide charming stick figure characters (called "Sticklets") through a series of increasingly challenging levels. Each level presents obstacles that require both strategic thinking and mathematical knowledge to overcome. The game seamlessly integrates learning with fun, making it an excellent choice for students, parents, and educators.

Core Features

Comprehensive Math Curriculum

Sticklets covers a wide range of mathematical concepts suitable for different grade levels: - Counting and Basic Numbers (Preschool-Kindergarten) - Addition and Subtraction (Elementary grades) - Algebra Fundamentals (Middle school) - Geometry Concepts (Progressive difficulty)

Strategic Problem-Solving Tools

The game provides various tools to overcome obstacles: - Dynamite : Blast through tough barriers - Ladders : Climb over high obstacles - Bridges : Cross gaps and chasms - Umbrellas : Float safely down from heights - Drills : Tunnel through solid rock

Adaptive Learning System

What sets Sticklets apart is its adaptive approach to learning. When you answer a math question incorrectly, the game provides another opportunity to learn, ensuring you master each concept before progressing.

Cross-Platform Compatibility

Built with HTML5 technology, Sticklets runs smoothly on: - Desktop computers and laptops - Tablets and mobile devices - All modern web browsers - Both iOS and Android platforms

Gameplay Mechanics

Sticklets features 24 carefully designed levels, each presenting unique challenges that combine spatial reasoning with mathematical problem-solving. The gameplay follows this engaging pattern:

  1. Assess the Obstacle : Study the terrain and identify what's blocking your Sticklets
  2. Choose Your Strategy : Select the most appropriate tool for the situation
  3. Solve the Math Problem : Answer correctly to use your chosen tool
  4. Execute Your Plan : Watch as your Sticklets overcome the obstacle
  5. Reach the Portal : Guide all characters safely to the level's exit

The game's difficulty scales progressively, introducing more complex mathematical concepts and challenging spatial puzzles as you advance through the levels.

Operation Guide

Getting started with Sticklets is simple and intuitive:

Initial Setup

  1. Select Grade Level : Choose your appropriate grade level (Preschool through 8th grade)
  2. Choose Skill Focus : Pick the specific math skill you want to practice
  3. Begin Playing : Start with Level 1 and work your way up

Game Controls

  • Click and Drag : Select tools from the inventory and drag them to where you want to use them
  • Answer Questions : Type or click your answers to math problems
  • Retry Option : If you answer incorrectly, you'll get another chance to solve the problem
  • Level Navigation : Progress through levels sequentially or replay previous levels for practice

Success Tips

  • Take time to analyze each obstacle before choosing a tool
  • Don't rush through math problems - accuracy is key
  • Experiment with different tools to discover the most efficient solutions
  • Use incorrect answers as learning opportunities

Why Play Sticklets

Educational Benefits

Sticklets transforms traditional math learning into an engaging, interactive experience. Unlike conventional worksheets or textbook exercises, this game contextualizes mathematical concepts within problem-solving scenarios, helping students understand the practical applications of math.

Cognitive Development

Beyond mathematics, Sticklets enhances: - Critical Thinking : Analyzing problems and developing solutions - Spatial Reasoning : Understanding how objects relate in space - Strategic Planning : Thinking ahead and considering consequences - Persistence : Learning from mistakes and trying again

Perfect for Multiple Audiences

  • Students : Supplement classroom learning with engaging practice
  • Parents : Provide educational entertainment for children
  • Educators : Use as a classroom tool or homework assignment
  • Adult Learners : Refresh basic math skills in a fun environment

Accessibility and Convenience

As a free, browser-based game, Sticklets offers: - No download or installation required - Immediate access from any device - No subscription fees or hidden costs - Family-friendly content suitable for all ages

The game's design ensures that learning remains the primary focus while maintaining high entertainment value, making it an ideal tool for both formal education and casual learning.

Frequently Asked Questions (FAQ)