サンプルを改造してみよう

素材を差し替えてみよう では、サンプルゲームの画像ファイルを差し替えてオリジナルのゲームを作る手順を紹介しました。 素材の差し替えは手軽ではあるものの、できることに限りがあります。 ここでは サンプルゲームのプログラム自体を変更 して、より大きくゲームを改造する流れを解説します。

プログラムの改造は、対象のゲームに大きく依存するので、共通の・一般的な手順はありません。 しかし改造の一つの例を通して、大まかな考え方とプログラミングの基本的な概念を紹介します。

想定読者

本ガイドでは「プログラミングという言葉は知っているが、実際にプログラムを書いたことはない」方を想定しています。 プログラミング言語として JavaScript を使いますが、JavaScript の知識は必要はありません (適宜解説します) 。

INFO

プログラミング一般と JavaScript について基本的な知識がある場合は、 ゼロからゲームを作るガイド記事として ガイド集 » ブロック崩しを作ろう も参照してください。

改造の内容

題材として、サンプルゲーム Galaxy Wars を使います。 Galaxy Wars はマウスやタップでプレイヤーを操作する縦型2Dシューティングゲームです。以下で遊んでみてください。

これに対して以下の変更を行って、その流れを順に紹介します。

• 最大 HP の変更
• 回復アイテムの強化
• 効果音の追加

本チュートリアルの見方

本チュートリアルは実際に JavaScript のコードを書きながら進めていきます。 コードを書き写す際は、コピー・ペースト機能も活用してください。

コードについては、以下のように各行の左側に + や - 記号の付いたシンタックスハイライトで表示している場合があります。 + がついた行は 追加する行、 - が付いた行は 削除する行 を示しています。

以下の例では、 削除するコード と書かれた行を削除し、その部分に 追加するコード を追加しています。

既存のコード
削除するコード
追加するコード

これはつまり、

既存のコード
削除するコード

というコードを

既存のコード
追加するコード

のように修正することを意味しています。

また、コードの随所に ... という表記を使用しています。

if (条件) {
    ...
}

これは、追加するコードとは無関係の部分においてのみ、コードの内容を省略していることを示しています。 コピーペーストする際は ... の部分まで含まないように注意してください。