Orange - Color Logic Puzzle Game

Seele01-Flash
By
Orange is a mesmerizing color logic puzzle game featuring 25 unique challenges. Master the art of filling screens with vibrant orange hues through clever problem-solving and strategic thinking.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Orange: The Logic Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist, flat design aesthetic mimicking vector art but rendered in 3D. The look should be "2.5D" using an **Orthographic Camera** to maintain the classic puzzle feel. * **Color Palette**: Strictly monochromatic variations of Orange. * Background: Deep Orange / Tangerine. * Interactables: Cream/White (inactive) turning to Bright Neon Orange (active). * Shadows: Hard, flat shadows (no soft gradients) to emphasize the graphic style. * **Models**: * **Orange Slices**: Cylinder geometries with custom textures or segmented meshes representing citrus segments. * **Abstract Shapes**: Cubes, Spheres, and Planes used for buttons and background patterns. * **Effects**: * "Juice" particles: When a puzzle is solved or an object is clicked, spawn small orange cubic particles that explode outward. * Smooth transitions: Use TWEEN.js or simple linear interpolation for color changes and object scaling. ### 2. Audio Requirements * **BGM**: A loop of **smooth, minimal jazz** or "elevator bossa nova." It should be bass-driven, snapping fingers, and relaxing (inspired by Bart Bonte games). * **SFX**: * **Interaction**: A sharp, satisfying "Pop" or "Click" sound (like opening a soda can or popping bubble wrap). * **Win**: A rising harp glissando or a choir chord when the screen successfully turns fully orange. * **Fail/Blocked**: A dull wooden thud. ### 3. Gameplay Loop * **Core Concept**: The goal is always to **"Make the screen Orange."** The player must figure out the unique logic of the current level to fill the viewport with the color orange. * **Level Logic (Implement these 2 demo levels)**: * **Level 1 (The Toggle)**: A grid of 3x3 grey orange slices. Clicking one turns it Orange and rotates it 90 degrees. The player must click them all to proceed. * **Level 2 (The Gravity)**: The screen is grey. Touching the screen spawns physics-based orange spheres (using Cannon.js or simple gravity logic) from the top. The level ends when the "container" (the screen) is visually filled with oranges. * **Win Condition**: Visual confirmation (screen flashes white, then full orange) -> Display "LEVEL COMPLETED" -> Load next level. ### 4. Mobile Controls & Interaction * **Input System**: * Use a **Raycaster** bound to `touchstart` and `mousedown` events. * Prevent default behaviors (scrolling/zooming) to ensure the game feels like a native app. * **Orientation**: Portrait mode preferred (vertical layout suitable for puzzle solving on phones). * **UI/UX**: * No on-screen joysticks. Everything is "Tap to Interact." * **Reset Button**: A small refresh icon in the top right corner (min 44x44px hit area). * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on every successful interaction/click to give the user tactile "juicy" feedback. 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 transforms simple color mechanics into deeply engaging brain challenges. This innovative logic puzzle invites players to bring vibrant orange hues to every level through clever problem-solving and strategic thinking. With its clean 2D design and intuitive gameplay, Orange offers a perfect blend of relaxation and mental stimulation.

The game's charm lies in its elegant simplicity - each puzzle presents a unique challenge where players must figure out the correct sequence of moves to fill the entire screen with the beautiful color orange. Every level demands careful analysis and creative thinking, making it an ideal choice for puzzle enthusiasts seeking both entertainment and mental exercise.

Core Features

25 Unique Puzzle Challenges

Orange delivers 25 carefully crafted levels, each presenting distinct logic challenges and creative solutions. No two puzzles are alike, ensuring fresh gameplay experiences from start to finish.

Intuitive Color Logic Mechanics

The game's core mechanics revolve around understanding color relationships and spatial logic. Players must analyze each puzzle's structure to determine the optimal approach for achieving the orange-filled goal.

Clean 2D Visual Design

Featuring a minimalist aesthetic with vibrant orange themes, the game creates an immersive visual experience that's both pleasing and functional. The clean interface ensures players can focus entirely on solving puzzles.

Progressive Difficulty Curve

Starting with simple introductory puzzles, Orange gradually increases complexity, introducing new mechanics and challenging concepts that keep players engaged throughout their journey.

Cross-Platform Accessibility

Available on web browsers, iOS, and Android devices, Orange ensures you can enjoy puzzle-solving anywhere, anytime.

Gameplay Mechanics

Orange challenges players to think strategically about color manipulation and spatial relationships. Each level presents a grid or pattern that must be transformed to display uniform orange coloring. The key to success lies in understanding the underlying logic systems that govern color changes.

Players must experiment with different approaches, learning from each attempt to develop effective strategies. The game rewards creative thinking and logical deduction, making every solved puzzle feel like a genuine accomplishment.

Operation Guide

Orange features intuitive controls designed for seamless gameplay across all platforms:

  • Mouse Control : Click and drag to interact with puzzle elements on desktop
  • Keyboard Support : Use arrow keys and spacebar for navigation and actions
  • Touch Controls : Tap and swipe gestures for mobile and tablet devices
  • Universal Interface : All controls are clearly indicated within each puzzle

The game automatically adapts to your preferred input method, ensuring comfortable gameplay whether you're using a computer, smartphone, or tablet.

Why Play Orange

Orange stands out in the puzzle game genre by combining accessible gameplay with genuinely challenging logic problems. It's perfect for players who enjoy:

  • Mental Stimulation : Each puzzle requires careful analysis and creative problem-solving
  • Relaxing Gameplay : The soothing color theme and peaceful pace provide stress relief
  • Portable Entertainment : Quick puzzle sessions fit perfectly into busy schedules
  • Achievement Satisfaction : Successfully completing challenging levels delivers genuine satisfaction
  • No Pressure Gaming : Play at your own pace without time limits or penalties

Whether you're a puzzle veteran seeking fresh challenges or a newcomer to logic games, Orange offers an engaging experience that grows with your skills.

Frequently Asked Questions (FAQ)