🎮 Fish Raising Game

1️⃣ 👉 Game Overview

Game Link : https://shinjuno123.github.io/fish-raising-game-deploy/

This game is fish-raising-game. "user" fish can eat other "mob" fishes if the size of "mob" fishes are smaller than user fish. You can win this game when you reach at size 300 within 200 sec.

2️⃣ 👉 Game Control

Keyboard Only

• ⬆️ Arrow Up : Go Up
• ⬇️ Arrow Down : Go Down
• ⬅️ Arrow Left : Go Left
• ➡️ Arrow Right : Go Right

3️⃣ 👉 User & Mob

User

This is your fish. Upper number represents the size of the corresponding fish

Mob

This is mob fish. Upper number represents the size of the corresponding fish

4️⃣ 👉 Game objects

Sea anemone

Your fish's size gets smaller when your fish touches these sea anemones.

Sea weed

All fishes including your fish can hide in the sea weed.

Rock

This is a geographical factor.

5️⃣ 👉 Game Win & Lose Condition

🎉 Win

When your fish reaches at size 300 within 200 sec, You can win this game.

😞 Lose

1. When your fish can't reach at size 300 within 200 sec.
2. When your fish touched bigger mob fishes than yours.
3. When your fish size is smaller than 60 after getting damage from sea anemones.

6️⃣ 👉 Frameworks & Libraries & Technical Stack

• HTML
• CSS
• Javascript
• Bezier Curve(Custom) to implement mob's movement -> https://github.com/shinjuno123/bezier-curve-exercise
• React.js

Paper.js

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. This offers a clean Scene Graph / DOM and powerful functionality to create graphics and bezier curves.

React.js

React is a Javascript Library for building user interfaces.