Login   Register  
Icontem

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
  Info   Videos Videos   View files View files (6)   DownloadInstall with Composer Download .zip   Reputation   Support forum (3)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2012-07-25 (2 years ago) RSS 2.0 feedStarStarStarStar 77%Total: 521 All time: 33 This week: 44Down
Version License JavaScript version Categories  
gravity 1.0BSD License1.0Animation
Description Author  

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.

Picture of Arturs Sosins
Name: Arturs Sosins <contact>
Classes: 46 packages by
Country: Latvia Latvia
Age: 26
All time rank: 1
Week rank: 3 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 3x

Winner: 3x

Videos  
  • Apply physics to HTML elements
  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

 Version Control Unique User Downloads Download Rankings  
 0%Total:521All time:33
 This week:0This week:44Down
User Ratings User Comments (3)  
 All time
Utility:100%StarStarStarStarStarStar
Consistency:90%StarStarStarStarStar
Documentation:-
Examples:100%StarStarStarStarStarStar
Tests:-
Videos:80%StarStarStarStarStar
Overall:77%StarStarStarStar
Rank:3
 
awesome work !
2 years ago (MacFly)
80%StarStarStarStarStar
You are genius an Physicist.
2 years ago (Nerudo)
70%StarStarStarStar
Once again Arturs does a superb job.
2 years ago (Ron Bigus)
75%StarStarStarStar