Three.jsWebGLShaderGenerative Art
Overview
数学的なアルゴリズムによって無数の泡が宇宙を満たすように生成される、インタラクティブなビジュアルアート作品です。Three.jsとカスタムシェーダーを活用し、パラメータをリアルタイムで操作することで、刻一刻と変化する宇宙の姿を体験することができます。数学と美の交差点を探求した作品です。
コンセプト
「Bubble Universe」は、数学的なアルゴリズムが生み出すジェネラティブアートです。正弦波・余弦波の組み合わせによって、無数のバブル（泡）が宇宙空間のように広がるビジュアルを生成します。インタラクティブなパラメータ操作により、観覧者自身が宇宙の姿を変えていくことができます。
技術的な特徴
- 1カスタムGLSLシェーダーによる高速なパーティクル描画
- 2数学的パターン生成アルゴリズム
- 3リアルタイムのパラメータ変更によるビジュアルの動的変化
- 4Three.jsのPointsシステムによる大量パーティクルの効率的な管理
- 5マウス/タッチインタラクションによるカメラ操作
✨
ジェネラティブアートとは
数学的アルゴリズムやコンピュータプログラムを用いて自動生成されるアート。人間の意図とアルゴリズムの偶然性が組み合わさり、予測不能な美しさを生み出します。
プロジェクト情報
カテゴリ
Web / ジェネラティブアート
年度
2025
分野
クリエイティブコーディング・インタラクティブアート
言語
JavaScript / GLSL
技術スタック
Three.jsWebGLGLSL ShaderHTML5CSS3
キーワード
ジェネラティブアートWebGLシェーダーバブルユニバースインタラクティブ数学的アート
ハイライト
- ✓カスタムGLSLシェーダーによる高速レンダリング
- ✓数学アルゴリズムが生み出す無限の宇宙表現
- ✓リアルタイムのパラメータ変更でビジュアルを体験