Interactive Fishing Game for ESL Students | Editable HTML Classroom Game

 

Play it here > https://teacherkhen.github.io/TeacherKhen-sLearningHubWebsite/

Fishing Vocabulary Adventure is an interactive HTML classroom game designed for ESL/EFL learners. This customizable fishing game allows students to answer vocabulary and image-based questions in an engaging and competitive environment.

The game supports both single-player and team modes, includes sound effects, moving fish animations, editable questions, and offline functionality.

---

Game Features

• Single Player Mode
• Team Competition Mode
• Editable Questions and Answers
• Image-Based Questions
• Background Music and Sound Effects
• Export and Import Save Files
• Offline Compatible
• Touchscreen and Mobile Friendly
• Responsive HTML Game Design

---

How to Play the Game

1. Read the question displayed at the top of the screen.
2. Find the fish carrying the correct answer.
3. Click or tap the correct fish.
4. Correct answers increase the player’s score.
5. Complete all questions to finish the game.

The game can be used for:

• Vocabulary Review
• Grammar Practice
• Science Activities
• Reading Comprehension
• Phonics and Spelling
• Classroom Competitions
• Interactive Review Games

---

How to Edit or Create Questions

Step 1: Open Settings

Click the SETTINGS button inside the game.

Step 2: Open the Question Editor

Select:

Edit/Add Questions

Step 3: Add a New Question

Click:

+ Add New Question

You can:

• Type custom questions
• Add images
• Create answer choices
• Select the correct answer

---

How to Add Images

This game supports image-based questions and answers.

To add images:

1. Copy an image from your computer or browser.
2. Click the image placeholder inside the editor.
3. Paste using:
   • CTRL + V (Windows)
   • CMD + V (Mac)

The game automatically compresses and saves the image.

---

How to Export Your Questions

Exporting is important if you want to:

• Transfer the game to another computer
• Create backups
• Share your game with others
• Preserve your custom questions

Export Steps

1. Open SETTINGS
2. Click:

   Export File
   

3. A JSON file will automatically download.

Example:

fish_game.json

This file stores:

• Questions
• Answers
• Images
• Game settings

---

How to Load Questions on Another Device

1. Move the game folder to another device. [Option 2: Just click the LINK given above]
2. Open the HTML game file. [Option 2: Just click the LINK given above]
3. Go to SETTINGS. 
4. Click:

   Load File
   

5. Select your exported JSON file. Make sure you have the .json file to the same device you're using. 

Your questions and settings will load automatically.

---

Important Folder Setup [Note: This is only if you want to use the HTML file directly on your device]

All files must stay inside the same folder for the game to function correctly.

Fishing Game Folder/
│
├── fishing-game.html
├── underwater.gif
├── catch it.gif
├── ending background.gif
├── fish 1.jpg
├── fish 2.png
├── fish 3.png
├── fish 4.gif
├── background music.mp3
├── correct.mp3
├── wrong answer sound effect.mp3
├── winner sound effect.mp3
├── fish_game.json

If files are moved or missing:

• Images may not appear
• Music may not play
• Animations may break
• Fish graphics may disappear

---

How to Create Similar Games Using AI

You can create or improve similar classroom games using AI coding assistants such as:

• Google Gemini
• ChatGPT
• Claude AI

---

Sample AI Prompts

Master Prompt

Create an interactive HTML fishing game for ESL students.

Requirements:
- Animated underwater background
- Moving fish choices
- Correct and wrong answer system
- Background music
- Team mode and single player mode
- Question editor
- Export/import JSON save system
- Touchscreen compatible
- Mobile responsive
- Allow image-based questions
- Use colorful classroom-friendly design
- Use only HTML, CSS, and JavaScript in one file

Image Support Prompt

Add support for pasted images in both:
- question area
- answer choices

Compress images automatically using canvas.

Save System Prompt

Create an export/import JSON system that:
- saves all questions
- stores images
- restores settings
- works offline

Audio Prompt

Add:
- background music
- win sound
- fail sound
- winner sound

Include volume control and play/pause button.

---

Classroom Applications

• Vocabulary Review Activities
• Interactive Quiz Games
• English Language Practice
• Science and Social Studies Review
• Team Competitions
• Warm-Up Activities
• End-of-Class Review Sessions

"Thank you! Happy learning and teaching, teachers!"