Rotate and Roll

Seele01-Flash
By
Rotate and Roll is an engaging physics puzzle game where you guide a cute ball through gravity-defying challenges to reach the target bubble while avoiding dangerous spikes. With countless levels and a built-in level editor, it offers unlimited puzzle-solving fun.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Rotate and Roll". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a **2.5D Aesthetic** using an Orthographic Camera to mimic the classic gameplay but with 3D depth. The style should be "Cute" and "Polished." * **Player Character**: A glossy sphere (pink or yellow) with a texture map for "Googly Eyes" that look in the direction of velocity. * **Level Geometry**: * **Platforms**: Wooden texture blocks (box geometries). * **Goal**: A large, semi-transparent, oscillating bubbles (blue) with a Fresnel shader effect. * **Hazards**: Spiky metal balls (dodecahedron with protruding cones). * **Background**: A deep, dark blue gradient or a stylized starry sky to contrast with the bright game elements (avoid pure black). * **Mobile Optimization**: Use low-poly models for spikes. Bake lighting into textures where possible. Use a single Directional Light with soft shadows. ### 2. Audio Requirements * **BGM**: A lighthearted, whimsical track using marimbas, xylophones, or pizzicato strings to fit the "Cute" tag. It should loop seamlessly. * **Sound Effects (SFX)**: * **Rolling**: A subtle continuous rolling sound that varies in pitch based on speed. * **Collision**: A wooden "thud" or "knock" when the ball hits walls. * **Rotation**: A soft "whoosh" or mechanical gear sound when the player rotates the level. * **Win**: A "Pop" sound followed by a happy chime when entering the bubble. * **Fail**: A comedic "cartoon fall" whistle or a "crunch" when hitting spikes. ### 3. Gameplay Loop * **Core Mechanic**: The player **cannot control the ball directly**. Instead, the player rotates the entire level geometry (the world) around the center of the screen. Gravity remains constant (pulling down). This causes the ball to roll along surfaces or fall. * **Objective**: Guide the ball into the "Big Bubble" to complete the level. * **Collectibles**: Place 3 floating stars in the level. Collecting them creates a particle burst and increases the score. * **Fail States**: 1. Falling out of the bounds of the screen/level. 2. Touching a "Spikey Dude" (enemy). * **Level System**: Implement a modular array-based level loader (e.g., a grid or JSON structure) to easily replicate the "Make Your Own" aspect. ### 4. Mobile Controls & Interaction * **Touch Controls (Split Screen)**: * **Left Half of Screen**: Hold to rotate the level Counter-Clockwise (Left). * **Right Half of Screen**: Hold to rotate the level Clockwise (Right). * **Physics & Feel**: * Use a physics engine (like `Cannon-es` or `Matter.js` integrated with Three.js). * Add **Rotational Inertia**: The level shouldn't stop instantly; add a slight smoothing/damping effect to the rotation for a premium feel. * **Haptic Feedback**: Trigger a short vibration (using `navigator.vibrate`) when the ball hits a wall with high velocity or collects a star. * **UI Layout**: * **Portrait/Landscape**: Lock to **Portrait Mode** for one-handed play, or **Landscape** for a wider view (Landscape preferred for puzzle visibility). * **HUD**: Minimalist. A "Restart" button (icon) in the top-right corner (min size 44px). Level number in the top-left. 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 and Roll is a captivating physics-based puzzle game that challenges your problem-solving skills and spatial awareness. With a solid rating of 3.8/5 from players worldwide, this charming game combines simple controls with increasingly complex challenges. The core concept is beautifully simple yet endlessly engaging: guide your happy little ball to the big bubble without falling or hitting the dangerous spiky obstacles.

Core Features

Physics-Based Puzzle Mechanics

The game revolves around gravity manipulation and spatial reasoning. Each level presents a unique challenge where you must carefully consider the laws of physics to successfully navigate your ball to its destination. The realistic physics engine ensures that every movement feels natural and predictable, making success feel earned and satisfying.

Extensive Level Collection

With "many, many levels" as the game promises, Rotate and Roll offers incredible value for puzzle game enthusiasts. Each level introduces new challenges, obstacles, and creative solutions, ensuring that the gameplay never becomes repetitive. From simple introductory puzzles to mind-bending advanced challenges, there's something for every skill level.

Built-in Level Editor

One of the standout features is the comprehensive level editor that allows players to create their own puzzles. This "Make Your Own" functionality extends the game's lifespan indefinitely, enabling creative players to design and share custom challenges with the community.

Cute and Accessible Design

The game features an adorable art style that appeals to players of all ages. The cute aesthetic doesn't compromise the challenge level, making it perfect for both casual gamers seeking relaxation and serious puzzle enthusiasts looking for mental stimulation.

Gameplay Mechanics

Simple Yet Precise Controls

The game uses intuitive left and right arrow key controls to rotate the playing field. This simple control scheme is easy to learn but requires precision and timing to master, creating a perfect balance between accessibility and challenge.

Strategic Obstacle Navigation

Players must carefully navigate around spiky obstacles that can end the level instantly. This adds a layer of risk management to the puzzle-solving, requiring both strategic planning and careful execution.

Gravity-Defying Challenges

By rotating the level, players can change the direction of gravity, allowing the ball to roll in different directions. This mechanic creates unique puzzle scenarios where traditional thinking must be abandoned in favor of creative, physics-based solutions.

Operation Guide

Basic Controls: - Left Arrow Key : Rotate the level counterclockwise - Right Arrow Key : Rotate the level clockwise - Mouse : Navigate menus and level editor

Gameplay Tips: 1. Start each level by analyzing the layout and identifying potential paths 2. Use gentle rotations to maintain control over the ball's movement 3. Plan ahead to avoid getting stuck in corners or against spikes 4. Practice timing your rotations to use momentum effectively 5. In the level editor, test your creations thoroughly before sharing

Why Play Rotate and Roll

Rotate and Roll stands out in the crowded puzzle game market by combining several appealing elements. The physics-based gameplay provides a satisfying tactile experience that feels different from traditional tile-matching or logic puzzles. The cute visual style makes it approachable for all ages, while the challenging level design ensures that even experienced puzzle gamers will find plenty to engage with.

The inclusion of a level editor transforms this from a simple puzzle game into a creative platform, allowing players to express their creativity and challenge others with their designs. This feature alone provides virtually unlimited replay value, making it an excellent choice for long-term entertainment.

The game's browser-based nature means you can enjoy it anywhere with an internet connection, making it perfect for quick puzzle breaks or extended gaming sessions. Whether you're a casual player looking for a few minutes of fun or a dedicated puzzle enthusiast seeking your next obsession, Rotate and Roll delivers an experience that's both accessible and deeply engaging.

Frequently Asked Questions (FAQ)