Working on some new interactive examples for my animation course to help you understand how spring and easing curves work. You’ll be able to drag and interact with everything yourself to see how your changes affect the animation in real time.

These look great @emilkowalski - the dotted line joining the node to the values in particular is 🤌

Fantastic as always Emil

this looks amazing

This looks very very yummy and I am excited to dig in

i was building something similar recently (plotting math functions) and yours looks smoother can you share a bit about the tech stack here? what’s plotting these graphs? threejs?

It’s all canvas and svgs. The aesthethic and motion comes from my interaction lab that I just refined overtime.

any open source i can look at? this looks very nice

Was going to buy it yesterday, saw that it‘s closed 👀 Looking forward to buy once it‘s open again

You're so unbelievably good at motion

Fire 🔥

i've been eyeballing cubic-bezier values for years, this would've saved me

It is technically still possible to enroll on your page eventhough its closed, if i pay the 299 will you honor it or?

springs that bounce back. unlike me on a monday

Wow, this is stunning. Pretty hyped to see it in action!

我上高中的时候要是有这个东西就好了

showing the little spring diagram next to the curve is what makes it click. stiffness and damping finally feel physical instead of magic numbers

man you are the real 🐐

reminds me of something that @fishnets88 did with @marimo_io

yeah dragging the curve yourself teaches easing in a minute, reading about it never did

👌👌

dragging the numbers and watching the curve settle, perfect way to learn

letting people drag it is the right call. stiffness and damping numbers never told me much, seeing the overshoot change live does

my guy

Sudden flashback to secondary school mechanics. Good times

As a mechanical engineer turned software dev, I love the art style.

Excited to dig into this!

would love a velocity line under the position curve. that's where springs click for people: interrupt one mid-flight and it keeps its speed, an ease just starts over from zero

How much of working with animations is the feeling or taste, and how much of it is a kind of engineering and repeatable rules?

So cool :)

The curves are the easy part. The real pain starts when a drag interrupts a running spring mid-flight — you need velocity handoff or it snaps. Hope the examples cover interruption, that's where most people's springs fall apart.

dudeee 🤌

i like this

Building something similar what do you think?