Block Dodger - Free Online Action Game

Seele01-Flash
By
Block Dodger is an exciting free clicker game where you control a bouncing block to collect stars while avoiding spinning obstacles. Simple controls, challenging gameplay, perfect for mobile and desktop.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Block Dodger". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A vibrant, "Hyper-casual" 3D aesthetic using an Orthographic Camera (side-scroller view) to ensure precise gameplay. Use a color palette inspired by the thumbnail: Deep Purple (#4a148c) for the background, Bright Orange (#ff6d00) for the player, and Red/Dark Grey for obstacles. * **Player Model**: A simple Cube geometry with slightly rounded edges (chamfered) to look "soft" and "happy". Give it a slight squashing animation when it bounces. * **Obstacles**: "Floating Spheres" and "Swinging Platforms". * *Swinging Platforms*: Spheres attached to a fixed point above, swinging like pendulums using simple sine wave logic. * *Static Blockers*: Rotating geometric shapes. * **Collectibles**: Bright Yellow Stars (Icosahedron or star shape) that rotate continuously. * **Lighting**: Ambient light for base visibility plus a Directional Light to cast soft shadows, giving depth to the 3D objects. * **Mobile Optimization**: Use simple geometries (BoxGeometry, SphereGeometry) and basic materials (MeshLambertMaterial or MeshPhongMaterial) to maintain high FPS. Avoid complex post-processing. ### 2. Audio Requirements * **BGM**: A lighthearted, looping, upbeat "arcade" track (8-bit or chiptune style) that matches the "happy little block" theme. * **Sound Effects**: * **Jump**: A cartoonish "Boing" or high-pitched synth blip on every tap. * **Collect**: A satisfying "Ding" or chime when hitting a star. * **Crash/Game Over**: A dull thud or "wobble" sound when hitting an obstacle. ### 3. Gameplay Loop * **Physics**: Implement custom lightweight physics (no heavy external libraries needed). * **Gravity**: Constantly pulls the player down. * **Impulse**: Tapping applies an immediate upward vertical velocity (Flappy Bird style mechanic). * **The Goal**: The player moves automatically to the right (or the world moves left). The goal is to survive as long as possible and collect stars. * **Obstacle Behavior**: * Swinging spheres must oscillate back and forth blocking the path. * The player must time their taps to go *under* or *over* the spheres without touching them. * **Win/Loss**: * **Score**: +10 points for every star collected. * **Loss**: Touching a sphere or falling off the bottom of the screen triggers a "Game Over" state immediately, showing the final score and a restart button. ### 4. Mobile Controls & Interaction * **Input**: Full-screen touch detection. * `touchstart` (or mouse click) triggers the "Jump/Bounce". * **Responsiveness**: Ensure `event.preventDefault()` is used on touch events to prevent scrolling or zooming the browser window while playing. * **Orientation**: Lock gameplay to Portrait mode logic (or responsive resizing), but optimized for a vertical phone screen. * **UI**: * **HUD**: Display current Score at the top center (large, readable white font). * **Start/Restart Screen**: A clean overlay with a "Tap to Start" or "Play Again" button. Ensure buttons have a minimum hit area of 44x44px. * **Feedback**: If possible, trigger `navigator.vibrate(50)` on collision for haptic feedback on supported devices. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Block Dodger

Block Dodger is a thrilling free online action game that combines clicker mechanics with obstacle avoidance gameplay. With an impressive 4.45/5 rating, this addictive game puts you in control of a cheerful block whose mission is to bounce around and collect precious stars while navigating through dangerous spinning spheres and swinging platforms.

Core Features

Completely Free Gaming Experience

Enjoy Block Dodger without any cost - no downloads, no payments, no hidden fees. Simply open your browser and start playing immediately on any device.

Cross-Platform Compatibility

  • Desktop Play : Use mouse clicks for precise control
  • Mobile Gaming : Tap-to-play mechanics optimized for touchscreens
  • HTML5 Technology : Instant loading, no plugins required
  • Responsive Design : Adapts perfectly to any screen size

Engaging Physics-Based Gameplay

The game features realistic physics mechanics that make every bounce, collision, and movement feel natural and satisfying. Your block responds dynamically to each click or tap, creating an immersive gaming experience.

Competitive Scoring System

Challenge yourself and friends to achieve the highest scores. The star collection system rewards skillful navigation and quick reflexes, making every playthrough exciting and competitive.

Game Mechanics

Simple Yet Addictive Controls

Block Dodger's beauty lies in its simplicity. Whether you're using a mouse on desktop or tapping on mobile, the one-button control scheme is easy to learn but difficult to master.

Dynamic Obstacle Patterns

Face increasingly challenging spinning spheres and swinging platforms that test your timing and precision. Each level presents new obstacle configurations that keep the gameplay fresh and engaging.

Star Collection Strategy

Stars are strategically placed throughout each level, requiring you to take calculated risks and plan your bouncing route carefully. Balance safety with reward collection for optimal scoring.

Operation Guide

Desktop Controls

  • Mouse Click : Make your block bounce and navigate through obstacles
  • Timing : Click at the right moment to avoid spinning platforms
  • Strategy : Plan your clicks to collect stars while staying safe

Mobile Controls

  • Tap to Bounce : Use finger taps to control block movement
  • Precise Timing : Touch the screen strategically to navigate obstacles
  • Smooth Gameplay : Optimized touch response for mobile devices

Gameplay Tips

  • Start with small, controlled bounces to understand the physics
  • Observe obstacle patterns before making risky moves
  • Prioritize safety over star collection when learning
  • Practice timing to master the swinging platform sequences

Why Play Block Dodger

Perfect for All Skill Levels

Whether you're a casual gamer looking for quick entertainment or a competitive player seeking high scores, Block Dodger offers the right balance of accessibility and challenge.

Instant Entertainment

No waiting for downloads or installations. Block Dodger loads instantly in your browser, making it perfect for quick gaming sessions during breaks or commutes.

Social Competition

Compete with friends and family for the highest scores. The simple gameplay makes it easy for anyone to join in, while the challenging obstacles ensure competitive depth.

Stress Relief Gaming

The satisfying bounce mechanics and colorful visuals provide a relaxing yet engaging gaming experience. Perfect for unwinding while keeping your reflexes sharp.

Mobile-First Design

Optimized for mobile gaming with responsive controls and clear visuals that work perfectly on smartphones and tablets.

Frequently Asked Questions (FAQ)