キー割り当て:24鍵の完全対応表
鍵盤は24鍵。白鍵14個と黒鍵10個に、キーボードの24個のキーが1対1で割り当てられています。配列は一般的なピアノアプリとは違うので、最初に一覧を見ておくほうが早いです。
0124鍵の一覧
番号はゲーム内部の並び順(低い音から1〜24)。「キー」は実際に押すキー、「keyCode」はブラウザが返す番号で、ゲームはこの番号で音を選んでいます。周波数は等十二平均律・A4=440Hz の理論値です。
| # | キー | keyCode | 音名 | 読み | 周波数 Hz | サンプル |
|---|---|---|---|---|---|---|
| 1 | CapsLock | 20 | C4 | ド | 261.63 | 261-C.mp3 |
| 2 | Q | 81 | C#4 | ド♯ | 277.18 | 277-C-sharp.mp3 |
| 3 | A | 65 | D4 | レ | 293.66 | 293-D.mp3 |
| 4 | W | 87 | D#4 | レ♯ | 311.13 | 311-D-sharp.mp3 |
| 5 | S | 83 | E4 | ミ | 329.63 | 329-E.mp3 |
| 6 | D | 68 | F4 | ファ | 349.23 | 349-F.mp3 |
| 7 | R | 82 | F#4 | ファ♯ | 369.99 | 369F-sharp.mp3 |
| 8 | F | 70 | G4 | ソ | 392.00 | 391-G.mp3 |
| 9 | T | 84 | G#4 | ソ♯ | 415.30 | 415-G-sharp.mp3 |
| 10 | G | 71 | A4 | ラ | 440.00 | 440-A.mp3 |
| 11 | Y | 89 | A#4 | ラ♯ | 466.16 | 466-A-sharp.mp3 |
| 12 | H | 72 | B4 | シ | 493.88 | 495-B.mp3 |
| 13 | J | 74 | C5 | ド | 523.25 | 523-C.mp3 |
| 14 | I | 73 | C#5 | ド♯ | 554.37 | 545-C-sharp.mp3 |
| 15 | K | 75 | D5 | レ | 587.33 | 587-D.mp3 |
| 16 | O | 79 | D#5 | レ♯ | 622.25 | 622-D-sharp.mp3 |
| 17 | L | 76 | E5 | ミ | 659.26 | 659-E.mp3 |
| 18 | ; | 186 | F5 | ファ | 698.46 | 698-F.mp3 |
| 19 | [ | 219 | F#5 | ファ♯ | 739.99 | 698-F-sharp.mp3 |
| 20 | ' | 222 | G5 | ソ | 783.99 | 783-G.mp3 |
| 21 | ] | 221 | G#5 | ソ♯ | 830.61 | 830-G-sharp.mp3 |
| 22 | \ | 220 | A5 | ラ | 880.00 | 880-A.mp3 |
| 23 | Enter | 13 | A#5 | ラ♯ | 932.33 | 932-A-sharp.mp3 |
| 24 | ← | 37 | B5 | シ | 987.77 | 987-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(ド) | CapsLock | J |
| D(レ) | A | K |
| E(ミ) | S | L |
| 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)がずれている鍵は、セント差も表示します。 キーを押せない環境では、右の選択肢から同じ結果を出せます。
CapsLock → C4(ド)/ keyCode 20
- 音名
- C4
- 読み
- ド
- keyCode
- 20
- サンプル
- 261-C.mp3
- サンプルのセント差
- 0.0 セント
- 白鍵 / 黒鍵
- 白鍵