Number Crusher - Educational Math Puzzle Game

Seele01-Flash
By
Number Crusher combines exciting block-breaking action with educational math practice, making learning fun for students from preschool to 8th grade. Break through blocks, collect rewards, and sharpen your math skills in this engaging puzzle adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Number Crusher**" (a Math-based Vertical Drilling/Block Breaking Game). Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Casual, cartoonish 3D style with vibrant, saturated colors. Use **OrthographicCamera** to create a clean, isometric or top-down 2D-style view of the grid, ensuring perfect alignment for the block mechanics. * **The Grid:** A vertical grid (e.g., 6 columns wide) of 3D cubes (`BoxGeometry`). * **Wood Blocks:** Brown, wood-grain texture/color. (Low durability). * **Cement/Metal Blocks:** Grey/Blue with "studs" or bumps. (High durability, requires multiple hits or a hold delay). * **Caution Blocks:** Yellow and Black diagonal stripes. (Unbreakable obstacles). * **Gem Blocks:** Blocks containing a glowing star or gem geometry inside. * **The Character:** A simple low-poly avatar (e.g., a robot or a construction worker with a drill) that stands *on top* of the blocks. * **Effects:** * Particle explosions (cubes shattering) when a block is destroyed. * Floating text (+Score) when gems are collected. * Screen shake effect when breaking heavy Cement blocks. * **Optimization:** Use `InstancedMesh` for the blocks to handle high object counts on mobile devices. Use simple `MeshLambertMaterial` for performance. ### 2. Audio Requirements * **BGM:** Fast-paced, arcade-style electronic loop (upbeat and motivating) to match the "rush" feeling. * **Sound Effects (SFX):** * **Wood Crush:** A crisp "crunch" or wood snapping sound. * **Cement Hit:** A metallic "clank" or heavy drilling sound. * **Gem Collect:** A high-pitched "ding" or magical chime. * **Math Correct:** A cheerful "success" jingle. * **Game Over:** A "squish" sound or descending buzzer. ### 3. Gameplay Loop The game consists of two distinct phases: **The Math Gate** and **The Action Phase**. * **Phase 1: The Math Gate (Start/Unlock)** * Before the action begins, present a clean HTML overlay. * Generate 5 random math questions (Addition/Subtraction for easy mode). * The player must answer all 5 correctly to "fuel up" or unlock the level. * Visual feedback: Green checkmark for correct, red shake for incorrect. * **Phase 2: The Action (Drilling)** * **Mechanic:** The player controls the avatar to drill downwards through the block stack. * **The Threat:** The entire stack of blocks slowly moves **upwards** (or the camera stays fixed while blocks rise). If the character is pushed to the very top of the screen by the rising blocks, it is **Game Over**. * **Block Logic:** * Tapping a Wood block destroys it instantly. * Tapping a Cement block requires 2 taps (showing a "cracked" texture after the first). * Caution blocks force the player to move around them. * **Power-ups:** "Bomb" items occasionally appear; triggering them clears a 3x3 area instantly. * **Scoring:** +10 points per block broken, +50 for Gems. ### 4. Mobile Controls & Interaction * **Orientation:** Portrait Mode (Vertical) is mandatory for this vertical-scrolling gameplay. * **Touch Controls:** * **Tap-to-Break:** The player does not use a joystick. Instead, they tap directly on a block *adjacent* (below, left, or right) to the character. The character moves to that position and breaks the block. * **UI Layout:** * Top Left: Score Display. * Top Right: "Pause/Math Skill" button (allows changing difficulty). * Math Overlay: Large, thumb-friendly number pads/buttons (min-height: 50px). * **Feedback:** * Trigger `navigator.vibrate(50)` when a block is destroyed for tactile satisfaction. * Highlight the selected block slightly when touched. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Number Crusher is an innovative educational puzzle game that transforms math practice into an exciting adventure. With a stellar 4.3/5 rating, this game successfully combines action-packed block-breaking gameplay with structured math learning, making it perfect for students who want to make studying more enjoyable.

The game features a unique dual-mode experience: first, you'll help a demolition character break through various types of blocks while collecting stars and gems, then you'll tackle math questions to unlock new game sessions. This alternating format prevents study fatigue by providing engaging breaks between learning sessions.

Core Features

Educational Excellence

  • Comprehensive Grade Coverage : Math skills ranging from preschool level to 8th grade
  • Adaptive Learning : Choose and change your math skill level at any point during gameplay
  • Progress-Based Unlocking : Answer 5 math questions correctly to unlock each game session
  • Skill Reinforcement : Targeted practice on specific math concepts you need to work on

Engaging Gameplay Mechanics

  • Multiple Block Types : Wooden blocks break easily, while cement and metal blocks require more effort
  • Unbreakable Obstacles : Yellow and black striped blocks add strategic challenge
  • Power-ups and Boosters : Bombs and special items help clear blocks faster
  • Time Pressure : Race against the screen pushing your character upward
  • Reward System : Collect stars and gems as you progress through levels

Technical Advantages

  • HTML5 Technology : Smooth performance across all modern devices
  • Cross-Platform Compatibility : Play on computers, tablets, and smartphones
  • No Download Required : Instant access through your web browser
  • Free to Play : Complete educational experience at no cost

Gameplay Mechanics

The core gameplay revolves around strategic block destruction while racing against time. Players must navigate through different block types, each requiring varying amounts of effort to destroy. Wooden blocks crumble quickly under pressure, while cement and metal blocks demand persistence and strategy.

The game's unique obstacle system includes indestructible striped blocks that force players to think creatively about their path forward. Strategic use of power-ups becomes crucial as levels progress and complexity increases.

Operation Guide

Basic Controls: - Mouse/Touch : Click or tap blocks to break them - Movement : Guide your demolition character through the block field - Block Breaking : Different materials require different breaking strategies

Gameplay Strategy: 1. Prioritize Path Planning : Look for the most efficient route through breakable blocks 2. Utilize Power-ups : Save bombs and boosters for challenging sections 3. Collect Rewards : Gather stars and gems while maintaining forward momentum 4. Time Management : Balance speed with accuracy to avoid being pushed off-screen 5. Math Preparation : Stay focused for the educational segments that unlock new levels

Educational Component: - Answer 5 math questions correctly to unlock each gaming session - Select appropriate grade level for optimal learning experience - Switch math skills anytime to focus on areas needing improvement - Use the alternating game-study format to maintain engagement

Why Play Number Crusher

Perfect Learning Balance

Number Crusher addresses the common problem of study fatigue by providing exciting gameplay breaks between educational content. This approach helps maintain concentration and makes learning feel less like work and more like play.

Skill Development

The game targets essential mathematical concepts across a wide age range, making it valuable for both young learners building foundational skills and older students reinforcing advanced concepts.

Immediate Feedback

Players receive instant feedback on both their gaming performance and mathematical accuracy, helping identify areas for improvement in real-time.

Motivation Through Gaming

By gamifying the learning experience, Number Crusher transforms potentially dry mathematical practice into an engaging challenge that students actually want to complete.

Whether you're a parent looking for educational screen time options, a teacher seeking interactive math resources, or a student wanting to make homework more enjoyable, Number Crusher delivers a comprehensive solution that proves learning and fun can go hand in hand.

Frequently Asked Questions (FAQ)