触れる音の実験室Matter.js × Tone.js
落ちるボールが障害物にぶつかるたび、物理演算の衝突がそのまま音階になる 「音のピタゴラ装置」です。音源ファイルは一切使わず、すべての音色を Tone.jsのシンセシスでリアルタイム生成しています。装置は自由に組み立てて、 URL1本で共有できます。
マーブルマシンプリセット装置の自動演奏
衝突の相対速度が音の強さに、障害物の種類が音色に、設定した音階が ピッチに対応します。スケール量子化により、どんな配置でも音楽的に破綻しません。
読み込み中...
サンドボックス自分の装置を組んでURLで共有
5種類の障害物(ペグ・バー・ベル・パッド・バンパー)を配置して自分だけの 音の装置を作れます。構成はlz-string圧縮でURLフラグメントに載るため、 サーバー保存なしで共有できます。
読み込み中...
Matter.js 基礎デモ2D物理エンジンの学習リファレンス
読み込み中...
Tone.js 基礎デモWeb Audio音合成の学習リファレンス
読み込み中...