Skip to content

๐ŸŽฎ Platformer game built with Phaser.js ๐ŸŒŸ Collect coins ๐Ÿช™ avoid bombs ๐Ÿ’ฃ jump through fun levels!

License

Notifications You must be signed in to change notification settings

TorresjDev/JS-Phaser-Game-Jumper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

99 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Jumper - A Phaser 3 Platformer Game

Game Logo

๐Ÿš€ Description

Welcome to Jumper, an exciting platformer game where you control a nimble character to collect coins, avoid bombs, and navigate through dynamic levels! Designed with Phaser 3, this project features an intuitive main menu, smooth preloading, challenging gameplay, and a dramatic game over sequence. Let the adventure begin! ๐ŸŒŸ


๐Ÿ“‹ Table of Contents


๐Ÿ”ง Features

  • Responsive scaling for all screen sizes ๐Ÿ“ฑ๐Ÿ’ป
  • Engaging animations and sound effects ๐ŸŽถโœจ
  • Retro-inspired pixel art ๐Ÿ”น๏ธ
  • Fully modular code structure for easy maintenance ๐Ÿ› ๏ธ
  • Transparent assets and organized folder structure ๐ŸŽจ

๐Ÿ—‚ Project Structure

The repository is organized as follows:

jumper/
โ”œโ”€โ”€ assets/                # Game assets
โ”‚   โ”œโ”€โ”€ images/            # Images and sprites
โ”‚   โ”œโ”€โ”€ audio/             # Audio files
โ”œโ”€โ”€ src/                   # Source code
โ”‚   โ”œโ”€โ”€ scenes/            # Game scenes (Boot, Preloader, MainMenu, etc.)
โ”œโ”€โ”€ index.html             # Entry point for the game
โ”œโ”€โ”€ README.md              # Documentation
โ”œโ”€โ”€ style.css              # Game styling
โ”œโ”€โ”€ package.json           # Project dependencies

Key Files:

  • index.html: The starting point of the game. Loads all scripts and styles.
  • src/scenes/: Contains individual scene files, such as:
    • Boot.js - Initializes the game.
    • Preloader.js - Loads assets.
    • MainMenu.js - Displays the main menu.
    • Game.js - The core gameplay logic.
    • GameOver.js - Game over screen logic.

๐Ÿ”ง Installation

  1. Clone the repository:

    git clone https://github.com/your-username/jumper.git
  2. Navigate to the project directory:

    cd jumper
  3. Install dependencies:

    npm install
  4. Serve the project locally:

    npm start

๐ŸŽฎ Usage

  1. Launch the game:
    • Open your browser and navigate to http://localhost:8080.
  2. Use arrow keys to control your character:
    • Left/Right: Move the character.
    • Up: Jump.
  3. Collect coins and avoid bombs to increase your score!

๐ŸŽฎ Game Scenes

๐Ÿš€ Boot

Initializes the game and preloads essential assets.

๐Ÿš€ Preloader

Loads game assets, including images, sprites, and audio.

๐Ÿš€ MainMenu

Displays the main menu with an option to start the game.

๐Ÿš€ Game

The core gameplay happens here! Control your character, collect coins, and dodge bombs.

๐Ÿš€ GameOver

Shows the game over screen when you lose.


๐ŸŽจ Contributing

  1. Fork the repository.
  2. Create a new branch for your feature:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add a new feature"
  4. Push to the branch:
    git push origin feature-name
  5. Open a pull request.

๐Ÿ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.


๐ŸŽ‰ Thank you for exploring Jumper! Feel free to contribute, share, and play! ๐Ÿ’ป๐Ÿ”น๏ธ