MIDI可視化Webアプリ

Three.js を使った MIDI を可視化するアプリです。
音を鳴らすために Tone.js を、物理演算に cannon-es を使っています。

操作方法

• クリック: 同梱している MIDI ファイルを再生
• MIDI ファイルを D&D してからクリック: そのファイルを読み込んで再生
• スペースキー: 一時停止

使用している技術

• Three.js
• Tone.js
• cannon-es

Catch-on-Fire.mid について

この MIDI ファイルは Booth にて配布されている楽曲を、本コンテンツ向けにアレンジしたものです。

• 作者: ruha(Pastel Tone Music)
• Booth: Catch on Fire
• 利用規約: https://note.com/ruha_music/n/n0103b849c384

本 MIDI ファイルは二次配布を目的としていないため、当リポジトリから MIDI ファイルのみをDLするなどの行為を禁止します。
使用したい場合、上記Boothから入手してください。