クリスタで昔FPSを作ろう

基本的な考え方

assets/map/0～5の中にある00map.clipというファイルを使ってゲームを作っていきます。

これはクリップスタジオがないと扱えませんが、レイヤー機能のある画像編集ソフトで直接pngファイルを編集しても問題ありません。

今回はクリップスタジオで説明していきます。

まず最初にレイヤーフォルダのレイヤーをすべて表示させてください。 拡大するとマップのようなドットが塗られているのが分かります。

これがこれから編集していくマップのデータです。
これらは一つの画像ではなくレイヤーごとに分けられています。
そのレイヤーの名前でレイヤーの画像だけをpngファイルで書きだすと、それをmain.pyというファイルが読み込みゲーム内のマップに壁や床、アイテム、敵が配置されます。
このドット一つ一つがマップ内の構造物の配置を示しているのです。
試しにwall01のレイヤーのレイヤーにドットを置いてみてください。

このレイヤーは名前の通り壁の配置場所を指定しています。
好きな道や迷路が出来たら「そのレイヤーだけを表示させて」から「ファイル→画像を統合して書きだし」でpngファイルで書きだしてください。

書きだし終わったらmain.pyというファイルをダブルクリックしてください。
いま変更した画像に合わせて壁が生成されているはずです。
startとgoalも名前の通りスタート地点とゴール地点を指し示すレイヤーです。
壁と同じように「そのレイヤーだけを表示させて」から「ファイル→画像を統合して書きだし」でpngファイルで書きだしてみましょう。
次はTwall。これも好きな場所に配置して同じようにpngファイルを書きだします。
chara01。これは敵キャラの場所を指定するレイヤーです。自由に増やして難易度を変えてみましょう。

一通り試し終わったら次はファイル構成を見てみます。
mapフォルダの中には0から5と名付けられたフォルダがあります。
これはマップの名前です。基本的にマップ0からマップ5へと移動していきマップ5のゴールに到着するとエンディングです。
エンディングの画像はassets/uiの中のending1.pngとending2.png、ending3.pngというファイルです。お好きなものに差し替えてください。title_background.pngというファイルは名前の通りタイトル画像です。これも好きなものに変えてください。
hp_high.png、hp_mid.png、hp_low.pngというファイルはHPを表す画像です。
これも好きなものに差し替えられます。

次はassets/charaフォルダです。
これは敵の画像でchara1からchara20、chara22、chara23のファイルには攻撃パターンが設定されています。 説明すると
chara01からchara05まで移動しない敵が遅い弾を撃ってきます。HPは順に1から5へと増加していきます。
06から10までは移動しない敵が速い弾を撃ってきます。同じくHPは順に1から5へと増加し行きます。
11から15まではプレイヤーに近づいてくる敵が遅い弾を撃ってきます。同じくHPは順に1から5へと増加し行きます。
16から20まではプレイヤーに近づいてくる敵が速い弾を撃ってきます。同じくHPは順に1から5へと増加し行きます。
22は拡散弾を撃ってくるボスです。倒すとchara22goalというレイヤーで指定した位置にゴールが出現します。
23は通常弾と拡散弾、ワインディング弾を織り交ぜて攻撃してくるボスです。倒すとchara23goalというレイヤーで指定した位置にゴールが出現します。
これらの画像も差し替えて好きなキャラ画像に変更することが出来ます。
これも同じくchara〇〇というレイヤからchara〇〇.pngという名前で書きだすことによって配置を指定することが出来ます。
すべてはassets/map/数字/00map.clipで画像を書きだすことによって配置が指定できます。wall（壁）やfloor（床）の末尾の数字はassets/textureフォルダ内のtex〇〇.pngの〇〇の箇所にある数字に対応しています。
書きだす場合はその数字を見てお好きなテクスチャーを選んでください。
自分で作ったテクスチャーで上書きすることも可能です。

これで大雑把ですがクリスタだけでゲームを作るための説明は終わったと思います。
もしもっと詳しい使い方を知りたい方はgeminiに聞いてみるといいかもしれません。
このキットのソースもgeminiと一緒に作ったので、ソースを丸ごと渡して使い方を聞けばすぐに答えてくれると思います。
文字数が多いので、できればGoogleAIproを契約するのがおすすめです。