Mechabots - Robot Assembly Simulation Game

Seele01-Flash
By
Mechabots is an engaging simulation game where players design and assemble their own mechanical robots. Choose from different T-Rex figures and test your precision skills in this challenging construction experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Mechabots: T-Rex Assembly**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Implement a **Cel-Shaded (Toon Shader)** aesthetic to mimic the 2D vector art style of the reference image. Use bold black outlines and flat, vibrant colors (specifically Mech Green, Dark Grey internals, and Glowing Red for eyes). * **The Model:** Create a disassembled **Mecha T-Rex Head**. The model should be separated into drag-and-drop components: Lower Jaw, Upper Skull, Eye Module, Neck Segment 1, Neck Segment 2, and Flamethrower Nozzle. * **The Environment:** A dark, futuristic "Hangar Blueprint" background (dark blue/black gradient with faint grid lines). * **Particles:** * *Assembly:* Small yellow sparks `THREE.Points` when a piece snaps correctly into place. * *Victory:* A stylized fire particle system (orange/yellow sprites) erupting from the mouth upon completion. * **Mobile Optimization:** Maintain a low-poly count (<3000 tris for the head). Use simple unlit or toon materials to save battery and GPU overhead on mobile devices. ### 2. Audio Requirements * **BGM:** A rhythmic, industrial "workshop" track. Think bass-heavy, mechanical beats that imply construction and precision. * **SFX:** * *Pickup:* A high-pitched hydraulic "whir" sound when the user touches a part. * *Snap/Correct:* A heavy metallic "Clank" or ratchet sound. * *Completion:* A robotic T-Rex roar combined with a flamethrower "Whoosh." * *UI:* Crisp, mechanical clicks for menus. ### 3. Gameplay Loop * **Phase 1: The Blueprint (Setup):** The center of the screen shows a semi-transparent "ghost" wireframe of the T-Rex head. * **Phase 2: Assembly (Core Loop):** * Disassembled parts are scattered on a tray at the bottom of the screen. * The player drags a part from the tray. * **Magnetic Snapping:** If the part is dropped near its correct position (within a specific radius), it "snaps" to the ghost model, turns from transparent to solid opaque, and locks in place. * If dropped incorrectly, the part returns to the tray with a spring animation. * **Phase 3: Activation (Victory):** * Once the last piece is attached, the robot's eye glows bright red. * The robot performs a "Roar" animation (jaw opens, neck moves back). * The flamethrower activates. * A "Assembly Complete" UI appears with a score based on time taken. ### 4. Mobile Controls & Interaction * **Orientation:** **Landscape Mode** is preferred to allow space for the "Part Tray" on the side and the "Assembly Area" in the center. * **Touch Controls:** * Use `Raycaster` for precise touch detection. * **Drag & Drop:** Implement smooth 1:1 touch tracking. The part should float slightly above the finger (y-offset) so the user's thumb doesn't block the view of the piece. * **Haptic Feedback:** Trigger `navigator.vibrate(50)` (short heavy pulse) exactly when a piece snaps into the correct position to provide tactile confirmation. * **UI/UX:** * Parts in the tray should be scaled up slightly (1.2x) when touched. * Any text buttons (e.g., "Reset", "Start") must be at least 44x44 pixels to ensure they are touch-friendly. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Mechabots is a captivating simulation game that combines engineering creativity with precision gameplay. In this unique construction experience, players take on the role of a robot engineer, assembling powerful mechanical dinosaurs from scratch. The game challenges your attention to detail and technical skills as you work with various components to create impressive mechabots.

Featuring colorful graphics and intuitive gameplay mechanics, Mechabots offers an educational yet entertaining experience suitable for players of all ages who enjoy building and construction challenges.

Core Features

Multiple Robot Designs

Choose from various T-Rex robot templates, each offering unique assembly challenges and visual designs. Every robot model features distinct mechanical components and construction requirements, providing diverse gameplay experiences.

Precision Assembly System

The game emphasizes accuracy and careful placement of components. Each piece must be positioned correctly using specialized tools, making every successful assembly a rewarding achievement.

Educational Value

Mechabots introduces players to basic engineering concepts through hands-on construction gameplay. Learn about mechanical systems, component relationships, and structural design while having fun.

Completely Free Experience

Enjoy full access to all features without any payment requirements. The game offers complete functionality through your web browser with no downloads or subscriptions needed.

Game Mechanics

Construction Kit System

Start each project by unpacking your construction kit, which contains all necessary components for your chosen robot design. Organize pieces systematically to ensure efficient assembly.

Tool-Based Assembly

Utilize various virtual tools to connect, adjust, and secure robot components. Each tool serves a specific purpose in the construction process, from basic placement to fine-tuned adjustments.

Progressive Difficulty

As you advance through different robot designs, assembly challenges become more complex, requiring greater precision and strategic thinking.

Operation Guide

Basic Controls

  • Left Click : Select and interact with robot pieces and construction tools
  • Mouse Movement : Navigate around the assembly workspace
  • Component Selection : Choose from available pieces in your construction kit
  • Tool Usage : Switch between different assembly tools as needed

Assembly Process

  1. Select your preferred T-Rex robot design
  2. Unpack the construction kit to access all components
  3. Choose appropriate tools for each assembly step
  4. Carefully position each piece according to the design blueprint
  5. Secure connections to ensure structural integrity
  6. Test your completed mechabot functionality

Why Play Mechabots

Skill Development

Improve hand-eye coordination, spatial reasoning, and problem-solving abilities through engaging construction challenges. The game provides excellent practice for precision-based tasks.

Stress Relief

The focused nature of assembly work offers a meditative, calming experience that helps reduce stress while keeping your mind actively engaged.

Creative Expression

While following structural guidelines, players can express creativity through component selection and assembly techniques, making each robot unique.

Instant Accessibility

Play immediately through any web browser without downloads, installations, or account creation. Perfect for quick gaming sessions during breaks.

Safe Gaming Environment

Appropriate for all age groups with no violent content or inappropriate material. Parents can confidently allow children to enjoy this educational gaming experience.

Perfect for Engineering Enthusiasts

Mechabots appeals to anyone interested in robotics, mechanical engineering, or construction activities. The game provides an excellent introduction to engineering concepts while maintaining entertainment value through its engaging gameplay mechanics.

Frequently Asked Questions (FAQ)