SOUND BECOME FORM
BEAT LAB
HYBRID FORMBEAT LAB
4-BEAT SOUND STUDY
01 / LIVE FORM
CRYSTAL / GPU左上の自然光・ガラス縁の反射
今回は固定プレビューのガラスにWebGLを直接描画。他の操作パネルはCSSガラスで、スクロール時に光がずれない構造へ変更。
光を準備中
GPUの状態・FPSを確認
ChromeとSafariの両方で試せます。GPU起動失敗なのか、シェーダーのエラーなのかをここに表示します。
確認待ち
PATH / TIME軌道と時間の流れ
BEAT / LOOP1周 2.00秒
00:00.00
∞ LOOP
∞ LOOP
FORM STYLE線画はSVG書き出しにも対応
COLOR THEME2 COLORS
SHAPE CONTROL触ると即座に変化
SOURCE PADS 4 / 8
SAMPLER / RECORDPAD 01
DOOR CLOSE
DEMO0.50 SEC / DEMO
マイク録音はHTTPSでの公開時に利用可能。録音・ファイル読込時、波形は実際の音声データから生成します。
SAMPLE PADS / ADAPTIVE GRID
4 / 8
パッドを押すと音が鳴り、上の波形エディターに反映。8個以降は10 → 12 → 14 → 16の順で自動拡張。
EXPORT PREVIEW素材のみを書き出し
ガラスUIは保存されず、波形・幾何のグラフィックだけを書き出します。
EXPORT FORMATSVGは編集可能なベクター
RESOLUTIONピクセル形式のみ
BACKGROUNDPNGのみ透明可
ネイティブ .ai は直接生成しません。SVGをIllustratorで開いて「別名で保存」すると .ai にできます。