8 Amazing Javascript Experiments of Physic and Gravity Simulation

Introduction

In this list I have gathered 8 examples/experiments that apply physics and gravity to demonstrate the power of Javascript. Few years back, all of these experiments must be done using Java or Flash, I don't think we can implement this using Javascript because of the standard and browsers.

A lot of stunning examples in this list, personally, I like the Cloth Simulation a lot, I just can't believe it's built with Javascript.

• Cloth Simulation
  
  This amazing javascript experiment demonstrate the power of javascript. Few years back, this wasn't achievable and I think you only can do it with Java or flash. Pretty impressive and the creator uses javascript physics library called Processing.
• Random Arboretum
  
  Yet another physic experiment that uses the javascript physic library called Processing. Everytime you click on it, it will generate a radom branch. Look at the way it shakes and move, it's really nice.
• Box2DJS
  
  Box2D is an open source physics engine written primarily for games. As the name suggests, Box2D is a purely 2D engine. BOX2DJS is a Javascript port of BOX2D.
• Ball Pool
  
  Start by shaking the browser, then create new balls (click on empty space), move some others (drag) and reset the screen (double click). Stunning gravity and physic demonstration!
• Google Gravity
  
  What will happen when we put gravity on every single elements in Google's homepage?
• Wavy Scrollbars
  
  A very creative use of scrollbar to simulate wave effect. Best view with chrome, firefox is a bit laggy.
• Waterfall
  
  Balls falling on an hidden random terrain. This experiment is using physic simulation trought the library box2djs.
• physicSketch
  
  When you draw something on a canvas, it starts moving under the Newtonian law.

• TAGS:
• Animation
• Canvas
• Inspiration
• Javascript
• SVG