Web Animation · Exercise 1 of 4Next
Beginner
Tame the bounce
Go sends the ball 160 px with a spring (stiffness 170, mass 1) and it bounces far too much.
Change only the damping so the ball overshoots by at most 3% (4.8 px) and is within 2 px of 160 after one second.
What Check tests
- It moves, and the overshoot is at most 3%
- After about one second it is within 2 px of 160
- It ends exactly on 160
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s
Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.
frames
Console
Nothing logged yet.