Jumping Box - Physics Platformer Game

Seele01-Flash
By
Jumping Box is a challenging physics-based platformer that tests your precision and timing skills. Control a simple box character as you navigate through obstacle-filled levels, avoiding spikes and moving platforms while collecting stars.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Jumping Box". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D aesthetic using an **Orthographic Camera** to mimic the flat 2D vector art style of the original screenshot but with 3D depth. The color palette should be high-contrast: Neon Purple (#9b59b6) background, Bright Yellow (#f1c40f) player, and Dark Grey/Black platforms with white emissive edges. * **Player Model**: A simple `BoxGeometry`. The box must have a "face" (two square eyes) using a simple texture or child meshes. Crucially, apply **Squash and Stretch** scaling deformations procedurally: the box flattens when charging a jump and stretches when flying. * **Environment**: * **Platforms**: Rectangular blocks (`BoxGeometry`) with a dark material and a glowing white outline (using `LineSegments` or `EdgesGeometry`). * **Background**: A scrolling grid texture or shader on a plane behind the gameplay layer to provide a sense of speed and parallax. * **Hazards**: Spiked balls created using `IcosahedronGeometry` with a dark purple metallic material and sharp extrusions. * **Collectibles**: Golden Stars (`OctahedronGeometry` rotating on the Y-axis). * **Performance**: Use `InstancedMesh` for repeated environmental objects (spikes, stars) to maintain 60fps on mobile devices. Avoid complex shadows; use baked lighting or simple ambient/directional light. ### 2. Audio Requirements * **BGM**: An energetic, looping Synth-wave or Chiptune track that encourages focus and timing (similar to Geometry Dash). * **Sound Effects (SFX)**: * **Charging**: A rising pitch oscillator sound that increases in frequency the longer the screen is held (auditory feedback for jump power). * **Jump**: A quick "woosh" or spring sound. * **Landing**: A soft "thud" bass hit. * **Death**: A shattering glass or digital "crunch" sound when hitting spikes or falling. * **Star Collect**: A high-pitched "ding" or coin sound. ### 3. Gameplay Loop * **Core Mechanic**: The "Charge-to-Jump" physics system. 1. **Idle**: Player sits on a platform. 2. **Charge**: Player touches and holds the screen. The box visually squashes down, and a power bar (UI) fills up. 3. **Release**: On touch release, the box launches into the air. The jump vector combines **Upward Force** (based on charge duration) and fixed **Forward Force**. 4. **Airborne**: Gravity applies. No air control (committed jump trajectory). * **Obstacles**: * **Static Pits**: Gaps between platforms requiring precise jump force. * **Spikes**: Instant death upon collision. * **Moving Platforms**: Platforms that oscillate horizontally or vertically, requiring timing. * **Win/Loss**: * **Loss**: Falling below the screen threshold (Y < -10) or colliding with a spike. Resets the level instantly. * **Win/Progress**: Landing on the final platform or reaching a specific distance (endless mode generation preferred for high scores). ### 4. Mobile Controls & Interaction * **Input Scheme**: One-touch control. Use the entire screen as the interaction zone (`touchstart`, `touchend`, `mousedown`, `mouseup`). * **Screen Orientation**: Design for **Landscape Mode** to allow players to see further ahead, but ensure the camera scales correctly if the user is in Portrait (zoom out). * **Haptic Feedback**: Trigger a light vibration (`navigator.vibrate(20)`) when the player lands successfully, and a heavy vibration (`navigator.vibrate(200)`) on death. * **UI Layout**: * **Power Meter**: A dynamic bar appearing just above the player's head during the charge phase. * **Score/Stars**: Top-left corner, large readable font. * **Restart**: On death, display a large, centered "Tap to Restart" overlay (minimum touch target 100x100px). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Jumping Box is an addictive physics-based platformer game that challenges players to master the art of precision jumping. With a 3.6/5 rating, this game puts you in control of a humble box character attempting to traverse from one side of the screen to the other. What seems simple quickly becomes a test of skill, timing, and patience as you encounter increasingly difficult obstacles.

This HTML5 game combines classic platform mechanics with modern physics simulation, creating a unique gaming experience that's both accessible and challenging. The minimalist design focuses your attention on what matters most: perfecting your jumping technique.

Core Features

Challenging Physics-Based Gameplay

Every jump in Jumping Box follows realistic physics principles. You must carefully calculate the power, distance, and timing of each leap to successfully navigate the treacherous terrain. The game's physics engine creates authentic momentum and gravity effects that make each jump feel weighty and consequential.

Progressive Difficulty System

Start with simple gaps and gradually face more complex challenges including: - Deep pits that require perfect distance calculation - Spikey balls that move in unpredictable patterns - Moving platforms that test your timing skills - Multi-stage jumps requiring split-second decision making

Star Collection and Customization

Collect stars scattered throughout each level to unlock exciting customization options: - Stylish sunglasses for your box character - Various hat options to personalize your look - Different paint jobs and color schemes - Additional cosmetic upgrades

Cross-Platform Compatibility

  • Mobile-friendly : Optimized touch controls for smartphones and tablets
  • Desktop support : Smooth mouse-based gameplay on computers
  • HTML5 technology : No downloads required, play instantly in any modern browser
  • Responsive design : Adapts perfectly to different screen sizes

Game Mechanics

The core gameplay revolves around a simple yet sophisticated jumping mechanism. Players must hold down to build power, then release at the perfect moment to execute their jump. This system creates a risk-reward dynamic where more powerful jumps can clear larger obstacles but may overshoot smaller platforms.

Precision Requirements

Success in Jumping Box depends on developing three key skills: 1. Distance judgment : Accurately measuring gaps and platform spacing 2. Power control : Learning how long to charge each jump 3. Timing mastery : Coordinating jumps with moving obstacles

Operation Guide

Basic Controls

  • Mouse/Touch : Hold down to charge your jump power
  • Release : Let go when you've reached desired power level
  • Timing : Watch the power meter and release at optimal strength

Jumping Strategy

  • Start with shorter, controlled jumps to learn the physics
  • Observe moving obstacle patterns before attempting jumps
  • Use stars as visual guides for optimal landing spots
  • Practice power control on easier levels before tackling harder challenges

Advanced Techniques

  • Edge jumping : Master precise landings on platform edges
  • Momentum conservation : Use previous jump energy for consecutive leaps
  • Obstacle prediction : Anticipate spike ball movements and platform timing

Why Play Jumping Box

Perfect for Quick Gaming Sessions : Each attempt is short but engaging, making it ideal for brief entertainment breaks or extended play sessions.

Skill Development : Improve hand-eye coordination, spatial reasoning, and timing precision through challenging but fair gameplay.

Competitive Element : High score system encourages improvement and competition with friends and global players.

Stress-Free Customization : Star collection provides a relaxing counterbalance to the main challenge, giving players optional goals beyond level completion.

Accessibility : Simple one-button controls make the game easy to learn but difficult to master, appealing to both casual and hardcore gamers.

Whether you're looking for a quick challenge during a coffee break or a longer gaming session to master all levels, Jumping Box delivers engaging physics-based platformer action that will test your skills and keep you coming back for more.

Frequently Asked Questions (FAQ)