slowmo

1 min read Original article ↗

Slow down, pause, or speed up time of any web content.

Debug animations, study cool demos, and make games easier or harder.

Quick Start

import slowmo from "slowmo"

slowmo(0.5)  // half the speed of time

Try It

Drag outer edge to change speed. Click center to pause.

requestAnimationFrame

JS animation loop

Web Animations API

element.animate()

Full API

import slowmo from "slowmo"

slowmo(0.5)           // half speed
slowmo(2)             // double speed
slowmo(0)             // pause
slowmo(1)             // normal

slowmo.pause()        // pause all
slowmo.play()         // resume
slowmo.reset()        // back to 1×
slowmo.getSpeed()     // current speed

Inspired by agentation by Benji Taylor and his related blog posts