Giter Club home page Giter Club logo

dsdmark / bouncingballsimulation Goto Github PK

View Code? Open in Web Editor NEW
8.0 0.0 0.0 2.67 MB

The fundamental idea of programming mathematics is to move the element in a random way. Where the many regulations and requirements are

Home Page: https://www.dsdmark.systems/

License: MIT License

HTML 17.89% JavaScript 76.25% CSS 5.86%
bouncing-ball html random-moveing-ball css javascript ball browser game ball-simulation collaborate github github-pages learn

bouncingballsimulation's Introduction

GitHub tag (latest by date) Githun tag GitHub language count GitHub last commit

BouncingBallSimulation


Purpose

Moving the element in a random direction is the basic concept behind programmatic mathematics. Where the different rules and conditions are. This is a simple web Application that's show you how things are work in mathematical way.


How it's works

Here is the references material

We use the angle for moving ball and calculate Cos/Sin again and again. If you want to go in advance them you can calculate with use unit velocity direction vector with components. And when ball get hit the wall we change the angle by use of 180/360.

Here is the all material if you want to understand how is works. You need these videos for better understanding.

How to use

  1. Click on green Clone or download button and choose Download ZIP.
  2. Find the downloaded zipped file on your pc and extract it.
  3. Go to folder. Inside the folder you will find a file named index.html.
  4. Double click on index.html file and your browser wlicenseill open (or maybe just a new tab) and you will see the reuslt.
  5. If for whatever reason your browser does not open, right click on index.html file go down to Open with and choose your web browser. This will open the browser and launch it.

Once you are done playing you can close the tab in your browser.


Try out BouncingBallSimulation Demo:-

BouncingBall Demo

BouncingBall

BouncingBall preview

If you have any issues with the feel free to let me know!

If you are more interested, check out the collection of others DSDmark Repos.


bouncingballsimulation's People

Contributors

dsdmark avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bouncingballsimulation's Issues

Documentations improvements

What version of this package are you using? First release

What operating system, Node.js, and npm version? Linux, v12.22.9, 8.5.1

What happened? Nothing serious, problems in documentation files like few typos, lack of images, broken links.

What did you expect to happen?

Are you willing to submit a pull request to fix this bug? Yes if I have enough time.

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.