Guest Tutorial #3: Spring Animations and p5.js with Val Head

From the creator

In this guest tutorial, Val Head uses the p5.js library to create a simple spring animation (without the use of a separate physics engine!) This video has some audio problems towards the end. Sorry about that and I hope that you still enjoy this tutorial! Val is a designer and web animation consultant with a talent for getting designers and developers alike excited about the power of animation. She is the author of The Pocket Guide to CSS Animations and Designing Interface Animation. She shares her passion for animation and UX by curating the UI Animation Newsletter, hosting the All The Right Moves screencast, and cohosting the Motion and Meaning podcast. p5.js: https://p5js.org/ Codepen links: The one built in this video: http://codepen.io/valhead/pen/fa66f4df2b783d245632f1cc24e71929?editors=0010 Version with sliders: http://codepen.io/valhead/full/7d0081669a31715fe9f3997a3cb4d8f4/ Mouse chaser: http://codepen.io/valhead/pen/71a2bbae0d73c5c66b9c6707fc3f9d44?editors=0010 Val Head's website: http://valhead.com/ Twitter account: https://twitter.com/vlh Val's Book - Designing Interface Animation: http://rosenfeldmedia.com/books/designing-interface-animation/ Web Animation Workshops: https://webanimationworkshops.com/ For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! h

Published 2016-12-20 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.