Icontem

Gravity: Animate page elements using the laws of physics

Recommend this page to a friend!
  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 (4 years ago) RSS 2.0 feedStarStarStarStar 77%Total: 625 All time: 23 This week: 37Down
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
  Performance   Level  
Name: Arturs Sosins <contact>
Classes: 50 packages by
Country: Latvia Latvia
Innovation award
Innovation award
Nominee: 7x

Winner: 5x

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:625
This week:0
All time:23
This week:37Down
User Ratings User Comments (3)
 All time
Utility:100%StarStarStarStarStarStar
Consistency:89%StarStarStarStarStar
Documentation:-
Examples:100%StarStarStarStarStarStar
Tests:-
Videos:82%StarStarStarStarStar
Overall:77%StarStarStarStar
Rank:5
 
awesome work !
4 years ago (MacFly)
80%StarStarStarStarStar
You are genius an Physicist.
4 years ago (Nerudo)
70%StarStarStarStar
Once again Arturs does a superb job.
4 years ago (Ron Bigus)
75%StarStarStarStar