Hiromuブログ

最近はこちら(https://zenn.dev/hiromu)が本体

ギターのコード(和音)表示プログラム(HTML5 Canvas)

スケールを表示するプログラムを少し改造して作りました。

 

以下は、Cメジャーコードのポジション例です。

chord

 

 

プログラムは以下に置いています。

http://hi-rom.com/labs/guitar/chord/chord.html

 

好きなルート音を選んであとは、それに重ねる音(3rdや5thなど)のチェックボックスにチェックを入れるだけ。

コードの主要な構成音(3rd, 5th, 7th)は目立つように色を付けました。

 

これを使えば自分でコード作り出せるようになるところがポイントです。