Arrow Pathway - Platform Puzzle Game

Seele01-Flash
By
Arrow Pathway is an innovative platform puzzle game that challenges players to guide characters to the exit by strategically placing directional arrows. This unique twist on traditional platformers combines logic and spatial reasoning for an engaging brain-training experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Arrow Pathway". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Minimalist Geometric. Use an **Orthographic Camera** to maintain a flat, puzzle-like perspective essential for grid alignment. * **Color Palette:** High contrast. * **Character:** A bright blue cube (`#1E90FF`) with thick black outlines (using `LineSegments` or rim shaders) and large, expressive white eyes (simple plane geometries). * **Arrows:** Bright Yellow (`#FFFF00`) arrow shapes, floating slightly above the ground. * **Ground/Platforms:** Dark purple (`#554477`) solid blocks. * **Background:** A soft, pastel peach/orange checkerboard pattern (`#FFDAB9`) to serve as a grid reference for the player. * **Mobile Optimization:** Use simple `BoxGeometry` for almost everything to keep draw calls low. Use unlit materials (`MeshBasicMaterial` or `MeshToonMaterial`) to reduce lighting calculations and save battery. Shadows should be simple "blob shadows" (textured planes) rather than dynamic computations. ### 2. Audio Requirements * **BGM:** A calm, loopable "brain-training" style track. Soft electric piano or minimal synth pads. It should not be distracting. * **Sound Effects (SFX):** * **Selection:** A crisp, high-pitched "blip" when tapping an arrow. * **Placement:** A satisfying "thud" or "click" sound when an arrow snaps into a grid position. * **Movement:** A "whoosh" sound when the character is redirected by an arrow. * **Success:** A cheerful major-chord arpeggio when reaching the exit. * **Failure:** A low-pitch "womp-womp" or descending slide if the character falls off the platform. ### 3. Gameplay Loop * **Core Mechanic (Indirect Control):** The player **cannot** control the character directly. The character moves automatically in a straight line until it hits an obstacle or an arrow. * **Planning Phase:** The game starts in a "Paused" state. The player sees the level layout, the character's start point, the exit door, and a set of movable directional arrows (Up, Down, Left, Right). * **Interaction:** The player acts as the architect. They must strategically place the available arrows onto the grid. * **Execution Phase:** The player presses a "GO" button. The character begins moving. * If the character touches a **Right Arrow**, their velocity changes immediately to `(1, 0)`. * If they touch an **Up Arrow**, velocity becomes `(0, 1)` (effectively a jump/climb). * **Win Condition:** The character's collider intersects with the "Exit Door" trigger. * **Fail Condition:** The character falls off the screen or hits a "Spike" trap. ### 4. Mobile Controls & Interaction * **Input Method (Raycasting):** * **Tap-to-Select, Tap-to-Place:** Due to fingers obscuring screens, avoid drag-and-drop. Instead, the user Taps an arrow to "pick it up" (it highlights/glows), then Taps a valid grid square on the map to place it. * **UI Layout (Portrait/Landscape Adaptive):** * The game view should be centered. * **Bottom Control Bar:** A dedicated area at the bottom (min-height 80px) containing the "Play/Stop" button and a "Reset Level" button. Buttons must be at least 44x44px. * **Visual Feedback:** * When an arrow is selected, valid placement tiles on the grid should highlight in green. * When the character hits an arrow, the arrow should pulse or scale up slightly (`scale.set(1.2, 1.2, 1.2)`) to indicate activation. * **Haptics:** Trigger `window.navigator.vibrate(20)` when snapping an arrow to the grid for tactile confirmation. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Arrow Pathway

Arrow Pathway is a clever platform puzzle game that puts a unique spin on the traditional platformer genre. Instead of directly controlling your character's movements, you must think strategically and create pathways by placing directional arrows on the platform. This innovative gameplay mechanic challenges players to think ahead and plan their routes carefully.

The game features a charming blue cubic character with expressive eyes who depends on your arrow placement skills to reach the exit safely. Each level presents new challenges that will test your logical thinking and spatial reasoning abilities.

Core Features

Innovative Arrow-Based Gameplay

The core mechanic revolves around placing directional arrows that guide your character's movement. This indirect control system creates a unique puzzle-solving experience that's both challenging and rewarding.

Built-in Hint System

Stuck on a particularly challenging level? Arrow Pathway includes a helpful hint system that demonstrates how to complete each level, ensuring players can always progress and learn new strategies.

Progressive Difficulty

The game starts with simple introductory levels and gradually increases in complexity, introducing new mechanics and obstacles that require creative problem-solving approaches.

Clean Visual Design

Featuring a minimalist art style with clear, colorful graphics that make it easy to understand the game mechanics while maintaining visual appeal across all devices.

Game Mechanics

Arrow Pathway combines elements from multiple game genres: - Platform Games : Navigate through level-based challenges - Logic Games : Solve puzzles using strategic thinking - Brain Games : Exercise cognitive skills and pattern recognition - Mouse Games : Simple click-based controls accessible to all players

How to Play

Basic Controls

  • Click on Arrow : Select and move directional arrows around the platform
  • Click Again : Place the arrow in the desired position
  • Strategic Planning : Observe the level layout and plan your arrow placement before executing

Gameplay Strategy

  1. Analyze the level layout and identify the exit location
  2. Determine the optimal path for your character to follow
  3. Place directional arrows strategically to guide the character
  4. Watch as your character follows the arrow path you've created
  5. Adjust your strategy if needed and try different approaches

Why Play Arrow Pathway

Mental Exercise

Arrow Pathway serves as an excellent brain training tool, improving spatial reasoning, logical thinking, and problem-solving skills. Each level presents a new cognitive challenge that keeps your mind sharp and engaged.

Accessible for Everyone

The simple mouse-based controls make the game accessible to players of all ages and skill levels. Whether you're a puzzle game veteran or newcomer, you can jump in and start solving immediately.

No Pressure Gaming

With the built-in hint system, there's no frustration from being permanently stuck. Players can learn at their own pace and gradually master more complex puzzle-solving techniques.

Perfect for Short Sessions

Each level can be completed in just a few minutes, making it perfect for quick mental breaks during work or study sessions. The bite-sized challenges fit perfectly into busy schedules.

Platform Compatibility

Arrow Pathway is designed as a browser-based game that works seamlessly across multiple platforms: - Desktop Computers : Full mouse control optimization - Mobile Phones : Touch-friendly interface adaptation - Tablets : Optimized for larger touch screens - All Modern Browsers : No downloads or installations required

Frequently Asked Questions (FAQ)