project

swarm transition

2025

[ information ]

Genre:: Creative Coding
Technologies:: JavaScript, WebGL, GLSL, Canvas 2D
Tools:: imageFX

[ description ]

- English -

Implemented with native WebGL API. I created pointillism paintings using imageFX (image generation AI) and created transitions between them.

Since the original images are pointillism and the implementation further converts pixels into particles, this creates a unique visual effect like pointillism with additional mosaic processing.
As the title "swarm" suggests, rather than simply creating particles, I applied soft edges to each particle and made them move randomly to create an impression of living creatures moving around.

You can zoom in and out with the mouse wheel, so you can enjoy it as a complete painting from an overview, or zoom in close to enjoy the life activities of individual particles.

- Japanese -

ネイティブのWebGL APIで実装しました。imageFX（画像生成AI）で点描画を作成し、それらをトランジションさせています。

元の画像が点描であること、さらに実装側で画素を粒子化していることで、点描がさらにモザイク処理されたような独特なビジュアルになっています。
また、「swarm（群れ）」というタイトルが示すように、単に粒子化するのではなく、1つ1つの粒子にソフトエッヂをかけてランダムに動かすことで、まるで生き物がうごめいているかのような印象にしました。

マウスホイールで拡大/縮小ができるので、俯瞰して全体を1枚の絵として楽しむことも、近づいて粒子の生命活動を楽しむこともできます。

back to index

swarm transition screenshot1 — Particles scatter and then gather again in transition

[ images ]

Clicking causes the particles composing the image to scatter
Gathering back to the center again
Becoming components of the next image