https://github.com/adastra97/way-home

Game using Phaser 3.6 library & vanilla JS
https://github.com/adastra97/way-home

firebase-database game phaserjs vanilla-javascript vite

Last synced: 12 days ago
JSON representation

Game using Phaser 3.6 library & vanilla JS

• Host: GitHub
• URL: https://github.com/adastra97/way-home
• Owner: adAstra97
• Created: 2023-09-03T11:19:24.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-28T09:57:38.000Z (about 1 year ago)
• Last Synced: 2024-10-17T17:49:34.620Z (29 days ago)
• Topics: firebase-database, game, phaserjs, vanilla-javascript, vite
• Language: JavaScript
• Homepage: https://way-at-home.netlify.app/
• Size: 17.2 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Game "A way at home"

This is my own game, made as a final project in frontend courses. The main goal is to help the kitten get home by collecting treasures and defeating monsters.

## Table of contents

- [Overview](#overview)

  - [Information](#information)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [What I learned](#what-i-learned)

## Overview

### Information

 - Before the game starts, all necessary resources (audio, images) are loaded. After the loading is complete, the main menu opens, where you can start the game, turn off the sound, view the leaderboard, and also expand the game beyond the browser. When you click the Play button, a window with game information and control keys opens, as well as a message that you need to press the Enter key to start the game.

- The game consists of 5 levels with their own music and atmosphere. The kitten has only one life, so if the character dies, you will have to start over! If the player comes into contact with water or an enemy, the Game over scene opens, where pressing the Enter key redirects to the main menu.

- After completing all 5 levels, a window appears congratulating you on successfully completing the game. And if you scored a record number of points, you will be offered to immortalize your name on the leaderboard!

### Screenshot

![](./main.png)

### Links

- [Live Site URL](https://way-at-home.netlify.app/)

## My process

### Built with

- HTML

- CSS

- Vite

- JavaScript

- Phaser JS

- Firebase

- Tiled

- Texture Packer GUI

### What I learned

Creating games using the Phaser JS library, creating maps in the Tiled program, using and configuring the Vite build tool, creating sprites.