Fishing.io - Fun Online Fishing Game

Seele01-Flash
By
Fishing.io is an addictive casual fishing game where you dive into deep ocean waters to collect as many colorful fish as possible. Play for free in your browser with simple mouse controls.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Fishing.io". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "2.5D Cartoon Aesthetic." Use an **OrthographicCamera** to simulate the flat, vector-art style of the screenshot while utilizing 3D depth for parallax effects. The color palette should be vibrant, high-saturation (Sky Blue, Orange, Bright Green). * **Models:** * **Fisherman & Boat:** Low-poly, blocky characters positioned at the top center (surface). * **The Hook:** A simple metallic geometry that descends. * **Marine Life:** Create 3 tiers of fish assets using simple geometric primitives (e.g., Cone + Cylinder) with toon shading: * *Tier 1 (Common):* Small, blue/green fish (low value). * *Tier 2 (Rare):* Larger, orange/striped fish (high value). * *Tier 3 (Trash):* Boots, cans (negative score or ends combo). * **Environment:** * **Background:** A gradient plane behind the action, transitioning from Light Blue (Surface) to Dark Navy (Deep Sea) to indicate depth. * **Water Surface:** A simple shader plane at Y=0 with slight vertex displacement to simulate waves. * **Performance:** Use `InstancedMesh` for the fish swarms to ensure 60FPS on mobile devices. Limit dynamic lights; rely on ambient light and baked vertex colors. ### 2. Audio Requirements * **BGM:** A relaxing, tropical loop featuring ukulele and soft percussion. * **Sound Effects (SFX):** * **Splash:** When the hook enters the water. * **Reeling Whir:** A continuous looping sound that increases in pitch as the hook ascends. * **Catch:** A distinct, satisfying "Pop" or bubble sound when a fish is hooked. * **UI:** Wooden "clack" sounds for button presses. * **Success:** A coin-jangling sound when the haul is sold at the surface. ### 3. Gameplay Loop * **State 1: Idle/Upgrade:** Player is at the surface. UI shows "Length" (Max Depth) and "Strength" (Max Fish Count) upgrades. Player taps "CAST" to start. * **State 2: The Descent:** The hook descends automatically. The camera follows the hook downwards. * *Mechanic:* In this version, the hook passes *through* fish on the way down without catching them (or player avoids them). The goal is to reach maximum depth. * **State 3: The Ascent (Action Phase):** Once max depth is reached, the hook automatically starts reeling up. * *Mechanic:* The player drags horizontally to steer the hook left/right. The goal is to collide with as many fish as possible on the way up. * *Collision:* When the hook hits a fish, the fish is "parented" to the hook and moves with it. * *Capacity:* Constrained by a `maxFish` variable. Once full, no more fish can be caught. * **State 4: Result:** Hook breaches surface. Fish are converted to Currency ($). Return to State 1. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (Vertical) is mandatory to visualize the depth of the ocean effectively. * **Control Scheme:** * **Descent:** Passive (or Tap to stop early). * **Ascent:** **1-Finger Horizontal Drag/Slide**. Map the X-axis position of the touch to the X-axis position of the hook. Movement should have slight "lerp" (smooth damping) so it feels like moving through water, not instant teleportation. * **UI/UX:** * **Touch Areas:** Upgrade buttons must be at the bottom of the screen, large size (min 48px height) for easy thumb reach. * **Feedback:** * **Visual:** Display a floating text number ("+$10") whenever a fish is caught. * **Haptic:** Trigger `navigator.vibrate(50)` (short pulse) when a fish is caught to provide tactile satisfaction. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Fishing.io is a delightful casual fishing adventure that takes you to the deepest parts of the ocean. This charming browser-based game features colorful cartoon graphics and relaxing gameplay that appeals to players of all ages. With its simple yet engaging mechanics, you'll find yourself hooked on catching fish for hours.

The game showcases beautiful underwater environments filled with various sea creatures, from small tropical fish to larger marine animals. The bright, cheerful art style creates an inviting atmosphere that makes fishing feel like a peaceful escape from daily stress.

Core Features

Simple and Intuitive Controls

Fishing.io uses straightforward mouse controls that anyone can master. Simply hold the left mouse button to control your fishing hook and navigate through the underwater world. This accessibility makes it perfect for casual gaming sessions during breaks or leisure time.

Diverse Marine Life

Explore ocean depths teeming with different types of fish and sea creatures. Each catch adds to your collection, encouraging you to dive deeper and discover new species. The variety keeps gameplay fresh and exciting as you encounter different challenges at various depths.

Progressive Depth System

The deeper you go, the more valuable fish you'll encounter. This progression system motivates players to improve their fishing skills and venture into more challenging waters. Deeper areas offer greater rewards but may require more skill to navigate successfully.

Cross-Platform Compatibility

Enjoy seamless gameplay across all your devices. Whether you're on a desktop computer or mobile device, Fishing.io runs smoothly in any modern web browser without requiring downloads or installations.

Gameplay Mechanics

Your objective is straightforward: catch as many fish as possible while exploring the ocean's depths. Use your fishing hook strategically to collect different species, each with its own point value. The game rewards both patience and skill as you learn to time your catches perfectly.

As you progress, you'll discover that different fish have varying behaviors and movement patterns. Some may be easier to catch near the surface, while others require venturing into deeper, more challenging waters.

Operation Guide

Mouse Control : Hold the left mouse button to control your fishing hook's movement Navigation : Move your mouse to guide the hook through the water Catching Fish : Position your hook near fish and use timing to make successful catches Depth Management : Control how deep your hook goes to target different types of fish

The intuitive control scheme means you can start playing immediately without complex tutorials or learning curves. The responsive mouse controls provide precise movement, essential for successful fishing.

Why Play This Game

Fishing.io offers the perfect blend of relaxation and challenge. It's an ideal choice for:

  • Stress Relief : The calming underwater environment and soothing gameplay help you unwind
  • Quick Gaming Sessions : Perfect for short breaks or casual play sessions
  • All Ages : Family-friendly content suitable for players of any age
  • No Commitment : Jump in and out of gameplay as your schedule allows
  • Free Entertainment : Complete gaming experience without any cost

The game's charm lies in its simplicity and the satisfaction of building your fish collection. Whether you're a seasoned gamer or new to online games, Fishing.io provides an enjoyable experience that's easy to pick up but engaging enough to keep you coming back.

Frequently Asked Questions (FAQ)