Giter VIP home page Giter VIP logo

endless-forest's Introduction

Logo

Project/Game created by Steven Jack Chung
Project created using Leaderboard API and Phaser 3

‎ ‎ ‎ ‎

Table of Contents

🌳 About Endless Forest

Endless Forest is a platform game based on an endless runner genre. You may have heard about Temple Run, Subway Surfer, and other similar games. Although Endless Forest is a 2D game, it falls in a similar genre with those games.

The story behind Endless Forest is about a Knight walking peacefully, but little did he know, he entered the Endless Forest. Filled with obstacles and monsters, the knight tries to survive by dodging the obstacles and killing the monsters.

The more time survived the highest score.

I implemented a leaderboard showing the Top 5 Ranking High Scores and the rank and score of the current player.

📐 About The Project

Endless Forest is a Phaser 3 project with ES6 support via Babel 7 and Webpack 4 that includes hot-reloading for development and production-ready builds.

This has been updated for Phaser 3.50.0 version and above.

📝 Game Instructions

For the Knight to be able to survive you need to dodge obstacles and kills monsters.

To Jump over obstacles you can use these following keys

    ⌨️ 'W' or 'SPACEBAR'

To Attack monsters you can use these following keys

    ⌨️ 'A' or  🖱️ 'LEFT MOUSE BUTTON'

To Drop faster (like Subway Surfer) you can use these following keys

    ⌨️ 'S' or  🖱️ 'RIGHT MOUSE BUTTON'

Other

The ENTER key is used for basic interaction within the game. These basic interaction includes skip boot scene, start game, submit leaderboard nickname, skip credits scene, etc.

⚒️ Built With Phaser 3

🕹️ Phaser 3

🖥️ Setup

Requirements

Internet Browser (Chrome, Firefox, Opera, etc)

Git for version control.

Node.js is required to install dependencies and run scripts via npm.

Installation

After installing the tools required, go ahead and clone this repository by using Git commands.

    git clone https://github.com/jcy2704/endless-forest.git

Or you can also download this repository and access it with navigation commands.

    cd /path/to/repository/endless-forrest

To be able to run the game smoothly you need to install Node dependencies by typing the following command on your terminal

    npm install

Now you are good to go!

Run Endless Forest

Now that you've installed the repository correctly. Go ahead and test it out by running the following command on the terminal

    npm start

This command will open a localhost:8080 server where it will be running the game until you close the server by using the key combo CTRL + C on the terminal.

And there you are running the game.

Enjoy!

Making Your Own Changes

Available Commands

Command Description
npm install Install project dependencies
npm start Build project and open web server running project
npm run build Builds code bundle with production settings (minification, uglification, etc..)

Writing Code

After cloning the repo, run npm install from your project directory. Then, you can start the local development server by running npm start.

After starting the development server with npm start, you can edit any files in the src folder and webpack will automatically recompile and reload your server (available at http://localhost:8080 by default).

Deploying Code

After you run the npm run build command, your code will be built into a single bundle located at dist/bundle.min.js along with any other assets you project depended.

📜 Acknowledgements and Credits

Background Art

Pixel Art Forest Background by Edermunizz

Background

Character Art

Rogue Knight by Kronovi-

Rogue Knight

Attack

player_jump

Falling

Sound Effects

Super Dialogue Audio Pack (death) by Dillon Becker. This work is licensed under CC BY 4.0

5exuIn


Game Over SFX obtained from Zapsplat

Music

Intro: VGMA Challenge (July 12th Challenge) by Abstraction

Game: A Mystical Journey by FATAL EXIT. Licensed under CC BY 4.0.

Ending: III. Finale: Slowly by Dee Yan-Key. This work is licensed under CC BY-NC-SA 4.0

Font

Arcadia by Alex Wan. This work is licensed under CC BY 4.0

LKtY+p

👤 Author

👤 Steven Jack Chung

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐ Show your support

Give a ⭐️ if you like this project!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.