Orange - Color Puzzle Game

Seele01-Flash
By
Orange is an innovative puzzle game featuring 25 uniquely designed levels that challenge conventional thinking. Each puzzle presents a completely different challenge, requiring creative problem-solving skills and out-of-the-box thinking.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Orange: A Logic Puzzle Game**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Strictly **Minimalist & Flat**. Emulate a "2D Vector Art" look using 3D geometry. Use an **Orthographic Camera** to remove perspective distortion, making the game look like a flat graphic design (similar to the work of Bart Bonte). * **Color Palette:** Monochromatic theme using various shades of Orange. * Background: Muted Brownish-Orange (`#cc8400`) or deep Terracotta. * Active Elements: Vibrant Tangelo (`#ff9500`) and Bright Yellow-Orange (`#ffcc00`). * Accents: White or Light Yellow for highlights. * **Geometry:** * Use `THREE.CircleGeometry` or `THREE.CylinderGeometry` (flattened) to create orange slices. * Use `THREE.MeshBasicMaterial` for flat, unlit colors to maximize performance and maintain the art style. * **Optimization:** Keep geometry low-poly (e.g., segments=32 for circles). Reuse geometries where possible. ### 2. Audio Requirements * **BGM (Background Music):** A cool, laid-back **Smooth Jazz** loop. It should feature a rhythmic bass line, finger snaps, and a soft saxophone melody. The vibe should be "playful mystery." * **Sound Effects (SFX):** * **Tap/Interact:** A crisp "Pop" or "Pluck" sound (short decay). * **Success/Level Clear:** A harmonious saxophone chord or a satisfying "Ding." * **UI Click:** A subtle wooden "Tock" sound. ### 3. Gameplay Loop * **Core Concept:** The goal of every level is to **"Make the screen Orange"** or reveal the orange. The logic changes every level. * **Level Structure (Implement a Level Manager):** * **Level 1 (The Clicker):** A desaturated grey orange is in the center. Tapping it fills it with color in increments (scale up or change color). Once fully orange, level complete. * **Level 2 (The Spinner - Based on the image):** An orange is sliced into 4 concentric rings. They are misaligned. The player must drag to rotate the rings to align the internal segments (pulp lines). * **Win Condition:** When the puzzle is solved, the screen should transition (fade or wipe) to a full solid Orange color, then display "Level [X] Completed" before moving to the next. * **Hint System:** A "Light Bulb" icon in the top-right corner. Clicking it shows a text overlay with a clue (e.g., "Try spinning the rings"). ### 4. Mobile Controls & Interaction * **Input System:** Use `Raycaster` mapping to `pointerdown`, `pointermove`, and `pointerup` events to support both Mouse (Desktop) and Touch (Mobile) seamlessly. * **Gestures:** * **Tap:** For button presses and toggle switches. * **Drag/Rotate:** Calculate the angle between the touch point and the center of the object to handle rotation (essential for the ring puzzle). * **Orientation:** Force or design for **Portrait Mode** (vertical alignment) to suit mobile phone usage. * **UI & UX:** * **Touch Areas:** Ensure the "Hint" button and interactive elements have a hit-box of at least 44x44 pixels. * **Feedback:** Add simple visual feedback on touch (e.g., the object scales down slightly to 0.95x when pressed) to simulate tactile resistance. * **Prevent Scrolling:** CSS must include `touch-action: none;` and prevent default behaviors to stop the browser page from scrolling while playing. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Orange

Orange is a captivating puzzle game that breaks the mold of traditional puzzle gaming. Unlike conventional puzzle games where levels follow similar patterns, Orange presents 25 completely unique challenges that will test your creativity, logic, and problem-solving abilities. Each level is meticulously crafted to offer a fresh puzzle experience that requires different thinking approaches.

Core Features

Unique Level Design Philosophy

Every single level in Orange is fundamentally different from the others. This isn't just about increasing difficulty - it's about presenting entirely new puzzle mechanics and concepts that keep you engaged and surprised throughout your gaming experience.

Beautiful Visual Presentation

The game features stunning, minimalist design with vibrant orange-themed graphics. The clean interface ensures that nothing distracts you from the pure puzzle-solving experience, while the beautiful aesthetics make each level visually appealing.

Comprehensive Hint System

Stuck on a challenging level? Orange includes an intelligent hint system accessible through the light bulb button in the top-right corner. Multiple hints are available for each level, providing graduated assistance without spoiling the solution completely.

Progressive Difficulty Curve

While each level is unique, the game carefully balances challenge progression. Early levels introduce you to the game's creative thinking requirements, while later levels push your problem-solving skills to their limits.

Game Mechanics

Orange combines elements from various puzzle genres: - Logic puzzles that require systematic thinking - Color-based challenges using the orange theme creatively - Brain training elements that improve cognitive flexibility - Creative problem-solving scenarios that reward unconventional approaches

How to Play

Basic Controls

The game uses simple, intuitive controls: - Left mouse button : Primary interaction with puzzle elements - Light bulb button : Access the multi-layered hint system when needed - Clean interface : Focus entirely on the puzzle without distractions

Gameplay Strategy

  1. Observe carefully : Each level presents visual clues about its unique mechanics
  2. Think creatively : Traditional puzzle approaches may not work
  3. Use hints wisely : Multiple hints are available, read them all for complete understanding
  4. Experiment freely : The game encourages trial and exploration
  5. Embrace uniqueness : Don't expect patterns from previous levels

Why Play Orange?

Mental Exercise Benefits

Orange serves as an excellent brain training tool. The diverse puzzle types exercise different cognitive skills: - Pattern recognition - Logical reasoning - Creative thinking - Problem-solving flexibility - Visual-spatial processing

Perfect for All Skill Levels

Whether you're a puzzle game veteran or newcomer, Orange accommodates all players. The hint system ensures that challenging levels remain accessible, while the unique design keeps experienced players engaged.

Free and Accessible

Play Orange completely free in your browser - no downloads, no installations, no hidden costs. The game works perfectly on desktop and mobile devices, making it ideal for quick mental breaks or extended puzzle sessions.

Completion Challenge

With 25 unique levels, Orange offers substantial content while remaining focused. The real challenge isn't just solving each puzzle, but doing so efficiently. How quickly can you complete all levels while truly understanding each unique solution?

Frequently Asked Questions (FAQ)