/html-canvas

This is a basic action game that features two players. It was built using HTML Canvas which is popularly used for 2D games.

Primary LanguageJavaScript

2D Action Game

This is a demo version of a platform action game built following Object Oriented Programming principles. The project was built alongside a Youtube video from one of my favorite coding tutors.

Built With

  • HTML Canvas
  • CSS
  • Javascript
  • GSAP

Live Demo

Click Here

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  1. A code editor
  2. GitBash
  3. GoLive extension

Setup

  1. Open your GitBash and run the command 'git clone https://github.com/godiarksel/html-canvas.git'.
  2. Once cloned, to open the directory with the cloned repo,run the command 'cd html-canvas'.
  3. Run 'code .' to open the project in your default code editor.
  4. Open and inspect the files as you wish.
  5. Click the GoLive button at the bottom right of your screen to run the code for a live demo.

Player Moves

Player one

  • D - Move forward
  • A - Move backward
  • W - Jump
  • S - Attack

Player two

  • Left Arrow Key - Move forward
  • Right Arrow Key - Move backward
  • Up Arrow Key - Jump
  • Down Arrow Key - Attack

Authors

👤 Godfrey Arksel

🤝 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!

Acknowledgments

  • Chris Courses from Youtube, for being a helpful genius.