Tween24 Sample

- Single Tween -

- Blend Easing Tween -

- Serial Tween -

- Parallel Tween -

- Serial & Parallel Tween -

- Loop Tween -

- Lag Tween -

- Total Lag Tween -

- Lag with Sort Tween -

- Total Lag with Easing Tween -

- Total Lag with Sort and Easing Tween -

- Velocity Tween -

TEXT TWEEN

- Text Tween -

トゥイーンに回転を加える

- If Case Tween -

- Wait Event Tween -

- Not Jump Tween -

- Jump Tween -

- Trigger Tween -

- Tween Skip -

- Manual Tween -

- Tween Controlled by ID -

- Relative Tween from The Time of Setting -

- Relative Tween from The Current Value -

- Change TransformOrigin Tween -

- Bezier Tween -

- BackgroundPosition Tween -

- Repeat Tween -

- Time Scale Tween -

- Clip Tween -

Tween24.serial(
    Tween24.prop("img").clipVertical("99%").clipHorizontal("100%").clipRound("600px"),
    Tween24.tween("img", 0.8, Ease24._6_ExpoInOut).clipHorizontal("0%").jump(0.5),
    Tween24.tween("img", 0.8, Ease24._6_ExpoInOut).clipVertical("0%").clipRound("0px")
).play();

- Clip Circle Tween -

Tween24.serial(
    Tween24.prop("img").clipCircle("0%").clipCircleXY("20%", "60%"),
    Tween24.tween("img", 0.8, Ease24._6_ExpoInOut).clipCircle("20%"),
    Tween24.tween("img", 1, Ease24._6_ExpoInOut).clipCircle("10%").clipCircleXY("90%", "20%"),
    Tween24.parallel(
        Tween24.tween("img", 0.8, Ease24._Liner).clipCircleX("50%"),
        Tween24.tween("img", 0.8, Ease24._BackOut).clipCircleY("50%"),
        Tween24.tween("img", 1, Ease24._6_ExpoInOut).clipCircle("100%").delay(0.2)
    )
).play();

- Clip Ellipse Tween -

Tween24.serial(
    Tween24.prop("img").clipEllipse("0px", "30px"),
    Tween24.tween("img", 0.4, Ease24._BackOutWith(3)).clipEllipseWidth("200px").jump(0.3),
    Tween24.tween("img", 0.4, Ease24._BackOutWith(2)).clipEllipseHeight("200px")
).play();