TWIRL:STAGE
概要
回転する独楽とパフォーマンスステージをテーマに、回転するオブジェクトの動きとビジュアル表現を試みたリアルタイムに生成される映像と音を組み合わせたデモシーン作品。 自作ライブラリを用いてWebGL上で構築したデモ作品。
デモ
使用言語: GLSL, WebGL, TypeScript
技術解説
作品のポイント
- WebGLによるリアルタイム描画および描画基盤の自作
- レイマーチングでのオブジェクト表現と発光表現の両立
- 共通の時間パラメータを基に、アニメーション・ポストエフェクト・音の変化を統合的に制御
- GUIを用いてパラメータ調整を行い、見え方を検証・調整
工夫
- アニメーション・エフェクト・音の同一の時間軸で制御し、統一感のある演出となるようにした。
- 画面転換時にポストエフェクトを活用し、切り替わりを強調することで、初見でもシーンの変化を認識しやすいようにした。
- BGMのドラムの拍子に合わせて壁面の十字模様を動かし、空間と音の変化が同期して感じられるようにした。
担当範囲
ライブラリ設計 / 描画処理実装 / シェーダー実装 / 演出設計 / 音生成 / 作品テーマ設計