Flappy owl Game

A Phaser 3 Game

Preview

Built With

• HTML5
• CSS
• Phaser 3
• Javascript (ES6)
• Webpack 5
• Microverse game API

Description

Game inspired by the fun and famous mobile game Flappy bird.

Live Demo

Visit Flappy-owl

Prerequisites

• Internet Connection
• Web Browser
• Screen size medium to large (Tablet on landscape, or PC)
• Code Editor
• Node Package Manager (NPM)

Getting Started

• Open your terminal - Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal| Linux: Ctrl + Alt + t
• Navigate to a directory of your choosing using the cd command (e.g: cd my-directory/)
• Run this command in your OS terminal: git clone https://github.com/Diegodsha/Flappy-owl to get a copy of the project.
• Navigate to the project's directory using the cd command

Usage

From within the project directory run npm i then npm build open the index.html file within dist folder on your web browser or after running npm i to install all dependencies run npm start to start a local server.

Testing (JEST)

A script for testing was added, so the user can simply run npm test from within the project's folder to execute all the tests.

Game Design

You're an owl and your main goal is to collect as many coins as possible while you try to avoid a collision with any object
to be part of the top ten best coin collectors, the coins appear between a gap that exists every time a top and bottom pipes appears,
every time you collide with an object or fall down the game will finish and your score will be submitted against the other players
try to beat the rank #1 owl and invite your friends to play.

Every time you restart the game your owls color will change, there are 3 options (red, blue, yellow)

Main Characters

Obstacles and collision objects

Collectables

Loading Scene

Title Scene

Game navigation options

Play

• Starts the game scene

Movement

• Press click or SPACEBAR and the owl will fly
• Try to collect as many coins as possible without falling or hiting any object
• Owl will start to fall down after every click or key press

Game over scene

• When the owl hits ceiling, floor, or any pipe the game will be over and you could choose between 3 options to navigate

Options

• Redirects to the options menu to enable disable the music

Leaderboard

• Displays top ten best scores

Credits

• Show the creator credits

Author

👤   Diego Hernández

• Portfolio: Portfolio
• LinkedIn: diegoshdezaguilar
• GitHub: @Diegodsha
• Twitter: @diegohdezchimo

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Microverse