Moto X3M

Seele01-Flash
By
Moto X3M is an adrenaline-pumping motorcycle racing game featuring extreme stunts and challenging obstacle courses. Race through 22 unique levels, perform spectacular flips, and aim for the perfect 3-star rating.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Moto X3M - WebGL Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Side-Scrolling perspective. Use **Toon Shading (Cel Shading)** for all 3D models to replicate the flat, vector-art style of the original game. Implement an **outline effect** (using inverted hull method or post-processing) around the rider and bike to mimic the "sticker" aesthetic seen in the screenshot. * **Models:** * **Player:** A low-poly motocross rider in an orange jumpsuit and helmet with green accents. The bike should be an orange dirt bike with exaggerated suspension springs. * **Terrain:** A "Beach" themed level. Use textured spline shapes for the ground (sand color). * **Obstacles:** Wooden ramps, rusty metal spikes, giant rotating gears, and explosive barrels. * **Camera:** Use an **OrthographicCamera** to flatten the depth, strictly following the player on the X and Y axes (side view). * **Performance:** Use instanced rendering for repetitive background elements (palm trees, umbrellas). Limit texture resolution to 1024x1024. Use simple geometry for collision physics to ensure 60FPS on mobile devices. ### 2. Audio Requirements * **BGM:** High-energy, fast-paced **Surf Rock / Punk Rock** track (looping) to maintain adrenaline. * **Sound Effects:** * **Engine:** Synthesized engine revving sound that modulates pitch based on the bike's RPM/Speed. * **Interaction:** "Spring" boing sound for suspension compression, "Swoosh" sound when rotating/flipping in the air. * **Impact:** Crunching sound + explosion effect upon crashing/death. * **UI:** A "Ding" sound when passing a checkpoint flag. ### 3. Gameplay Loop * **Core Mechanic:** Physics-based motorcycle balancing. The player must drive from left to right, negotiating physics-based obstacles without hitting the rider's head on the ground or walls. * **Physics Engine:** Integrate **Cannon.js** or **Ammo.js** to handle vehicle suspension (RaycastVehicle), wheel friction, and gravity. * **Scoring & Time:** * Timer starts only upon the first user input. * **Flip Bonus:** Detect 360-degree rotations in mid-air. Each successful flip deducts 0.5 seconds from the total time. * **Star System:** Award 1-3 stars based on the final time. * **Win/Loss:** * **Win:** Crossing the checkered finish line. * **Loss:** The rider's head collider touches any static object -> Trigger "Ragdoll" effect and respawn at the last passed Green Flag (Checkpoint). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Forced **Landscape**. * **Touch Controls (UI Overlay):** * **Right Side:** Two large buttons for **Gas** (Green) and **Brake/Reverse** (Red). * **Left Side:** Two arrow buttons for **Tilt Back** (Left Arrow) and **Tilt Forward** (Right Arrow). * *Note:* Controls must support **Multi-touch** (e.g., holding Gas while tilting). * **Responsiveness:** UI buttons should have a visual "pressed" state and scale down slightly when touched. * **Feedback:** * **Visual:** Screen shake (camera jitter) upon hard landings or explosions. Particle dust trail behind the rear wheel when accelerating on ground. * **Haptic:** Trigger device vibration (if supported) on crashes and checkpoint passes. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Moto X3M is the ultimate motorcycle stunt racing experience that has captivated millions of players worldwide. This thrilling online game challenges you to navigate treacherous obstacle courses filled with deadly traps, moving platforms, and spectacular jumps. With its perfect blend of physics-based gameplay and adrenaline-fueled action, Moto X3M delivers an unforgettable racing adventure.

The game features stunning cartoon-style graphics that bring each level to life with vibrant colors and smooth animations. From beach scenes to industrial landscapes, every environment is carefully designed to provide both visual appeal and gameplay challenges.

Core Features

22 Challenging Levels

Each level in Moto X3M presents unique obstacles and terrain. From spinning blades and explosive mines to massive jumps and moving platforms, no two levels are alike. The difficulty progressively increases, ensuring players are constantly challenged.

Spectacular Stunt System

The game's physics engine allows for realistic motorcycle handling and spectacular aerial stunts. Perform front flips and backflips to reduce your completion time - each successful flip saves 0.5 seconds from your final time.

Star Rating System

Every level can be completed with up to 3 stars based on your completion time. This system encourages replay value as players strive to perfect their runs and achieve the coveted 3-star rating on every level.

Free-to-Play Experience

Moto X3M is completely free to play with no hidden costs or pay-to-win mechanics. Simply open your browser and start racing immediately.

Game Mechanics

The objective is straightforward yet challenging: guide your motorcycle through obstacle-filled courses as quickly as possible while avoiding crashes. The game requires a perfect balance of speed and caution - rushing through levels might lead to spectacular crashes, while being too careful could cost precious seconds.

Physics-Based Gameplay

The realistic physics system means every landing, jump, and crash feels authentic. Players must master the bike's momentum and weight distribution to successfully navigate the most challenging sections.

Strategic Element

While speed is important, Moto X3M also rewards strategic thinking. Sometimes slowing down at the right moment can actually improve your overall time by avoiding a costly crash and restart.

Controls Guide

Moto X3M features intuitive controls that are easy to learn but challenging to master:

  • W key or Up Arrow : Accelerate forward
  • S key or Down Arrow : Brake or reverse
  • A key or Left Arrow : Lean backward (essential for backflips)
  • D key or Right Arrow : Lean forward (essential for front flips)

Mastering these controls is crucial for performing the aerial stunts that can dramatically improve your completion times.

Pro Tips for Better Times

Master Your Stunts

Every successful flip reduces your time by 0.5 seconds. However, failed stunts can cost you more time than they save, so practice is essential.

Perfect Your Landings

Landing on your rear wheel can provide a speed boost. The more vertical your landing, the better the boost - but too vertical can cause crashes.

Use Mini Boosts

Hold both accelerate and brake simultaneously (W+S) when stationary to build up a small boost for tight situations.

Time Your Start

The timer only starts when you press a movement key, so take a moment to plan your approach if you're falling at the level start.

Why Play Moto X3M

Moto X3M stands out in the crowded racing game market for several reasons. Its perfect difficulty curve ensures that players of all skill levels can enjoy the game while still providing enough challenge for experienced gamers. The game's emphasis on both speed and skill creates a unique gameplay experience that's both accessible and deeply rewarding.

The game's replay value is exceptional thanks to the star rating system and the natural desire to improve your best times. Each level offers multiple approaches and strategies, encouraging experimentation and mastery.

Whether you're looking for a quick gaming session or an extended challenge to perfect your skills, Moto X3M delivers an engaging experience that keeps players coming back for more.

Frequently Asked Questions (FAQ)