Math Rocket - Educational Space Flight Game

Seele01-Flash
By
Math Rocket is an innovative educational game that combines exciting space flight adventure with comprehensive math practice. Perfect for students from preschool to 8th grade, this game makes learning math fun and engaging.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Math Rocket". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Cute, low-poly 3D aesthetic with a "Cartoon Space" theme. Vibrant colors (neon blues, purples, and oranges) against a dark void background. * **Player Character**: A chubby, cartoonish rocket ship (main body cylinder, cone nose, 3 fins) with a glowing engine thruster trail (simple particle system). * **Environment**: An infinite vertical scrolling space tunnel. Use a particle system (PointsMaterial) to create a "Starfield" effect that moves rapidly along the Y-axis to simulate upward velocity. Background should feature distant, slowly rotating planets or nebulas for depth. * **Obstacles**: * **Meteors**: Low-poly jagged rocks (brown/grey) rotating randomly. * **Satellites**: Simple geometric shapes (box body with flat solar panels). * **Debris**: Small scrap metal pieces. * **Collectibles**: Glowing Golden Stars (tetrahedrons or star shapes) that spin. * **Mobile Optimization**: Use simple primitives (BoxGeometry, CylinderGeometry) where possible. Limit light sources to one AmbientLight and one DirectionalLight. Use object pooling for obstacles and particles to maintain high FPS. ### 2. Audio Requirements * **BGM**: An upbeat, looping "Chiptune/Synth-pop Space" track. Fast-paced during flight, transitioning to a calmer, "thinking music" loop during the Math Quiz phase. * **Sound Effects (SFX)**: * **Thruster**: Continuous low-hum white noise when flying. * **Collect**: High-pitched "Ding" or coin sound when hitting a star. * **Warning**: A rhythmic "Beep-Beep" when an obstacle is about to enter the screen (linked to the visual arrow indicators). * **Crash**: Explosion/Crunch sound. * **Math**: Positive chime for correct answers, buzz/thud for incorrect answers. ### 3. Gameplay Loop * **State 1: Vertical Flight (Action)** * The rocket flies upward automatically (constant Y-axis speed). * Obstacles spawn from the top and move down. * **Warning System**: Before an obstacle enters the screen, a flashing red arrow indicator must appear at the top edge of the screen to show the player which lane/direction the danger is coming from. * **Collision**: Hitting an obstacle reduces "Lives" (start with 3). If Lives = 0, trigger Game Over/Math Phase. * **Scoring**: Distance traveled + Stars collected. * **State 2: Math Academy (Education)** * Triggered immediately after the flight session ends (Game Over) or between levels. * The game pauses, and an HTML overlay appears. * **Challenge**: The player must solve 5 randomly generated math questions (Addition, Subtraction, Multiplication tailored for K-8 difficulty). * **Reward**: Answering correctly allows the player to restart with a bonus or saves their high score to a leaderboard. Answering all 5 correctly grants an extra "Life" for the next run. ### 4. Mobile Controls & Interaction * **Control Scheme**: **1:1 Finger Tracking**. The rocket's X/Y position on screen should smoothly follow the player's finger/mouse drag. * *Implementation*: Raycasting from camera to a plane at the rocket's depth. * **Orientation**: **Portrait Mode** (Vertical) is mandatory. * **UI/UX**: * **Lives Counter**: Heart icons at the top left. * **Score**: Large text at top center. * **Math Interface**: Large, tappable buttons for multiple-choice answers (minimum 44x44px touch targets). The math overlay should be DOM-based (HTML/CSS) floating over the canvas for sharper text rendering. * **Feedback**: * **Haptic**: Trigger `navigator.vibrate(200)` on crash and `navigator.vibrate(50)` on star collection (if supported). * **Visual**: Screen shake effect on impact. Flash the rocket red when taking damage. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Math Rocket is a unique educational gaming experience that transforms math practice into an exciting space adventure. With a stellar 4.4 rating, this innovative game combines vertical flight gameplay with comprehensive mathematical learning, making it perfect for students of all ages who want to improve their math skills while having fun.

Fly your adorable rocket ship through the vast expanse of space while dodging obstacles and collecting stars. But here's the twist - between each thrilling flight session, you'll solve math problems that challenge and strengthen your mathematical abilities.

Core Features

Comprehensive Educational Content

Math Rocket offers an extensive curriculum covering preschool through 8th grade mathematics: - Basic Operations : Addition, subtraction, multiplication, and division - Advanced Topics : Geometry, algebra, and problem-solving - Grade-Appropriate Challenges : Customized difficulty levels for each educational stage - Progressive Learning : Skills build upon each other for optimal learning progression

Engaging Flight Gameplay

The space flight component keeps players motivated and entertained: - Vertical Flight Adventure : Navigate your rocket through challenging space environments - Obstacle Variety : Dodge satellites, meteor showers, and space debris - Star Collection System : Gather stars to boost your score and unlock achievements - Life System : Strategic gameplay with limited lives adds excitement without frustration

Cross-Platform Accessibility

  • HTML5 Technology : Plays smoothly in any modern web browser
  • Mobile Optimized : Perfect touch controls for tablets and smartphones
  • No Download Required : Instant access through your browser
  • All Ages Content : Safe, educational entertainment for the whole family

Gameplay Mechanics

Math Rocket ingeniously balances education and entertainment through its dual-phase gameplay:

Flight Phase

During the flight segments, players must: - Navigate their rocket through increasingly challenging space environments - Avoid various obstacles that appear from different directions - Collect valuable stars scattered throughout space - Monitor their remaining lives and plan strategic movements

Learning Phase

Between flights, the educational component engages players with: - 5 Math Questions per session to reinforce learning - Adaptive Difficulty : Problems adjust to the selected grade level - Instant Feedback : Learn from mistakes immediately - Progress Tracking : Monitor improvement over time

Operation Guide

Basic Controls

  • Mouse Control : Click and drag to guide your rocket's movement
  • Touch Control : On mobile devices, simply touch and drag to steer
  • Direction Indicators : Pay attention to arrows showing incoming obstacle directions
  • Life Counter : Monitor your remaining lives displayed at the top of the screen

Game Strategy Tips

  • Start with easier grade levels to master the flight mechanics
  • Focus on collecting stars while avoiding obstacles for maximum points
  • Use the directional arrows to anticipate and avoid incoming obstacles
  • Take your time with math questions - accuracy is more important than speed

Why Play Math Rocket

Educational Benefits

Math Rocket transforms traditional math practice into an engaging adventure that: - Reduces Math Anxiety : Fun gameplay makes math less intimidating - Improves Retention : Active learning through gaming enhances memory - Builds Confidence : Progressive difficulty builds mathematical self-esteem - Encourages Practice : Students want to play more, leading to more math practice

Entertainment Value

Beyond education, the game offers: - Addictive Gameplay : The perfect balance of challenge and reward - Beautiful Space Theme : Engaging visuals and smooth animations - Replayability : Different obstacles and math problems each session - Achievement System : Star collection and distance goals provide motivation

Convenience Features

  • Free to Play : No subscription or purchase required
  • Instant Access : No registration needed to start playing
  • Cross-Device Sync : Play on any device, anywhere
  • Safe Environment : Kid-friendly content with no inappropriate material

Whether you're a student looking to improve your math skills, a parent seeking educational entertainment for your child, or a teacher wanting to gamify math lessons, Math Rocket provides the perfect solution. The combination of space adventure and mathematical learning creates an experience that's both educational and genuinely fun.

Frequently Asked Questions (FAQ)