Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 1.25 KB

File metadata and controls

32 lines (21 loc) · 1.25 KB

Popmotion

Integerating a JavaScript library from Popmotion into a webpage. The library produces an animation 'spring', that allows the ball* to be dragged by a mouse click and on release, the ball will spring back into the original positon using realistic physics.

*in this case it's essentially a div named class 'box' which is rounded into a ball shape using CSS.

Deployment

1. Any code editor/IDE that supports the languages used
2. Node.js version 8+
3. Install Parcel.js and Popmotion via npm in terminal
4. Run npm init -y in project root to generate package.json
5. Run 'parcel index.html' in terminal

Built With

  • Webstorm - The IDE used.
  • Node.js - To manage JavaScript packages and run a local development server.
  • Parcel.js - To bundle the code together into a package.
  • Popmotion - Animation library.
  • Hyper - Terminal emulator.

Authors

See also the list of contributors who participated in this project.

Acknowledgments

  • Popmotion (open source) contributors.