Login   Register  

Gravity: Animate page elements using the laws of physics

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Arturs Sosins
Name: Arturs Sosins <e-mail contact>
Packages: 46 Browse all classes by Arturs Sosins Browse all classes by
Country: Latvia Latvia - JavaScript jobs in Latvia
Age: 26
All time rank: 1
Week rank: 4 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 3x

Winner: 3x

  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can animate HTML page elements using the laws of physics.

It uses the Box2DWeb library to animate given page elements so they move, rotate and collide according to laws of physics.

The gravity acceleration and direction is a configurable options. Given callback functions may be invoked when objects collide. Objects speed and rotation may be affected when the user drags them using the mouse pointer.

Each page element be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.

  Classes of Arturs Sosins  >  Gravity  >  Download Download .zip .tar.gz  >  Support forum Support forum (3)  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: Gravity
Base name: gravity
Description: Animate page elements using the laws of physics
Version: 1.0
JavaScript version: 1.0
License: BSD License
All time users: 505 users
All time rank: 34
Week users: 3 users
Week rank: 15 Up
  Groups   Video Tutorials   Rate classes User ratings  
  Applications   Related links   Files Files  

Group folder image Animation Animation effects View top rated classes

  Tutorial videos and presentations  
Apply physics to HTML elements
Title Description Duration
Video Apply physics to HTML elements Apply physics to HTML elements webcodingeasy.com www.screenr.com 00:00:48

  User ratings  
RatingsUtility Consistency Documentation Examples Tests Videos Overall Rank
All time: Perfect (100.0%) Good (87.5%) - Perfect (100.0%) - Sufficient (75.0%) Sufficient (76.2%) 3
Month: There are not enough user ratings to display for this class.

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related links  
Link Description
Gravity class documentation Documentation and example scripts in action
Box2dWeb Library this class uses

  Files folder image Files  
File Role Description
Plain text file gravity.js Class Main class source
Plain text file gravity.packed.js Class Main class packed
Plain text file Box2dWeb-2.1.a.3.min.js Class Box2dWeb library
Accessible without login Plain text file dragging_example.html Example Applying physics to form and dragging objects
Accessible without login Plain text file example.html Example Multiple elements, torque and impulse
Accessible without login Plain text file simple_example.html Example 1 static and 1 dynamic objects

Install with Composer Install with Composer - Download Download all files: gravity.tar.gz gravity.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.