Wall Jumper - Free Online Parkour Game

Seele01-Flash
By
Wall Jumper is an addictive parkour platform game that tests your precision and timing. Navigate challenging obstacle courses by jumping from wall to wall, avoiding spikes and moving platforms to reach the finish line.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Wall Jumper**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2D "Pixel Art" aesthetic rendered in a 3D WebGL context. Use an **Orthographic Camera** to maintain a flat, retro look. * **Background:** A clean, white background with a light grey grid pattern (simulating graph paper). * **Character:** A simple, blocky, yellow pixel-art character (composed of small cubes or a generated texture) with a distinct red headband. * **The Arrow:** A crucial visual element. A bright green, "sketchy" textured arrow that appears when the user drags to aim. It must stretch and rotate to show jump power and direction. * **Terrain:** Platforms and walls should have dark outlines (dark purple/black) with solid fill colors (tan/orange). * **Performance:** Use `InstancedMesh` for repeated grid blocks if applicable. All assets should be procedurally generated using the Canvas API (no external image loading) to ensure the code runs immediately. ### 2. Audio Requirements * **BGM:** A lighthearted, looping 8-bit chiptune track that encourages focus but isn't distracting. * **SFX:** * **Jump:** A retro "Whoosh" or spring sound whose pitch increases with jump strength. * **Wall Stick:** A satisfying "Thud" or "Slap" when the character lands on a wall. * **Death:** A digital "crunch" or descending tone when hitting spikes. * **Win:** A high-pitched fanfare or "Ding" when touching the red flag. * **UI:** A subtle "stretch" sound when dragging the aiming arrow. ### 3. Gameplay Loop * **Core Mechanic:** The game is a physics-based platformer using a "Slingshot" control scheme. The character sticks to walls. * **Action:** The player is currently sticking to a wall or ground. The player aims, releases, and the character flies through the air affected by gravity. * **Interaction:** * **Sticky Walls:** When the character collides with a wall, velocity stops, and they "stick" to it, ready for the next jump. * **Bouncing:** If the character hits a "bouncy" surface (optional), they reflect off. * **Win Condition:** Land on or touch the "Red Flag" object. * **Loss Condition:** Touch red "Spike" obstacles or fall off the bottom of the screen. Respawns the player at the start position. ### 4. Mobile Controls & Interaction * **Control Scheme:** **"Drag-and-Release" (Slingshot)** mechanism. * **Touch Start:** Anywhere on the screen initiates the aim. * **Touch Move:** Pulling back (opposite to jump direction) aims the Green Arrow. The distance of the drag determines the force (clamped to a max value). * **Touch End:** Releases the jump, applying impulse to the character. * **Screen Orientation:** Portrait mode preferred for mobile (one-handed play), but the game logic should adapt the camera zoom to fit the level width regardless of aspect ratio. * **Visual Feedback:** The Green Arrow must update in real-time (rotation and scaling) during the drag. * **Haptics:** Trigger a short vibration (`navigator.vibrate(10)`) when the character successfully lands on a wall or hits the goal. ### 5. Tech Stack & Implementation * Use **Three.js** for rendering. * Use **Cannon.js** or a simple custom physics engine (Verlet integration or simple Euler) for handling gravity, collision detection (AABB), and velocity. Given the simplicity, a custom simple physics implementation within the code is preferred to reduce dependencies. * Ensure the code is contained in a single HTML structure. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Wall Jumper is a thrilling parkour platform game that combines precise physics-based movement with challenging obstacle course navigation. In this engaging skill game, you control a pixelated character who must traverse complex levels by jumping from wall to wall, timing each leap perfectly to avoid deadly spikes and navigate moving platforms.

The game features a clean, minimalist design with intuitive controls that make it easy to learn but difficult to master. Each level presents unique challenges that will test your spatial awareness, timing, and problem-solving skills.

Core Features

Physics-Based Wall Jumping Mechanics

The game's core mechanic revolves around realistic wall-jumping physics. Your character can bounce off walls at various angles, allowing for creative route planning and spectacular aerial maneuvers. The green arrow indicator helps you visualize your trajectory before making each crucial jump.

Progressive Difficulty System

Start with simple wall-to-wall jumps and gradually face more complex challenges including: - Moving platforms that require perfect timing - Spike traps positioned at strategic locations - Multi-wall sequences demanding precise angle calculations - Red flag checkpoints that mark your progress

Completely Free to Play

Enjoy the full Wall Jumper experience without any cost. No downloads, no subscriptions, no hidden fees - just pure parkour gaming entertainment accessible through your web browser.

Cross-Platform Compatibility

Whether you're on a desktop computer, laptop, smartphone, or tablet, Wall Jumper runs smoothly across all modern devices and browsers.

Game Mechanics

Strategic Route Planning

Each level is a puzzle waiting to be solved. Study the layout, identify safe landing spots, and plan your route from start to finish. The game rewards players who think ahead and consider multiple jumping paths.

Precision Control System

The mouse-based aiming system (or touch controls on mobile) gives you precise control over jump direction and power. Small adjustments can mean the difference between success and starting over.

Operation Guide

Desktop Controls: - Mouse : Point and click to aim your character's jump direction - Click and drag : Adjust jump power and angle - Release : Execute the jump

Mobile Controls: - Touch and drag : Aim your jump direction on touchscreen devices - Release : Launch your character toward the target

Gameplay Tips: - Use the green arrow indicator to preview your jump trajectory - Aim for the red flag to complete each level - Take your time - rushing often leads to mistakes - Study moving platform patterns before jumping - Practice makes perfect - don't get discouraged by challenging levels

Why Play Wall Jumper

Perfect for Skill Development

Wall Jumper is more than entertainment - it's a brain training tool that improves: - Hand-eye coordination through precise mouse/touch control - Spatial reasoning by calculating jump angles and distances - Problem-solving skills through level puzzle elements - Patience and persistence as you master challenging sections

Ideal for Quick Gaming Sessions

Each level can be completed in minutes, making Wall Jumper perfect for: - Short breaks during work or study - Waiting periods throughout your day - Quick gaming sessions between other activities - Stress relief through focused, engaging gameplay

Suitable for All Ages

The game's simple concept and clean design make it accessible to players of all skill levels and ages. Younger players develop coordination skills while adults enjoy the strategic challenge.

No Commitment Required

Instant access through any web browser means you can start playing immediately without downloads, registrations, or installations. Jump in anytime, anywhere.

Frequently Asked Questions (FAQ)