Learn-Spanish-Phaser

Learn Spanish! – Interactive Language Game

Welcome to Learn Spanish!, an interactive, browser-based game designed to make vocabulary learning fun and engaging. Built with the Phaser 3 game engine, this project combines visual feedback, audio pronunciation, and gamified scoring to help players master basic Spanish nouns.

🚀 Live Demo

You can play the game online here: https://MSMITH71910.github.io/Learn-Spanish-Phaser/ I haven’t set it up on browser yet Link not working right now. you can still clone it.

🎮 Game Features

• Player Personalization: Start the game by entering your name for a customized experience.
• Interactive Vocabulary: Explore a vibrant city scene where objects like houses, cars, trees, and buildings come to life.
• Audio Feedback: Every object features native Spanish pronunciation audio when prompted.
• Progress Tracking: A real-time scoring system and progress monitor that ends the game once all objects are identified.
• Engagement Tweens: Smooth animations (scaling, rotating, and transparency) provide clear visual cues for correct and incorrect answers.
• Replayability: A dedicated “Game Over” screen that allows you to jump right back into the action.

🛠️ Built With

• Phaser 3: A fast, free, and fun open-source framework for Canvas and WebGL browser games.
• JavaScript (ES6+): Core game logic, state management, and scene transitions.
• HTML5/CSS3: Game container styling and DOM-integrated UI elements.

📂 Project Structure

• js/: Contains the game logic (game.js) and the Phaser engine.
• assets/images/: Visual elements including the city background and interactive sprites.
• assets/audio/: Spanish pronunciations and UI sound effects.
• index.html: The entry point for the web application.

🔧 How to Run Locally

1. Clone this repository:

   git clone https://github.com/MSMITH71910/Learn-Spanish-Phaser.git
   

2. Open index.html in your browser. Note: Because of browser security (CORS), it is recommended to run this through a local server (like Live Server in VS Code) to ensure audio and images load correctly.

👤 Author

MSMITH71910

• GitHub: @MSMITH71910

📄 License

This project is open-source and available under the MIT License.

This site is open source. Improve this page.