Skip to content

Commit 9b3dcae

Browse files
prasanth2817prasanth2817
committed
add: Fish Feeder Game
1 parent ba49754 commit 9b3dcae

File tree

12 files changed

+515
-0
lines changed

12 files changed

+515
-0
lines changed

‎projects/fish-feeder-game/README.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
# 🐟 Fish Tank Feeder Game
2+
3+
A fun browser-based interactive game where you feed moving fish with food pellets! Score points by dropping food and watching the fish eat them. Every 10th pellet is special and gives bonus points!
4+
5+
---
6+
7+
## 🚀 Features
8+
9+
- 🎮 Click anywhere to drop food for the fish
10+
- 🐠 Fish swim randomly around the tank
11+
- 🍽️ Fish eat pellets when they're close enough
12+
- 💯 Score increases when fish eat food
13+
- 🌟 Every 10th food pellet:
14+
- Is **twice the size**
15+
- Awards **+20 points**
16+
17+
---
18+
19+
## 🛠️ Technologies Used
20+
21+
- HTML5
22+
- CSS3
23+
- JavaScript
24+
25+
---
26+
27+
## 📝 Game Rules
28+
29+
- Click to drop food — timing and placement matter
30+
- Fish will eat pellets that are close to them
31+
- You get:
32+
- **+10 points** per regular pellet eaten
33+
- **+20 points** per special (10th) pellet eaten
34+
- Game runs on a **120-second timer**
35+
36+
---
37+
38+
## 📁 File Structure
39+
40+
fish-feeder-game/
41+
42+
├── assets/img
43+
├── index.html
44+
├── style.css
45+
├── script.js
46+
└── README.md
47+
48+
## 📷 Screenshots:
49+
50+
![Screenshot](./assets/img/Fish-Tank-Feeder-Game.png)

‎projects/fish-feeder-game/assets/img/Fish-Tank-Feeder-Game.png

134 KB
Loading

‎projects/fish-feeder-game/assets/img/fish1.png

22.5 KB
Loading

‎projects/fish-feeder-game/assets/img/fish1.svg

Lines changed: 16 additions & 0 deletions
Loading

‎projects/fish-feeder-game/assets/img/fish2.png

14.5 KB
Loading

‎projects/fish-feeder-game/assets/img/fish2.svg

Lines changed: 20 additions & 0 deletions
Loading

‎projects/fish-feeder-game/assets/img/fish3.svg

Lines changed: 21 additions & 0 deletions
Loading

‎projects/fish-feeder-game/assets/img/fish4.svg

Lines changed: 21 additions & 0 deletions
Loading

‎projects/fish-feeder-game/assets/img/tank-bg.svg

Lines changed: 54 additions & 0 deletions
Loading

‎projects/fish-feeder-game/index.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Fish Tank Feeder Game</title>
7+
<link rel="stylesheet" href="../fish-feeder-game/style.css" />
8+
<script src="./script.js"></script>
9+
</head>
10+
<body>
11+
<div class="tank" >
12+
<span class="score" id="score" ></span>
13+
<div id="timer">Time Left: 120s</div>
14+
<button id="restartBtn" >🔄 Restart Game</button>
15+
<img class="fish" id="fish1" src="assets/img/fish1.png" alt="fish1" />
16+
<img class="fish" id="fish2" src="assets/img/fish2.png" alt="fish2" />
17+
<img class="fish" id="fish3" src="assets/img/fish1.png" alt="fish3" />
18+
<img class="fish" id="fish4" src="assets/img/fish2.png" alt="fish4" />
19+
<div id="instructions">Click anywhere to drop food pellets for the fish!</div>
20+
</div>
21+
</body>
22+
</html>

0 commit comments

Comments
 (0)