Virtual Online Piano 日本語ガイド

Virtual Online Piano は、CrazyGames で2017年11月に公開された HTML5 のピアノです。作者は Aurelie Touchard で、Felipe Fialho の「Piano Keyboard」を土台にした MIT ライセンスの作品だと配信ページに書かれています。

配信ページの説明は3行、Features も3項目しかありません。鍵盤が何鍵なのか、どのキーがどの音なのか、コード支援が何種類あるのかは、遊んでみるまで分かりません。そこで当サイトは、ゲームファイル（virtual-piano/5）の HTML と JavaScript を読み、24鍵の対応とコードの作り方を日本語に起こしました。

書いていないことは書きません。録音や MIDI 出力の有無など、ビルドに見当たらない機能は「不明」と明記します。

一次資料は2種類だけです。配信ページ（本文・Controls・License・JSON-LD）と、ゲームファイルの index.html / assets/js/scripts.min.js。どちらも2026年10月27日に取得しました。

キー割り当ては、配信ページの Controls 文と、ビルドの data-key（keyCode）属性の両方で一致を確認しています。周波数は当サイトの計算値で、等十二平均律・A4=440Hz を前提にしています。

白鍵の数

配信ページの Controls 文は「caps lock, A, S, D, F, G, H, J, K, L, ;, ', and left arrow key」の13個。ビルドの鍵盤はバックスラッシュを加えた14個で、keyCode 220 に 3A（A5）が割り当てられている。

公開日

JSON-LD は datePublished 2017-11-28。本文は「Released November 2017」としながら、Release Date 欄に「May 2015 and has been updated in April 2021」と書く。2015年は原型作品の公開年とみられるが、明記はない（推測）。

評価の票数

JSON-LD は ratingCount 70,732、likes 59,229 / dislikes 11,503。本文は「59K likes and 12K dislikes」と丸める。

対応端末

本文はモバイル対応を明記。JSON-LD の availableOnDevice も Mobile / Tablet / Desktop を列挙する。一方で向きは Landscape 固定なので、縦向きのスマホでは横に倒す必要がある。

演奏そのものは配信ページで無料で試せます。当サイトはゲーム本体を埋め込んでいないので、練習しながらこのページを横に開いてください。

• キー割り当て：24鍵の一覧。CapsLock・Enter・← が鍵になっている点が独特です。
• コード支援：24種類のコードの構成音。押すキーまで書いています。
• 音が出ないとき：ブラウザの自動再生制限など、最初につまずく3点を確認します。