Block Toggle - Puzzle Platform Game

Seele01-Flash
By
Block Toggle is an innovative puzzle platformer that challenges your problem-solving skills. Control a stickman character and strategically toggle colored blocks to navigate through increasingly complex levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Block Toggle: Mobile Dimension**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, flat design aesthetic converted into a clean 3D Orthographic view. The background should be a dark, soothing charcoal (#1a1a1a) with subtle diagonal stripes to maintain contrast with the foreground elements. * **The Character**: A simple, stylized 3D white stickman or "keyhole" shape (a sphere head on a rectangular body with simple animated cylinders for limbs). The character needs distinct but simple animations for Idle, Run, and Jump. * **Level Blocks**: Create a grid-based level system. * **Toggle Blocks**: Three distinct color groups: Blue (#5DAEE2), Yellow (#E2D95D), and Red (#E25D6E). * **Active State**: Solid, opaque, vibrant material with a slight bevel. * **Inactive State**: Translucent wireframe or a "dotted outline" effect using `THREE.LineSegments`, indicating where the block *would* be. * **Goal**: A glowing white door or portal particle effect at the end of the level. * **Camera**: Use an `OrthographicCamera` to mimic the 2D puzzle feel but add depth. The camera should smoothly follow the player on the X and Y axis with a slight damping delay for a polished feel. * **Performance**: Use instanced mesh rendering (`THREE.InstancedMesh`) for the blocks since there will be many identical cubes. Keep shadow map resolution low or use baked ambient occlusion for mobile efficiency. ### 2. Audio Requirements * **BGM**: A cerebral, downtempo "thinking" track. Think soft electric piano or marimba loops with a slow, steady beat to encourage focus without causing stress. * **SFX**: * **Jump**: A short, crisp "woosh" sound. * **Toggle**: A distinct "click" or mechanical switch sound (three slightly different pitches for buttons 1, 2, and 3). * **Death/Reset**: A retro "power down" sound or a shattering glass effect. * **Win/Goal**: A satisfying major chord chime. ### 3. Gameplay Loop * **Core Mechanic**: The player must traverse a platforming level where blocks are grouped into three channels (1, 2, and 3). * **Toggling**: Only ONE channel can be active (solid) at a time, or sometimes specific combinations based on level logic. Activating Channel 1 makes Blue blocks solid and Yellow/Red blocks intangible (ghosts). * **Goal**: Navigate from the start point to the exit portal. * **Hazards**: Falling off the map results in an instant restart (respawn at start). * **Special Blocks (Expansion)**: * *Spikes*: Static hazards that kill on contact. * *Crumble Blocks*: Grey blocks that shake and disappear 1 second after stepping on them. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Landscape Mode** is mandatory for this horizontal platformer. * **Movement Controls**: * **Left Hand**: A floating virtual joystick or two large, transparent arrow buttons on the bottom-left for horizontal movement. * **Action Controls**: * **Right Hand**: * A large "Jump" button (bottom-right). * **Toggle Switcher**: Three large, distinct buttons labeled "1", "2", and "3" arranged in an arc or a row above the Jump button. They must be color-coded (Blue, Yellow, Red) to match the blocks. * **Feedback**: * When a toggle button is pressed, the entire screen should flash a very subtle vignette of that color to confirm the state change. * Add `navigator.vibrate(5)` (haptic feedback) on jump and toggle presses if the device supports it. * **UI Layout**: Ensure all buttons have a hit area of at least 48x48px and are placed away from the screen edges to prevent accidental browser gestures. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Block Toggle

Block Toggle is a captivating puzzle platformer that combines strategic thinking with precise platforming action. In this unique brain game, you control a charming stickman character who must navigate through cleverly designed levels by manipulating the environment itself. The core mechanic revolves around toggling different colored blocks on and off using the number keys 1, 2, and 3, creating and removing platforms to forge your path to victory.

This innovative puzzle game starts with simple concepts but gradually introduces new mechanics and obstacles that will test your spatial reasoning and timing skills. Each level is carefully crafted to teach you new strategies while building upon previously learned concepts.

Core Features

Dynamic Block System

The heart of Block Toggle lies in its revolutionary block-toggling mechanism. Three different colored block types can be controlled independently: - Blue blocks (Key 1) : Toggle on/off to create stable platforms - Yellow blocks (Key 2) : Strategic placement blocks for complex puzzles
- Red blocks (Key 3) : Advanced blocks with special properties

Progressive Difficulty Design

Block Toggle masterfully introduces complexity through: - Gradual Learning Curve : Each new mechanic is introduced slowly and clearly - Varied Block Types : Some blocks respond to jumping, others disappear permanently when stepped on - Combination Challenges : Later levels combine multiple mechanics for complex puzzles - Strategic Depth : Multiple solution paths encourage creative problem-solving

Engaging Visual Design

The game features a clean, minimalist art style with: - Bright, contrasting colors for easy block identification - Smooth character animations and responsive controls - Clear visual feedback for all interactions - Intuitive interface design that focuses on gameplay

Gameplay Mechanics

Core Puzzle Elements

Each level presents unique challenges requiring you to: - Analyze the Layout : Study block positions and identify the path forward - Plan Your Route : Determine which blocks to toggle and when - Execute Precisely : Time your movements and toggles perfectly - Adapt and Learn : Discover new block behaviors and incorporate them into your strategy

Advanced Block Behaviors

As you progress, you'll encounter increasingly sophisticated block types: - Jump-Responsive Blocks : Appear or disappear when you jump near them - One-Time Blocks : Disappear forever once stepped on, requiring careful planning - Combination Blocks : Require multiple toggles or specific sequences to activate - Timing-Based Blocks : Add rhythm and precision elements to puzzles

Controls Guide

Movement Controls

  • Arrow Up or W : Jump - Essential for navigating platforms and triggering special blocks
  • Left/Right Arrows or A/D : Move sideways - Precise movement for platform navigation

Block Toggle Controls

  • Key 1 : Toggle blue blocks on/off
  • Key 2 : Toggle yellow blocks on/off
  • Key 3 : Toggle red blocks on/off

Pro Tips for Success

  • Study each level before making your first move
  • Experiment with different toggle combinations
  • Pay attention to block behavior patterns
  • Use the restart option to try new approaches
  • Take your time - there's no rush to complete levels

Why Play Block Toggle?

Perfect Brain Training

Block Toggle offers excellent mental exercise by combining: - Spatial Reasoning : Visualize how block toggles affect the level layout - Pattern Recognition : Identify recurring puzzle elements and solutions - Strategic Planning : Think several moves ahead to avoid dead ends - Problem-Solving Skills : Develop creative approaches to complex challenges

Accessibility and Convenience

  • Completely Free : Full game experience at no cost
  • No Download Required : Play instantly in your web browser
  • Cross-Platform Compatible : Works on desktop, tablet, and mobile devices
  • Quick Sessions : Perfect for short breaks or extended puzzle-solving marathons

Educational Value

Ideal for players who enjoy: - Logic puzzles and brain teasers - Platform games with a twist - Progressive difficulty challenges - Clean, distraction-free gaming experiences

Whether you're a puzzle game veteran or new to the genre, Block Toggle offers a perfectly balanced challenge that grows with your skills. Each completed level brings a satisfying sense of accomplishment, while the next puzzle beckons with new mysteries to solve.

Frequently Asked Questions (FAQ)