FIGURE

立体図形の問題に出てくるような図が78点。流している音に合わせて、高さや点の位置など、問題に関わる部分だけが動きます。

https://figure-dipcv.netlify.app

操作

まず: 中央の「▶ Play the demo」で内蔵の曲が鳴り、図が動き始めます。「● Use the microphone」を選ぶと、周りの音に反応します。
叩く / なぞる: 画面の右半分を叩くと次の図、左半分を叩くと配色が変わります。左右になぞると前後の図へ移ります。
メニュー: 画面の下端を叩くと操作の列が出ます。HIDE で図だけの表示に戻ります。
図について: 立体、切断と展開図、投影、グラフ、軌跡、格子、数え上げ、力学、光と影、ベクトルの10分類です。
AUTO / ORDER: AUTO で決まった拍数ごとに図が送られます。ORDER を押すと RANDOM、RANDOM+COLOR と切り替わります。RANDOM では一巡するまで同じ図は出ません。RANDOM+COLOR では配色も変わります。
COLOR: 配色は12種類です。
♡ / ♥ LIST: 気に入った図に印を付け、一覧で見られます。番号をまとめて写すこともでき、♥ ONLY にすると印を付けた図だけで回ります。印はこのブラウザにだけ残ります。
FILE / MIC: 手元の音声ファイルや、マイクの音でも動かせます。マイクの音量は自動で合わせます。VOL で手動にも切り替わります。
REC: 動いている図を音ごと動画で書き出します。もう一度押すと止まって保存されます。
キー操作: Space で再生と停止、← → で前後の図、C で配色、F で印、I で一覧、M でメニューの出し入れ。
表示は英語: 操作の表示はすべて英語です。

← dipcv / ブラウザで動く、音とビジュアルのもの