Coder Social home page Coder Social logo

deepanshu0211 / bouncing-balls-simulation Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 863 KB

This repository contains a simple interactive bouncing balls simulation created using Matter.js, a 2D physics engine for the web. The simulation features colorful balls that bounce off the edges of the canvas and roll in a random direction when they touch the surface.

HTML 0.01% JavaScript 99.99% CSS 0.01%

bouncing-balls-simulation's Introduction

link:- https://deepanshu0211.github.io/Bouncing-Balls-Simulation/

Features

Dynamic Bouncing: Balls dynamically bounce off the canvas edges, creating an engaging visual effect.

Random Rolling: When balls touch the surface, they start rolling in a random direction, adding an extra layer of realism.

Customizable: The number of balls, their appearance, and physics parameters can be easily customized.

Technologies Used

Matter.js: A 2D physics engine that brings realistic physics simulations to the web.

JavaScript: The simulation is implemented using JavaScript for its versatility and compatibility with web browsers.

HTML5 Canvas: The canvas element is utilized to render the visual components of the simulation.

Getting Started

Open index.html in a web browser.

Explore and enjoy the interactive bouncing balls simulation.

Usage

Feel free to experiment with the code, customize the parameters, and integrate the simulation into your web projects. This can serve as a fun and educational addition to your web development portfolio.

Contributing

Contributions are welcome! If you have any suggestions, improvements, or new features, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

bouncing-balls-simulation's People

Contributors

deepanshu0211 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.