visalsrimanga/mini-game-web-app

This mini-game web application is developed using JS (JavaScript), CSS with SCSS, and HTML.

Mini Game Web App with JS

This mini-game web application is developed using JS (JavaScript), CSS with SCSS, and HTML. (Without using any frameworks). Here, the display repaint function (requestAnimationFrame() in JS) is used to call the browser for updating an animation before the next repaint, and also key event handlers in JS were used in the movements. The game character has the ability for moving both left and right sides and also is able to do jumps when needed. (This application only works for desktops)

Languages & Tools

• JavaScript (JS)
• HTML
• CSS with SCSS

Installation

1. Clone the repo git clone https://github.com/visalsrimanga/Mini-Game-Web-App.git
2. Go inside the root directory cd Mini-Game-Web-App
3. Install scss compiler (eg: Sass) if you need to write scss styles by flowing the instructions of https://sass-lang.com/ site.
4. Run sass -w scss:css to start the sass compiler.
5. Run npx serve

step 3 and step 4 are optional. Those will be needed only if you wish to develop this project. (when styling using css, those steps can be neglected)

Play

• Press Left Arrow Key - Run left
• Press Right Arrow Key - Run right
• Press Space - Jump

Demo

• Click here to see the demo website.

version

1.0.0

License

Copyright © 2022. All Right Reserved.
This project is licensed under the MIT License

Contact Details

• Email: [email protected]
• Linkedin: Visal Srimanga