wilderness-core/examples/basic-tween/src.js

The SVG animation engine behind Wilderness

import { play, render } from '../crude-wilderness-dom'
import { shape, timeline } from '../../src'

const keyframe1 = { type: 'rect', width: 10, height: 10, x: 0, y: 0 }
const keyframe2 = { type: 'rect', width: 10, height: 10, x: 90, y: 90 }

const square = shape(keyframe1, keyframe2)

const animation = timeline(square, {
  alternate: true,
  duration: 2000,
  iterations: Infinity
})

render(document.querySelector('svg'), animation)

play(animation)