Easter Eggs

• A 2D game with vanilla JavaScript, HTML5, CSS3 and HTML Canvas.

Table of Contents

• Project Name
  • Table of Contents
  • About the Project
  • Demo
  • Built With
  • Getting Started
    • Prerequisites
    • Installation
  • Contributing

About the Project

• Used HTML5, CSS3 and plain vanilla JavaScript to build a game from scratch.
• Controls the FPS of the game and measures time to trigger periodic events.
• Used built-in drawImage method to draw randomized game environments and animated characters from a sprite sheet.
• Captures mouse position and animate an 8 directional sprite sheet based on the relative position between the mouse and the player character.
• Implemented a very simple AI to make the creatures feel alive.
• Applied collision detection algorithm to resolve collisions and use that to simulate physics.
• Feature to restart the game by pressing a button.

Demo

• A live demo of the project can be found here

Built With

• NPM
• Parcel
• React

List the main technologies and libraries used in your project.

Getting Started

Provide instructions on how to set up the project locally. Include prerequisites and installation steps.

Prerequisites

• Node.js & npm installed

Installation

1. Clone the repo

   git clone https://github.com/GowthamGoush/EasterEggs.git

2. Install NPM packages

   npm install

3. Start the local server

   npm start

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request