【HSPプログラミング講座#20】RPGマップ表示してみよう

今回のＨＳＰプログラミング講座はＲＰＧ風のマップを表示してみたいと思います。　前回の講座ではスプライト機能を使って街の画像を貼り付けてみました。今回は応用編ということで、更にスプライトについて理解を深めようと思います。　なので新しいことは一切出てきませんので安心してください！　　理解しやすいように座標をずらしながらペタペタ貼り付けているだけです。　キャラクタ番号の変化、スプライト番号の変化、座標の変化に注目してくださいね！

RPG風のマップ表示に使う画像は、前回のプログラミング講座で使ったものと一緒です。　下記の画像を使っていきます。

【プログラムの内容】

今回のプログラムでやることは、上記の８種類の画像を使って、１種類ずつに分けてキャラクタ登録をしていく作業と、スプライトにキャラクタを割り当てて座標配置する作業の２つです。　やっていることはこれだけです。

８行目から１５行目までは、mapbg.bmpファイルの画像から１種類ずつ画像を切り出して、キャラクタ番号に登録している作業です。　キャラクタ番号を１つずつ変えながら、取り出したい画像の位置（x,y座標）をずらしていますよ。　わかりますかね？

２０行目から３６行目まではスプライト番号を１つずつ変えながら、画面に配置したいx,y座標と、キャラクタ番号を登録しています。　１列に５枚の画像を配置しています。　それを３段分貼り付けていますので、全部で１５枚の画像を貼り付けています。

それでは実行結果を確認してみますか！

こんな感じで表示されました～　ホンモノのＲＰＧみたいな画面になりましたね。　勇者の画像があればドラクエみたいにできますね～

今回のプログラムでは、できるだけシンプルに理解しやすくするために、繰り返し命令や配列変数などは使わずに、マップを配置するプログラムを１行１行書いているます。　マップが大きくなると大変なので、普通はrepeat命令などの繰り返し命令で上手に貼り付けていきます。

今回は、これ以上は無理って言うくらい、シンプルに理解しやすくしたつもりですが、それでもキャラクタ番号とか、スプライトとか理解が難しいですよね。

あとややこしいのが、mapbg.bmpの画像キャラクタ登録するときの座標と、画面に表示する座標もでてくるので、頭の中がごちゃごちゃに混ざってしまいそうで、これも難しく感じる原因かもしれませんね。

わからなければ繰り返し読み返してみてくださいね。　前回のプログラミング講座が一番シンプルですから、そちらも見返しながらやってみてください。