Orange - Color Puzzle Game - Puzzle Game

Seele01-Flash
By Jack Williams
Play Orange, a unique puzzle game with 25 creative levels. Each puzzle requires different thinking strategies. Free browser game with beautiful design and hint system.
New

First-Person Horror Survival

Build a first-person horror survival with exploration and enemies.

Build a first-person horror survival with exploration and enemies.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Sports

Basketball Duel

Build a one-on-one basketball game with physics shooting.

Build a one-on-one basketball game with physics shooting.Open in workspace
Puzzle

Magic Cube Puzzle

Build an interactive Rubik's Cube with scramble and reset.

Build an interactive Rubik's Cube with scramble and reset.Open in workspace
Subscriber only

Unreal City Tour

Explore a photoreal Unreal city with terrain and live weather.

Explore a photoreal Unreal city with terrain and live weather.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Puzzle

Box Robot Puzzle

Build crate-pushing puzzles with vehicles and physics timing.

Build crate-pushing puzzles with vehicles and physics timing.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace
Action

Open World City Action

Build an open-world city romp with driving and police chases.

Build an open-world city romp with driving and police chases.Open in workspace
Voxel

Voxel Hero Adventure

Build a voxel hero who explores, mines, and builds.

Build a voxel hero who explores, mines, and builds.Open in workspace
New

First-Person Horror Survival

Build a first-person horror survival with exploration and enemies.

Build a first-person horror survival with exploration and enemies.Open in workspace
New

Character Physics World

Build a third-person physics world with day-night and props to touch.

Build a third-person physics world with day-night and props to touch.Open in workspace
Sports

Basketball Duel

Build a one-on-one basketball game with physics shooting.

Build a one-on-one basketball game with physics shooting.Open in workspace
Puzzle

Magic Cube Puzzle

Build an interactive Rubik's Cube with scramble and reset.

Build an interactive Rubik's Cube with scramble and reset.Open in workspace
Subscriber only

Unreal City Tour

Explore a photoreal Unreal city with terrain and live weather.

Explore a photoreal Unreal city with terrain and live weather.Open in workspace
Subscriber only

Unreal Mountain Tour

Tour a third-person Unreal world of mountains and water.

Tour a third-person Unreal world of mountains and water.Open in workspace
Puzzle

Box Robot Puzzle

Build crate-pushing puzzles with vehicles and physics timing.

Build crate-pushing puzzles with vehicles and physics timing.Open in workspace
Sandbox

Voxel Sandbox Builder

Build a voxel sandbox for placing and breaking blocks freely.

Build a voxel sandbox for placing and breaking blocks freely.Open in workspace
Action

Open World City Action

Build an open-world city romp with driving and police chases.

Build an open-world city romp with driving and police chases.Open in workspace
Voxel

Voxel Hero Adventure

Build a voxel hero who explores, mines, and builds.

Build a voxel hero who explores, mines, and builds.Open in workspace

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.
A game idea becoming a playable world and reaching an audience
MAKE • SHARE • EARN

Games are fun. Creating them is even better.

Start creating for free

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)