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.

AdvertisementWe provide fast success in JK0-016 exams by using our high quality cisco braindumps prep resources. We offer up-to-dated 642-415 dumps & E20-001 dumps with definite guarantee of 642-262 success.

Show Some Love, Spread This Post!

24 comments

Daniel Blythe Tue, 15th May 2012 Hi,

***PROBLEM***
The google gravity script taken from here (http://code.google.com/p/gravityscript/) doesn't appear to work probably on the Safari browser. /yet Mr Doob's google gravity script works fine on Safari. Does anyone know why this might be???

Thanks
Reply
andrew Sat, 26th November 2011 these are so cool
Reply
Michal Budzynski Sun, 5th June 2011 "I like the Cloth Simulation a lot, I just can't believe it's built with Javascript." It isn't, it's Java.
Reply
asd Mon, 9th January 2012 http://psi.cc/proj/traer-js/cloth.html there is javascript version
asd Tue, 10th January 2012 I just created high quality version of javascript cloth simulation. I'd say it's very cool. Look there:
http://www.elisanet.fi/miroh/tied/cloth2.html
kingbullet Thu, 15th March 2012 Hi your doing amazing one very nice to see. Well great work ya.....
sharkman Mon, 2nd April 2012 What is this?
Dave Sun, 19th December 2010 http://www.addeffects.net has 50 more webpage effect experiments and you can use any site (even works in IE too).

Ex: http://www.queness.com.addeffects.net/post/3296/8-amazing-javascript-experiments-of-physic-and-gravity-simulation
or http://www.google.com.addeffects.net/
Reply
hey Thu, 25th August 2011 nice
Flash Monkey Sat, 6th November 2010 here is some JavaScript physics stuff I made that people might find useful:

http://www.flashmonkey.co.uk/simple-javascript-physics/

(sorry shameless self promotion)
Reply
Christoph Pacher Fri, 5th November 2010 Hi,
I built an open source JavaScript Physics Library. It can be used together with Scriptaculous effects and can draw lines, and that all without HTML5. have a look https://github.com/ChristophPacher/JavaScript-Physics-Library
and more Information on my blog:
http://www.christophpacher.com/blog/javascript-physics-library/
Reply
samson Tue, 26th October 2010 Nice and awesome roundup, it shows the next level of design..
Reply
bubbles Wed, 9th June 2010 nice one.
love it.
like it.
Reply
JavaScript Countdown Timer Tue, 25th May 2010 that's all cool & great js simulations, thank you very much for sharing.

Can you give me favor to <a href="http://www.javascriptbank.com/submit/">share this post</a> on my JavaScript library?


Awaiting your response. Thank
Reply
Vinh Khoa Thu, 20th May 2010 The cloth one is awesome, but the google gravity made me literally laughing! It's so funny to see google "fail" although it never will :-)
Reply
mohit Wed, 19th May 2010
nice collection. I am a visiting first time this site and i think its awesome..
visit this site movies.ewebtutorial.com
Reply
vinit pratap singh Sun, 16th May 2010 nice one.. love it... like it
Reply
kevin Thu, 13th May 2010 arr... didnt realize the first two were made with Java...! sorry for that :p
Reply
Maeshiro Wed, 12th May 2010 The first two examples use java applets not javascript, unfortunately ...
Reply
Sumeet Chawla Tue, 11th May 2010 Really cool experiments. You should have tried to build some game out of these :P
Reply
Brian Melancon Tue, 11th May 2010 FYI, Processing is a programming language based on Java, not Javascript. The first two examples are nice physics demos, but are examples of Processing.
Reply
Lars Tue, 11th May 2010 really exciting examples!
Reply
web firenze Tue, 11th May 2010 very funny javascript ;-)
Reply
Mehdi Mousavi Tue, 11th May 2010 Absolutely coooool....
Reply

Leave a comment

Have something to say? Drop a comment! No HTML tags are allowed in the comment textfield.

Advertisement