ディレイタイムの計算に使える！テンポに応じた音符の長さを判定するウェブツールを作りました【Delay Time Calculator】

ナカジ(@cp_nakajun)です。

前回のMIDIナンバーから音名と周波数を判定するツールに続いて

MIDIナンバーから音名と周波数を判定するウェブツールを作りました【Midi Number Tools】

テンポに応じた音符の長さを判定するウェブツールを作りました。

ディレイタイムの計算などに使ってもらえたらと思います。

これも結局「装飾」したくなりましてp5.jsでシンプルにビジュアライズしてみました。

テンポに応じた音符の長さを判定するWEBツールを作りました。ディレイタイムの計算などに使ってください。 #p5js と Tone.js で デコりました。宜しければぜひ！https://t.co/23bTgO42hz pic.twitter.com/kZYaK1DqEA

— ナカジ (@cp_nakajun) November 28, 2020

簡単な紹介記事とさせていただきます。

Delay Time Calculator

ツールのURLは

• https://creative-plus.net/delay-time-calculator/

です。

描画は前回と同じく「p5.js」でおこなってますが
ディレイ音のリファレンス、「音」の部分は「Tone.js」にしました。

「p5.sound」も「Tone.js」もシンプルなディレイのデフォルト最大ディレイタイムが1秒(1000m/s)のようで

その解決の仕方を見つけられたのが「Tone.js」だったのが単純な理由です…

使い方

1. テンポを設定します(BPM)

「Setting」のところでテンポを指定するとリアルタイムで音符の長さを表示します。

各音符の右側にある「reference」ボタンを押すと

• ディレイタイムとして設定された「音」が鳴る
• 音に合わせて円が描画される（6回）

ます。

特に凝った「装飾」ではありませんが、遊んでもらえたら嬉しいです。