`
buliedian
  • 浏览: 1250541 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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.

转自:http://www.queness.com/post/3296/8-amazing-javascript-experiments-of-physic-and-gravity-simulation

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics