project

morphing cloud

2024

[ information ]

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

[ description ]

- English -

Created using the native WebGL API as an introductory study of ray marching.

By applying distortions to sphere primitives, I created stylized cloud formations. Intentionally limiting the iteration count produces black outline effects, achieving a cartoon-like visual with defined contours. While keeping the motion simple, I focused on organic movement patterns to create an engaging viewing experience.

- Japanese -

ネイティブのWebGL APIを使用し、レイマーチングの入門学習のために制作しました。

球体をベースに歪みを加えることで、デフォルメされた雲を表現しています。イテレーション回数を意図的に少なく設定することで黒いアウトラインを発生させ、漫画的な輪郭線のあるビジュアルを実現しました。動きはシンプルながらも有機的な挙動を心がけ、見続けても飽きない作品を目指しました。

back to index

morphing cloud screenshot1 — Morphing Cloud in motion

[ images ]

Initial state of Morphing Cloud
Increasing darkness creates a stormy, rain cloud aesthetic