https://github.com/shuaib-code/bouncing-balls

An exploration of JavaScript Object-Oriented Programming (OOP) through a bouncing balls animation demo from MDN Web Docs
https://github.com/shuaib-code/bouncing-balls

bouncing-ball canvas class oop

Last synced: 3 months ago
JSON representation

An exploration of JavaScript Object-Oriented Programming (OOP) through a bouncing balls animation demo from MDN Web Docs

• Host: GitHub
• URL: https://github.com/shuaib-code/bouncing-balls
• Owner: shuaib-code
• Created: 2025-05-14T12:22:13.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-05-15T06:52:57.000Z (12 months ago)
• Last Synced: 2025-06-12T11:41:46.583Z (11 months ago)
• Topics: bouncing-ball, canvas, class, oop
• Language: HTML
• Homepage: https://shuaib-code.github.io/bouncing-balls/
• Size: 22 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Vue Unpkg](https://raw.githubusercontent.com/shuaib-code/bouncing-balls/refs/heads/main/public/demo.png)](https://mohammad-shuaib.vercel.app/)

# 🎾 Bouncing Balls – JavaScript OOP Demo

This project demonstrates the use of **Object-Oriented Programming (OOP)** in JavaScript with a fun and interactive bouncing balls animation.

Inspired by the [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object_building_practice) tutorial, this project visualizes how objects can interact and animate on an HTML ``.

---

## 📂 Technologies Used

- HTML5 Canvas

- Vanilla JavaScript

- Object-Oriented Programming (OOP)

---

## 📜 License

MIT License – feel free to use, modify, and share.