例えば、「エモの冒険」というタイトルのゲームを作ることにします。プレイヤーはエモというキャラクターになり、迷宮のような洞窟を冒険しながらモンスターを倒し、アイテムを集めて最終的にはボスを倒すことが目的です。
まず、HTMLファイルを作成します。以下のように、画面上部にはスコアやアイテムの情報を表示し、下部にはゲーム画面を表示する枠を用意します。また、操作方法等を示す文章をページ上部に表示します。
エモの冒険
矢印キー:移動 / スペースキー:ジャンプ / Zキー:攻撃
SCORE:0 ITEM:0
次に、JavaScriptファイルを作成します。以下のように、プレイヤーの情報(座標、スピード、HPなど)やモンスターやアイテムの情報を定義し、画面上に表示するための関数や操作方法を設定します。
以上のように、HTMLとJavaScriptを組み合わせて「エモの冒険」というゲームを作成しました。プレイヤーは矢印キーで移動し、スペースキーでジャンプ、Zキーで攻撃を行うことができます。迷宮のような洞窟を進み、モンスターやアイテムを集めながら最終的にはボスを倒しましょう!