触れる音の実験室Matter.js × Tone.js

落ちるボールが障害物にぶつかるたび、物理演算の衝突がそのまま音階になる 「音のピタゴラ装置」です。音源ファイルは一切使わず、すべての音色を Tone.jsのシンセシスでリアルタイム生成しています。装置は自由に組み立てて、 URL1本で共有できます。

マーブルマシンプリセット装置の自動演奏

衝突の相対速度が音の強さに、障害物の種類が音色に、設定した音階が ピッチに対応します。スケール量子化により、どんな配置でも音楽的に破綻しません。

読み込み中...

サンドボックス自分の装置を組んでURLで共有

5種類の障害物(ペグ・バー・ベル・パッド・バンパー)を配置して自分だけの 音の装置を作れます。構成はlz-string圧縮でURLフラグメントに載るため、 サーバー保存なしで共有できます。

読み込み中...

Matter.js 基礎デモ2D物理エンジンの学習リファレンス

読み込み中...

Tone.js 基礎デモWeb Audio音合成の学習リファレンス

読み込み中...