Type

Webアプリ／デスクトップアプリ（自主制作）

Role

企画／デザイン／実装

課題

• 音に合わせて動く映像を、「選ぶ・重ねる・音に割り当てる」の操作で作れるようにしたい
• 作った映像を、動画ファイルやライブ出力としてそのまま使える形にしたい

担当範囲

企画、画面設計、デザイン、実装まで一貫して担当。

やったこと

• GLSL シェーダー（映像を描くプログラム）を60種類以上収録し、選ぶだけで作品になるプリセットを用意
• 光・歪み・色調・アナログ質感などの共通エフェクトを重ねられる設計
• マイクや音源ファイルの周波数帯（低音・中音・高音など）を、映像のパラメータに連動
• プリセットの保存、動画の書き出し、外部モニターへのライブ出力に対応。Mac 向けのデスクトップアプリとしても動作

使用技術

Three.js／GLSL／Web Audio API／Electron

画面