Experiments >

Code editor variable durations

Experiment #174th March, 2021by Joshua Nussbaum

Started working on some refactorings to add more animation capabilities. Essentially, I would like to be able to tween everything with easing, including typewriter effect speed.

Currently, the steps in the timeline were happening sequentially, and each step had the same duration. So I refactored the code to allow each step to have it’s own duration.

I also added the ability for a step to define a pause. Without it, each step bleads into the next and it can be difficult to follow when something finished and when it started.

Here’s the code:

joshnuss/svelte-codemirror-test@4fcaa2b

view all experiments

Stay tuned in

Learn how to add more experimentation to your workflow