3D無限ループWebGL
Three.js/React Three FiberとGLSLシェーダーによる万華鏡エフェクト
WEB
プロジェクト概要
2つのモードで異なるWebGL技術を使用
1. 3Dシーンモード
– Three.js(React Three Fiber経由)
– 3Dオブジェクトのレンダリング
– ポストプロセシングで万華鏡エフェクト
2. パーティクルモード
– 直接GLSLシェーダーを記述
– フラグメントシェーダーでピクセル単位の演算
– より軽量で高速なエフェクト