Ocean - Marine Life Matching Puzzle Game

Seele01-Flash
By
Ocean is an engaging marine-themed matching puzzle game where you help protect sea creatures from invading sharks. Create colorful chains and combos to unlock new sea life and restore peace to underwater villages.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Ocean Rescue: Chain Match**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A vibrant, semi-realistic cartoon aesthetic similar to high-quality mobile puzzle games (glossy finishes, saturated colors). * **Background:** A 3D underwater scene with a sandy seabed floor, scattered rocks, and swaying low-poly kelp/coral. Crucially, include **caustics effects** (light rays dancing on the floor) and a gentle blue fog to create depth. * **Game Pieces (The Chips):** Instead of 2D sprites, use simple 3D low-poly models representing marine life: * **Orange Crab** (Main character style, glossy shell). * **Purple Octopus**. * **Green Turtle**. * **Blue Starfish**. * **Red Shell**. * **Particle Effects:** * **Bubble Particles:** Rising bubbles whenever a match is cleared. * **Water Splash:** A distortion effect or splash when pieces fall into place. * **Mobile Optimization:** Use `InstancedMesh` for the grid items to reduce draw calls. Limit real-time shadows; use baked lighting or ambient occlusion textures where possible. ### 2. Audio Requirements * **BGM (Background Music):** A tropical, relaxing "Aquatic" loop featuring marimbas, steel drums, and soft synth pads. It should feel cheerful and leisurely. * **Sound Effects (SFX):** * **Selection:** A high-pitched "Bloop" or water droplet sound for each item added to the chain. * **Clear:** A satisfying "Whoosh" or splashing sound when the chain is released and items vanish. * **Combo:** A magical chime or rising harp glissando if the chain is longer than 7 items. * **Error:** A dull thud if the player tries to connect non-matching items. ### 3. Gameplay Loop * **Core Mechanic:** This is a **Line-Matching / Connect-3** game (not a swap game). 1. The grid is 6x6 or 7x7. 2. **Input:** Player touches a creature and drags their finger to adjacent creatures (horizontal, vertical, diagonal) of the same type. 3. **Visual Feedback:** A glowing "rope" or stream of bubbles must visually connect the selected items in real-time. 4. **Release:** When the player lifts their finger: * If the chain has 3 or more items: They pop/disappear. * **Gravity:** Remaining items fall down to fill gaps. * **Spawn:** New items drop from the top. * **Special Mechanic (The Shark):** Randomly spawn "Shark Blocks" (Gray/Metallic). These cannot be matched. They can only be removed if a match occurs immediately adjacent to them ("scaring" them away). * **Win Condition:** Reach a target score within a specific number of moves (e.g., 20 moves). ### 4. Mobile Controls & Interaction * **Touch Input:** * `touchstart`: Raycast to identify the starting tile. Highlight it (scale up 1.2x). * `touchmove`: Raycast continuously. If the finger hovers over a valid neighbor (same color, adjacent), add it to the `selectedArray` and draw the connector line. * `touchend`: Execute the clear logic. * **Screen Adaptation:** * **Portrait Mode Optimized:** The grid should be centered with UI (Score, Moves) at the top and bottom, ensuring playability with one hand (thumb). * **Camera:** Fixed Orthographic camera for a clear, puzzle-board view, slightly angled to show 3D depth of the pieces. * **Feedback:** * **Haptics:** Trigger `navigator.vibrate(10)` every time a new tile is successfully added to the current chain (tactile satisfaction). * **Visual Line:** Use a `TubeGeometry` or a custom shader `Line` that updates dynamically as the finger moves to show the connection path clearly. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Ocean Game

Ocean is a captivating marine-themed matching puzzle game that puts you in charge of protecting precious sea life from aggressive shark invasions. This colorful underwater adventure combines classic match-3 mechanics with innovative chain-building gameplay, creating an engaging experience for puzzle game enthusiasts of all ages.

The game features a charming cartoon art style with vibrant ocean environments and adorable sea creatures, including the friendly orange crab shown as your marine companion. As villages fall under shark attacks, it's up to you to create strategic matches and build powerful combinations to defend the ocean's inhabitants.

Core Features

Innovative Chain-Building Mechanics

Unlike traditional match-3 games, Ocean allows you to create long chains of same-colored chips by clicking and dragging across adjacent matching pieces. This unique mechanic enables more strategic gameplay and higher scoring opportunities through extended combinations.

Progressive Unlocking System

As you advance through levels, you'll unlock new sea creatures and marine life, each with their own special abilities and characteristics. This progression system keeps the gameplay fresh and rewarding as you explore deeper into the ocean's mysteries.

Combo and Upgrade Features

The game rewards skillful play with powerful combos and upgrade opportunities. Master the art of chain creation to trigger spectacular clearing effects and earn bonus points that help you progress faster through challenging levels.

Completely Free to Play

Enjoy the full Ocean experience without any cost. Play directly in your web browser with no downloads, installations, or hidden fees required.

Gameplay Mechanics

Ocean's gameplay revolves around creating chains of matching colored chips to clear the board and complete objectives. The intuitive control scheme makes it easy for newcomers while offering depth for experienced puzzle players.

Strategic Chain Building

Success in Ocean requires thinking several moves ahead. Plan your chain routes carefully to maximize length and create opportunities for cascading matches that clear large sections of the board simultaneously.

Dynamic Objectives

Each level presents unique challenges and goals, from rescuing specific sea creatures to clearing certain numbers of colored chips. This variety keeps the gameplay engaging across hundreds of levels.

Operation Guide

Basic Controls

  • Click and Hold : Select your starting chip of any color
  • Mouse Movement : Drag over adjacent chips of the same color to extend your chain
  • Release : Complete the chain to clear all connected chips
  • Strategic Planning : Look for opportunities to create longer chains for higher scores

Advanced Techniques

  • Create L-shaped and zigzag patterns for maximum chain length
  • Plan multiple chains in sequence for combo effects
  • Focus on clearing chips near trapped sea creatures for rescue missions
  • Use corner and edge positioning to your advantage

Why Play Ocean?

Perfect for All Skill Levels

Whether you're new to puzzle games or a match-3 veteran, Ocean's progressive difficulty curve ensures an appropriately challenging experience. The game starts with simple tutorials and gradually introduces more complex mechanics.

Relaxing Yet Engaging

The peaceful underwater theme combined with satisfying puzzle mechanics creates a perfect balance of relaxation and mental stimulation. It's ideal for short breaks or extended gaming sessions.

No Commitment Required

As a free browser game, you can start playing immediately without creating accounts, downloading software, or making any commitments. Simply open your browser and dive into the ocean adventure.

Educational Value

While entertaining, Ocean also promotes strategic thinking, pattern recognition, and planning skills. The marine life theme introduces players to various sea creatures in a fun, interactive environment.

Cross-Platform Compatibility

Play Ocean on any device with a modern web browser - desktop computers, laptops, tablets, or smartphones. Your progress can be enjoyed anywhere without platform restrictions.

Frequently Asked Questions (FAQ)