VOPVirtual Online Piano 日本語ガイド

キー割り当て:24鍵の完全対応表

鍵盤は24鍵。白鍵14個と黒鍵10個に、キーボードの24個のキーが1対1で割り当てられています。配列は一般的なピアノアプリとは違うので、最初に一覧を見ておくほうが早いです。

0124鍵の一覧

番号はゲーム内部の並び順(低い音から1〜24)。「キー」は実際に押すキー、「keyCode」はブラウザが返す番号で、ゲームはこの番号で音を選んでいます。周波数は等十二平均律・A4=440Hz の理論値です。

24鍵のキー割り当て(C4〜B5)
#キーkeyCode音名読み周波数 Hzサンプル
1CapsLock20C4ド261.63261-C.mp3
2Q81C#4ド♯277.18277-C-sharp.mp3
3A65D4レ293.66293-D.mp3
4W87D#4レ♯311.13311-D-sharp.mp3
5S83E4ミ329.63329-E.mp3
6D68F4ファ349.23349-F.mp3
7R82F#4ファ♯369.99369F-sharp.mp3
8F70G4ソ392.00391-G.mp3
9T84G#4ソ♯415.30415-G-sharp.mp3
10G71A4ラ440.00440-A.mp3
11Y89A#4ラ♯466.16466-A-sharp.mp3
12H72B4シ493.88495-B.mp3
13J74C5ド523.25523-C.mp3
14I73C#5ド♯554.37545-C-sharp.mp3
15K75D5レ587.33587-D.mp3
16O79D#5レ♯622.25622-D-sharp.mp3
17L76E5ミ659.26659-E.mp3
18;186F5ファ698.46698-F.mp3
19[219F#5ファ♯739.99698-F-sharp.mp3
20'222G5ソ783.99783-G.mp3
21]221G#5ソ♯830.61830-G-sharp.mp3
22\220A5ラ880.00880-A.mp3
23Enter13A#5ラ♯932.33932-A-sharp.mp3
24←37B5シ987.77987-B.mp3

02白鍵(14個)

白鍵は CapsLock から始まり、A S D F G H J K L、セミコロン、 apostrophe、バックスラッシュ、そして左矢印キーで終わります。左手をホームポジションに置くと、A〜L の8個でレからシまでが弾けます。

ドは2か所(CapsLock と J)、レは A と K というように、オクターブ違いの同じ音名が2回ずつ出てきます。24鍵=2オクターブなので、白鍵は12音ぶんが2周し、C と F だけ余分に1個ずつ増えて14個になります。

白鍵だけを音名順に
音名低い側のキー高い側のキー
C(ド)CapsLockJ
D(レ)AK
E(ミ)SL
F(ファ)D;
G(ソ)F'
A(ラ)G\
B(シ)H←

03黒鍵(10個)

黒鍵は Q W R T Y I O [ ] Enter の10個です。白鍵の内側に並ぶ形なので、低い側は Q(ド♯)W(レ♯)R(ファ♯)T(ソ♯)Y(ラ♯)、高い側は I(ド♯)O(レ♯)[(ファ♯)](ソ♯)Enter(ラ♯)となります。

黒鍵が5個ずつ2組なのは、ピアノの黒鍵が「2個+3個」の並びを繰り返すためです。ミとシの間には黒鍵がないので、E と F、B と C の間はキーが1つ飛びます。

04紛らわしいキー

ゲーム側はキーの「位置」ではなく keyCode で判定します。そのため配列が違うキーボード(US / JIS)でも同じ番号のキーが同じ音になります。日本語配列で記号の位置が違っても、押すべき物理キーは上の表のとおりです。

CapsLock
いちばん低いド。押すと英字入力が大文字固定に切り替わるので、演奏後に元へ戻すのを忘れない。
Enter
高い側のラ♯。フォーカスがボタンやリンクに残っていると、押した瞬間にそのボタンも反応する可能性がある(推測)。演奏前に余白をクリックしてフォーカスを外すと安全。
←
いちばん高いシ。ブラウザの「戻る」ではなく、ページ内の横スクロールが起きることがある。
\(バックスラッシュ)
高い側のラ。日本語キーボードでは「ろ」のキー。配信ページの Controls 文には記載がないが、ビルドには存在する。
' と ;
それぞれソ(高)とファ(高)。JIS 配列では「:」と「+」の位置にあるキー。

05表の作り方

この表は、ゲームファイルの index.html にある24個の鍵(data-key / data-note / data-number)を並べ、keyCode をキー名に置き換えて作りました。音名は data-note(1C〜3B)を科学的音名(C4〜B5)に読み替えたものです。

配信ページの Controls 文とも突き合わせています。白鍵13個(バックスラッシュの記載なし)、黒鍵10個という公式の書き方と、ビルドの白鍵14個が食い違うため、当サイトはビルドを正とし、公式文の抜けとして両方を載せています。

押したキーを逆引きする

キーボードのキーを押すと、そのキーに割り当てられた音名・理論値の周波数・ビルドのサンプル名が出ます。 サンプル名の数字(例 545)と等十二平均律の理論値(554.37Hz)がずれている鍵は、セント差も表示します。 キーを押せない環境では、右の選択肢から同じ結果を出せます。

キーを押す—待機中
261.63Hz(等十二平均律・A4=440Hz)

CapsLock → C4(ド)/ keyCode 20

音名
C4
読み
ド
keyCode
20
サンプル
261-C.mp3
サンプルのセント差
0.0 セント
白鍵 / 黒鍵
白鍵

24鍵すべてを表にした CSV を書き出せます。