TadaoYamaoka https://blog.hatena.ne.jp/TadaoYamaoka/ TadaoYamaokaの開発日記 https://tadaoyamaoka.hatenablog.com/ バイブコーディング 前回、ギターの音ゲーのタブ譜の描画まで実装した。今回は、ピアノロールを実装する。 ピアノロール ピアノロールは、音符(ノート)を、縦軸を音階(12音階)、横軸を時間として表したものである。 縦軸はラベルの代わりに、ピアノ鍵盤を縦に表示することで、音階をわかりやすくしている。 ギターに特化した表現 ギターのスライド、ベンド(チョーキング)、ビブラートといった奏法があるため、これらをピアノロール上で音程の変化として表現する。 検討事項 鍵盤の描画 ピアノロールの鍵盤部分は、白鍵はオクターブを7等分して、黒鍵はオクターブを12等分して黒鍵の位置に描画する。 白鍵は、7等分するため、実際の1音は12等… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftadaoyamaoka.hatenablog.com%2Fentry%2F2026%2F02%2F07%2F133925" title="【バイブコーディング】ギターの音ゲーを作る（ピアノロール） - TadaoYamaokaの開発日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/T/TadaoYamaoka/20260207/20260207130801.png Hatena Blog https://hatena.blog 2026-02-07 13:39:25 rich https://tadaoyamaoka.hatenablog.com/entry/2026/02/07/133925 1.0 100%