This project features an ASCII animation of "Bad Apple" displayed in a web browser. The animation utilizes ASCII art frames stored in a compressed format, which are displayed in real-time alongside an audio track.
You can view the live demo of the project at emirxk.github.io/bad_apple.
- Real-time ASCII animation synchronized with audio playback.
- Responsive design that maintains a 4:3 aspect ratio.
- Smooth frame rendering at 30 frames per second.
- HTML: For structuring the webpage.
- CSS: For styling the webpage and ensuring a responsive design.
- JavaScript: For managing the animation logic and audio playback.
- LZ-String: For compressing and decompressing frame data.
To run the project locally:
-
Clone the repository:
git clone https://github.com/yourusername/bad_apple.git
-
Navigate to the project directory:
cd bad_apple -
Start a simple HTTP server:
- If you are using Python 3.x, run:
python -m http.server 8000
- If you are using Python 2.x, run:
python -m SimpleHTTPServer 8000
- If you are using Python 3.x, run:
-
Open your web browser and go to
http://localhost:8000/index.htmlto view the project.
- Click the Play button to start the animation.
- Enjoy the nostalgic experience of "Bad Apple" in ASCII format!
Contributions are welcome! If you have suggestions for improvements or new features, feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Special thanks to the creators of the original "Bad Apple" video and song.
- Thanks to LZ-String for the compression library used in this project.
For any questions or inquiries, feel free to reach out to me!