import { Tween } from "twon"

const progress = { x: 0 }

const tween = new Tween(
    progress,         // Object reference (can be array of number)
    { x: 100 }        // to value
    {
      delay: 1000,    // delay of 1 second before tween
      duration: 2000, // 2 seconds of animation
    }
  )
  .to(                // Chain a tween after
    { x: 50 },
    { duration: 1000 }
  )  

// Check the value after 1.5 sec
setTimeout(() => {
  console.log(progress.x)
}, 1500)

import { SimpleTween, easeInOutCubic } from "twon"

const tween = new SimpleTween(
  [
    5, // from value
    10 // to value
  ],
  {
    delay: 1000, // delay of 1 second before tween
    duration: 2000, // 2 seconds of animation
    ease: easeInOutCubic, // Cubic easing equation
  }
).on('update', console.log) // log on each frame

// or log once after 1.5 sec
setTimeout(() => {
  console.log(tween.getValue())
}, 1500)

import { SimpleTween } from "twon"

const tween = new SimpleTween(
  [ // 2D path with 4 positions
    [0, 0],
    [0.25, 0.25],
    [0.25, 0.1],
    [0.5, 0.4]
  ],
  {
    delay: 1000, // delay of 1 second before tween
    duration: 2000, // 2 seconds of animation
  }
).on('update', console.log)

import { SimpleTween, ErodeSmoothPath } from "twon"

const tween = new SimpleTween(
  ErodeSmoothPath(
    [ // 2D smooth path with 4 positions
      [0, 0],
      [0.25, 0.25],
      [0.25, 0.1],
      [0.5, 0.4]
    ],
    { step: 3 }
  ),
  {
    duration: 1000, // 1 seconds of animation
  }
).on('update', console.log)

import { SimpleTween, cubicBezier } from "twon"

const tween = new SimpleTween(
  [
    5, // from value
    10 // to value
  ],
  {
    delay: 1000, // delay of 1 second before tween
    duration: 2000, // 2 seconds of animation
    ease: cubicBezier(0.435, 0.002, 0.075, 0.989), // Cubic bezier curve
  }
).on('update', console.log)

import { DynamicTween } from "twon";

const tween = new DynamicTween(
  [0, 0], // 2 dimention position
).on('update', console.log)

// Change position after 500ms
setTimeout(() =>
  tween.to([
    Math.random(),
    Math.random()
  ]),
  500
)