project

swirl transition

2024

[ information ]

Genre:: Creative Coding
Technologies:: JavaScript, WebGL, GLSL

[ description ]

- English -

This is an image transition animation implemented using the native WebGL API. The transition is based on the brightness values of a noise texture. I used cat images simply because I'm a cat person. But I love dogs too.

- Japanese -

ネイティブのWebGL APIで実装した画像のトランジションアニメーションです。ノイズテクスチャの明度を元にトランジションさせています。画像に猫を使っているのは単に私が猫派だからです。でも、犬も好きです。

back to index

swirl transition screenshot1 — The transition in action

[ images ]

Swirl-patterned image transition effect