以下は、HTMLファイル内で実装されたバジルくんを探すゲームの例です。
このゲームでは、プレイヤー(
🔪🎀🏀🍳)を十字キーで移動させ、画面上のメロン(
🍉)に接触すると消え、一つだけ表示されるバジルくん(
🌻)を見つけることが目的です。プレイヤーは画面上の端にあるピアノ(
🎹)に接触することで、バジルくんの存在を知らせるメッセージが表示されます。
このHTMLファイルをブラウザで開くと、ゲームがプレイできます。十字キーを押すとプレイヤーが移動し、メロンに接触すると消えます。バジルくんの位置に接触するか、バジルくんが表示されたメロンに接触すると、該当するメッセージが表示されます。
なお、この例ではスマートフォンでの操作は前提にはしていませんが、ブラウザ標準のタッチイベントを利用すればスマートフォンでも遊ぶことができます。