Rotate - Precision Physics Puzzle Game

Seele01-Flash
By
Rotate is an innovative physics-based puzzle game that challenges your precision and timing. Guide a square through a dangerous spike-filled circle while collecting green cubes to achieve the highest score possible.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Rotate". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist geometric aesthetic with a "2.5D" look. Use an **Orthographic Camera** to simulate a flat 2D plane but with 3D depth on the models. * **Color Palette**: High contrast. Background should be off-white or light grey (`#f0f0f0`). The main Circle/Container should be dark grey. Spikes should be red or dark grey. The Player is a Blue Cube (`#00ccff`). Collectibles are bright Neon Green Cubes (`#00ff00`). * **Models**: * **The Container**: A large torus or ring tube. The *inner* surface of this ring is lined with triangular spikes (Cones) at regular intervals, leaving only small "safe zones" between them. * **The Player**: A simple `BoxGeometry` with slightly chamfered edges (using `RoundedBoxGeometry` if possible, or standard Box). * **Collectibles**: Small, rotating cubes that float inside the container. * **Performance**: Use `MeshLambertMaterial` or `MeshBasicMaterial` for better mobile performance. Limit lighting to one ambient light and one directional light. Shadows are not necessary if contrast is high. ### 2. Audio Requirements * **BGM**: A hypnotic, minimalist electronic track (ambient techno) that aids concentration. * **Sound Effects (SFX)**: * **Rotation**: A low, constant "hum" or "whirring" sound when the player touches the screen to rotate the circle. * **Bounce**: A satisfying, "thud" or "click" when the player square hits the wall. * **Collect**: A sharp, positive digital "chime" or "ding" when a green square is collected. * **Game Over**: A "shatter" or "crunch" sound when hitting a spike. ### 3. Gameplay Loop * **Physics**: Integrate a lightweight physics engine (like **Cannon.js** or simple custom AABB/Circle collision logic). Gravity applies constantly downwards on the screen. * **Core Mechanic**: The Player (Blue Square) falls due to gravity. The Player *cannot* move themselves. The User controls the **Environment (The Ring)**. * **The Objective**: The player must rotate the Ring so that the falling Blue Square avoids the spikes on the walls and touches the floating Green Square. * **Scoring**: Every time the Blue Square touches a Green Square, +1 Score, and the Green Square respawns in a new random location inside the circle. * **Fail State**: If the Blue Square touches any Spike, the player explodes/disappears, and the "Game Over" UI appears with a restart button. ### 4. Mobile Controls & Interaction * **Input Method**: Single-touch interaction. * **Action**: **Touch & Hold** anywhere on the screen to rotate the Ring Clockwise. **Release** to stop rotation. (Alternative: Split screen—Left half touch rotates CCW, Right half touch rotates CW, for better precision). * **Screen Orientation**: Locked to **Portrait Mode**. * **Responsiveness**: The rotation must be instant when touched. No input lag. * **Haptics**: Trigger `navigator.vibrate(10)` on wall impact and `navigator.vibrate([50])` on collecting a point. Heavy vibration on Game Over. * **UI**: * Current Score displayed large and minimal in the center of the circle (behind the gameplay layer). * "Tap to Start" overlay before the game begins. * All UI buttons must have a hit area of at least 44x44px. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Rotate is a captivating physics puzzle game that combines simple mechanics with challenging gameplay. In this minimalist yet addictive experience, you control the fate of a single square trapped within a circular arena filled with deadly spikes. Your mission is to navigate safely while collecting valuable green cubes that determine your score.

The game has earned a solid 3.4/5 rating from players who appreciate its unique blend of concentration, precision, and physics-based mechanics. What makes Rotate special is its deceptively simple concept that becomes increasingly challenging as you strive for higher scores.

Core Features

Innovative Physics Mechanics

Rotate introduces a unique control system where you activate a "cyclotron" by pressing anywhere outside the circle. This rotation mechanism creates dynamic movement patterns that require perfect timing to master.

Minimalist Design Excellence

The game features clean, elegant graphics with a minimal interface that puts the focus entirely on gameplay. This streamlined approach makes it easy to learn but difficult to master - the hallmark of great puzzle games.

Progressive Difficulty Challenge

While the rules are simple, achieving high scores requires developing precise timing skills. Each session becomes a test of concentration as you balance survival with score collection.

Cross-Platform Compatibility

  • Instant Play : No downloads required - play directly in your browser
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • HTML5 Technology : Smooth performance across all modern devices
  • Universal Access : Compatible with Windows, Mac, iOS, and Android platforms

Gameplay Mechanics

The core gameplay revolves around physics-based movement within a confined circular space:

  • Spike Avoidance : Navigate around dangerous spikes positioned throughout the circle
  • Cube Collection : Gather floating green cubes to increase your score
  • Rotation Control : Use the cyclotron effect to bounce and redirect your square
  • Precision Timing : Master the art of knowing exactly when to activate rotation

Operation Guide

Mastering Rotate requires understanding its unique control scheme:

Basic Controls: - Press and Hold : Click or tap anywhere outside the circle to activate the cyclotron - Release : Let go to stop rotation and allow natural physics to take over - Timing : The key to success lies in knowing when to rotate and when to let momentum carry you

Strategy Tips: - Observe spike patterns before making moves - Use rotation bursts to redirect your square toward green cubes - Practice timing to avoid over-rotating into spikes - Focus on sustainable movement rather than rushing for quick scores

Why Play Rotate?

Perfect for Quick Gaming Sessions

Rotate excels as both a quick time-killer and a long-term challenge. Each round can last anywhere from seconds to minutes, making it perfect for brief gaming breaks or extended focus sessions.

Develops Cognitive Skills

The game naturally improves: - Hand-eye coordination through precise timing requirements - Spatial awareness via navigation in confined spaces - Concentration through sustained focus on movement patterns - Strategic thinking when planning optimal cube collection routes

Stress-Free Gaming Environment

With no time pressure or complex storylines, Rotate offers a pure gaming experience focused entirely on skill development and personal achievement. The "All Ages" content rating ensures it's appropriate for players of any age.

High Replay Value

The physics-based nature ensures that no two games play exactly the same way. Combined with the high score system, this creates endless motivation to improve and compete with yourself or others.

Frequently Asked Questions (FAQ)