https://github.com/iamralpht/gravitas.js
Super fast physics simulations for JavaScript
https://github.com/iamralpht/gravitas.js
Last synced: 4 months ago
JSON representation
Super fast physics simulations for JavaScript
- Host: GitHub
- URL: https://github.com/iamralpht/gravitas.js
- Owner: iamralpht
- License: apache-2.0
- Created: 2015-01-18T00:31:35.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-05-31T00:26:14.000Z (over 10 years ago)
- Last Synced: 2025-04-14T22:08:31.343Z (8 months ago)
- Language: JavaScript
- Size: 1.36 MB
- Stars: 162
- Watchers: 11
- Forks: 17
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- motion-ui-design - Gravitas.js
README
# gravitas.js
Super fast physics simulations for JavaScript
For usage look at http://iamralpht.github.io/physics
## Live examples
These are all from the article linked above, and are in the tree in `examples/`
* [Android Wear back gesture](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/AndroidWear/index.html)—physics animations vs CSS transitions
* [Springy Button](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/Buttons/index.html)—simple spring usage
* [Various Falling Dialogs](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/FallingDialogs/index.html)—using the `Fall` simulation, which combines `Gravity` with a `Spring` for a soft landing
* [Windows 8 Lock Screen](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/LockScreen/index.html)—using `GravityWithBounce`, which is a hard landing
* [Vertical Scrolling](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/Scrolling/index.html)—combining `Friction` with a `Spring` to make springy scrolling, now with a more iOS-like overscroll equation
* [iTunes Radio continuous scrolling](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/iTunesRadio/index.html)—constant velocity combined with `Friction` to create an interactive continuous scrolling list
* [Floating Action Button](https://cdn.rawgit.com/iamralpht/gravitas.js/master/examples/FloatingActionButton/index.html)—uses multiple `Spring`s and some state to create a Floating Action Button that works in one continuous gesture