Bad Apple, but is rendered using HTML checkboxes

1. About the Project

This is a recreation of Bad Apple. Each frame is rendered using HTML checkboxes.

2. How to run the project

1. Clone the Repository: Start by cloning the project repository from GitHub using the following command:

  git clone https://github.com/irqd/bad-apple.git

2. Install Dependencies: Next, navigate to the project directories and install the project dependencies using the following command (Nothing much to install really, I just used vite to make it easier to run the project):

  cd src

  npm install

3. Run the Project: Finally, run the project using the following command:

  npm run dev

Sample gif:

This sample was recorded on 4fps, then editted the playback to 7.5 to achieve 30fps.

Disclaimer:

I do not own the frames provided in this repository. It is only included to make it easier to run the program.