project

melt transition

2024

[ information ]

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

[ description ]

- English -

This is an image transition animation implemented using the native WebGL API. By applying displacement values to texture sampling coordinates, I created an animation where the image appears to dissolve and transition.

The images used are photographs I took as a hobby.

- Japanese -

ネイティブのWebGL APIで実装した画像のトランジションアニメーションです。テクスチャのサンプリング座標に変位値を使って画像が溶けて切り替わるようなアニメーションにさせています。

画像には私が趣味で撮影した写真を使用しています。

back to index

melt transition screenshot1 — The transition in action

[ images ]

Melting image transition effect
You can also change the angle with mouse controls