Fishy - Ocean Survival Game

Seele01-Flash
By
Fishy is a thrilling ocean survival arena game where you start as a small fish and must eat your way up the food chain. Consume smaller fish to grow while avoiding dangerous predators in this addictive underwater adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Fishy (3D Remake)**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Cute 2.5D Aesthetic." Use 3D Low-poly models with **Toon Shading (Cel Shader)** to mimic the flat, colorful look of the original Flash game but with modern depth. * **Camera:** Use an **Orthographic Camera** fixed in a side-scrolling perspective. This ensures the gameplay remains strictly 2D (X and Y axis) while allowing for 3D asset rotation and depth. * **Player Model:** A bright, cute fish (starting orange/gold). Use basic geometries (Cone + Sphere combinations) if external models aren't loaded, but animate the tail fin using vertex manipulation or simple rotation. * **Enemy Models:** Procedurally generated fish with random colors and varying scales. * **Background:** A deep blue gradient background. Implement a **Parallax Effect** with layers of semi-transparent seaweed and bubbles in the background to create depth. Add a simple shader for "Water Caustics" (light refraction) on the top layer. * **Optimization:** Use **InstancedMesh** for background particles (bubbles) and common enemy types to ensure 60FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** A lighthearted, marimba-based tropical loop. It should start slow and slightly muffled, becoming clearer and faster as the player grows larger. * **Sound Effects (SFX):** * **Swim:** Soft "swish" sound on sudden directional changes. * **Eat:** A distinct, satisfying "CHOMP" or "GULP" sound when consuming smaller fish. * **Growth:** A magical "ding" or rising pitch sound when the player scales up. * **Game Over:** A cartoonish "crunch" followed by a "sad trombone" or bubble deflation sound. ### 3. Gameplay Loop * **Core Mechanic:** The "Eat or Be Eaten" logic. * **Collision Detection:** Use simple bounding box (AABB) or radius-based collision. * **Logic:** On collision, compare `Player.scale` vs `Enemy.scale`. * If `Player > Enemy`: Destroy enemy, increase Player score, increase Player scale by `Enemy.mass * 0.1`. * If `Player < Enemy`: Trigger Game Over state (turn player into a skeleton sprite or particle explosion). * **Spawning System:** Enemies spawn just outside the screen viewport (left and right edges) and swim horizontally across to the other side. * **Difficulty Curve:** Spawn rates increase over time. Ensure a fair mix of "edible" (smaller) and "dangerous" (larger) fish spawns based on the player's current size. * **Win/Loss:** Endless survival mode. High score is determined by the maximum size reached before dying. ### 4. Mobile Controls & Interaction * **Control Scheme:** **Floating Virtual Joystick**. * Since the player needs to see enemies coming from all sides, do not use a fixed joystick. * Wherever the player touches the screen, that becomes the center of the joystick. Dragging directs the fish. * Movement should have slight "underwater inertia" (lerp) rather than snapping instantly to coordinates. * **Screen Orientation:** Force **Landscape Mode** via CSS/Canvas resizing logic to maximize horizontal view distance. * **UI Layout:** * **Score/Size Indicator:** Top-left corner, large font, text-shadow for readability against blue water. * **Pause Button:** Top-right corner (min 44x44px touch target). * **Haptic Feedback:** Trigger `navigator.vibrate(20)` (short light pulse) when eating a fish, and a heavy vibration `navigator.vibrate(200)` on death. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Fishy is a captivating free online arena game that puts you in the depths of the ocean food chain. With an impressive 4.4/5 rating, this underwater survival experience challenges you to grow from a tiny fish into a mighty sea creature through strategic eating and careful navigation.

In this aquatic world, size determines survival. You'll start as one of the smallest fish in the ocean, but with quick thinking and smart decisions, you can evolve into a formidable predator. The game's simple yet engaging concept has made it a favorite among players who enjoy growth-based gameplay and strategic survival mechanics.

Core Features

Evolutionary Gameplay Mechanics

The heart of Fishy lies in its evolution system. Every smaller fish you consume makes you slightly larger, opening up new prey options while potentially making you a target for bigger predators. This creates a dynamic risk-reward system that keeps gameplay exciting and unpredictable.

Intuitive Arena Environment

The ocean arena is beautifully designed with various fish species of different sizes swimming around. Each creature has its own behavior patterns, making the underwater world feel alive and challenging. The environment changes as you grow, with new areas becoming accessible and new threats emerging.

Progressive Difficulty System

As you grow larger, the game becomes more complex. Bigger fish move differently, and you'll need to develop new strategies to continue surviving and thriving. The challenge scales perfectly with your progress, ensuring the game remains engaging throughout your evolution.

Free-to-Play Accessibility

Fishy is completely free to play with no hidden costs or premium features. Simply open your browser and dive into the underwater adventure immediately, with no downloads or installations required.

Game Mechanics

The Food Chain System

Understanding the ocean's hierarchy is crucial for success. Fish are categorized by size, and you can only eat creatures smaller than yourself. This creates natural progression gates that encourage strategic thinking about which fish to target and which areas to explore.

Growth and Evolution

Each successful meal contributes to your growth, but progress isn't just about eating everything in sight. Smart players learn to identify the most efficient prey and develop hunting patterns that maximize growth while minimizing risk.

Operation Guide

Basic Controls

Fishy features simple, intuitive controls that make it accessible to players of all ages:

  • Mouse Movement : Navigate your fish by moving your mouse cursor around the screen
  • Click and Hold : Some versions allow clicking to boost swimming speed temporarily
  • Screen Boundaries : Stay within the visible area to avoid losing track of your fish

Survival Strategies

Early Game Tips

  • Focus on the tiniest organisms first to build initial size
  • Stay near the edges of the screen where fewer large predators patrol
  • Learn to recognize size differences quickly to avoid dangerous encounters

Advanced Techniques

  • Use larger fish as shields against even bigger predators
  • Develop efficient swimming patterns to cover more territory safely
  • Learn predator behavior patterns to predict their movements

Avoiding Predators

The key to long-term survival is predator avoidance. Larger fish move in predictable patterns, and experienced players learn to read these movements. When a dangerous fish approaches, quick directional changes and using environmental obstacles can mean the difference between survival and becoming fish food.

Why Play Fishy

Perfect for Quick Sessions

Fishy is ideal for both short gaming breaks and extended play sessions. Each round can last anywhere from a few minutes to half an hour, depending on your survival skills and growth progress.

Universal Appeal

The game's simple concept and cute underwater theme make it enjoyable for players of all ages. Whether you're a casual gamer looking for relaxing entertainment or a competitive player aiming for high scores, Fishy delivers engaging gameplay.

No Commitment Required

As a browser-based game, Fishy requires no installation, account creation, or ongoing commitment. Jump in whenever you want a quick underwater adventure, and leave whenever you're ready.

Skill Development

Despite its simple appearance, Fishy helps develop important gaming skills including spatial awareness, quick decision-making, and strategic planning. These skills transfer well to other games and real-world applications.

Stress Relief

The underwater environment and gentle gameplay mechanics make Fishy an excellent stress-relief activity. The repetitive nature of swimming and eating can be meditative, while the occasional excitement of avoiding predators keeps you engaged.

Frequently Asked Questions (FAQ)