project

radiant spectrum

2024

[ information ]

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

[ description ]

- English -

Created as my introduction to shader art using the native WebGL API. The grid patterns become increasingly intricate over time, while interactive parameters allow you to customize color variations and adjust the temporal scale of transformations.

Technically, this was a huge learning experience involving unfamiliar mathematical concepts like rotation matrices and polar coordinate transformations - discovering how to apply these abstract principles in practical shader programming.

- Japanese -

ネイティブのWebGL APIを使って、シェーダーアートに入門するために制作しました。時間経過とともに格子がより細かく変化していきます。また、パラメータを操作して色味の変化や、時間変化のスケールを調整できます。

技術的には、回転行列の扱い方や極座標変換など普段馴染みのない数学的な概念をどう使うのかなど、学びが多くありました。

back to index

radiant spectrum screenshot1 — Radiant Spectrum in motion

[ images ]

Initial state of Radiant Spectrum
Enhanced blue tones through parameter adjustment