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

• Aston Turner - Aston13

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

Acknowledgments

• Popmotion (open source) contributors.