Motion · Advanced
Motion with weight and intention
A spring-driven interface control that can change direction while moving. Learn to separate targets from current values, bound simulation steps and define predictable settling and reduced-motion behaviour.
Written by Akis Apostoliadis for Skillfolio · 4 written lessons · Self-paced
Checking purchase availability…
Course price: $69 USD, plus applicable tax. One payment for this course. Compare all-course package prices: $29/month or $299 lifetime.
What you’ll make
An interruptible spring control with documented parameters, keyboard behavior and a reduced-motion alternative.
Before you begin
JavaScript animation loops, velocity, basic algebra and DOM pointer events.
Who it’s for
Interaction designers who code and frontend developers refining direct manipulation.
- Spring dynamics
- Interruption
- Direct manipulation
- Motion accessibility
The complete curriculum
Preview the first lesson free. Purchase unlocks the remaining lessons, project and downloads.
Separate the target from the current position
Represent target, current position and velocity as distinct values.
17 min read · 45 min practice · Free preview
Integrate with a bounded step
Integrate a damped spring with consistent units and bounded numerical steps.
17 min read · 60 min practice · Included with purchase
Retarget without restarting the object
Retarget an active spring without discarding its current momentum.
17 min read · 60 min practice · Included with purchase
Define rest and respect preference
Stop a settled simulation and provide an immediate reduced-motion response.
17 min read · 60 min practice · Included with purchase
See the work
An interruptible choice. Completed instructor specimen using fictional teaching material; not a learner result.This course works towards: An interruptible spring control with documented parameters, keyboard behavior and a reduced-motion alternative.
Explore completed teaching examples and the decisions behind them. These are instructor-authored examples, not learner testimonials.
What’s included
- Original written lessons, worked examples and guided practice.
- A course project, review criteria and reference responses.
- Downloadable course materials for purchased lessons.
Explore the course before committing. Start with the free lesson, or compare other courses.