Tags/#animation

#animation

  • Fragile Base Class Animation

    A UML inheritance tree — one white ghost parent, four coloured ghost children — showing how a change to the base class propagates to every subclass. Anime.js port of the Motion Canvas original.

  • Block Split Animation

    ~25 Tetris pieces arranged as a dense collage that splits into left and right groups then rejoins — Anime.js port of the Motion Canvas original.

  • Tetris Animation

    Three tetromino pieces (Teewee, ClevelandZ, Hero) fall and stack on a game board — Anime.js port of the Motion Canvas original.

  • Mario Walk Animation

    Mario walking left, stopping, flipping, and walking right — Anime.js port of the Motion Canvas original.

  • Smashboy Animation

    A 2×2 grid of yellow Tetris blocks that explode outward and reassemble — Anime.js port of the Motion Canvas original.

  • Interactive Character

    Trigger animations on demand — head tilt, wave, blink, wink, and double blink.

  • Coin Flip

    A coin spins and bounces with combined rotation and vertical keyframe movement — looping 3D transform animation.