スクラッチでマリオっぽいスクロールゲームを作る上級技⑫　ステージの保存コードが座布団みたいにペチャンコだぜ！

スクラッチプログラミングに挑戦している皆さん、どうも！スクラッチコーチです。

前回は落ちる挙動を作ってリスポーン出来るようにしたね！

これで一通りのマリオの動きとゲームの最低限の仕様が固まってきた。あとはステージを増やしていけるようにすれば土台は整うね。

スクロールゲームの作り方（上級者向けマップチップ法）

今回の目標「ステージの保存コードを作る、しかもスマートに」

ということで２面を作れるようにしていくために、ステージの保存コードっていうのを実装していきたい。これがあればステージをクリアしたタイミングで次ステージのコードを読み込む、みたいなプログラムを組んでいける。

まぁ２といわず３も４も、この方法の延長で作れるから安心してほしい。やっぱりステージがどんどん進んでいくってワクワクするよね。１面はシンプル、２面から海！３面はマグマワールド！みたいな発想もどんどん出てくるよね。

まずはバックアップからスタート

さて、これから色々いじるまえに、いまのステージグリッドの設計図をバックアップしておこう。方法は、リストを右クリックして書き出しを選択すればOK。これでテキストファイルにデータが保存されるよ。

このデータの中身をチェックすると……

うわ、長いし空白で区切られててなんか操作しづらい……。これだと友達にシェアするときにもちょっとファイルが重たくてうまく行かないこととかあったり、スクラッチのコメント欄で「僕が作ったステージを遊んでみて」ってシェアするのにも長すぎて無理だったりする。

そこで、この保存ファイルをギュギュッと圧縮する処理もスクラッチで作ってしまおうと思う！

今回もマニアックで高度だけど、一緒に頑張ろう！

ステージ保存場所を作る

では新しくスプライトを作っていくよ。

名前は「ステージ保存場所」とか……ちょっとセンス無いかもｗ

ステージのデータを保存する役割を持つスプライトなんだけど、自分が分かりやすい名前ならなんでもOKだよ。

いくつか新しい要素を作るよ

ではココで使うものを、とりあえず３つだけ先にダダダっと作っていこう。

リスト「ステージ一覧」

このスプライトのみ、でOKだよ。

変数「エンコード文字列」

こちらも、このスプライトのみ、でOK。

ブロック定義「エンコードする」

画面を再描画せずに実行する、にチェックを付けて引数を２つ用意しよう。

エンコード処理を作る

ではこのブロック定義の中身を作っていくよ。

まずはエンコード文字列を作っていくね。「◯と◯」を複数使って分かりづらいから小分けにワンステップずつ見ていくよ。

まずはこちら、引数の「値」と「区切り文字」をくっつけよう。

そしてこれを変数「エンコード文字列」と組み合わせよう。

出来上がったものを、変数「エンコード文字列」にセットするよ。

これで基本的なエンコード文字列の作りはOK、ここまではカンタン！

ブロック定義「ステージを保存する」を作る

さらに新しい定義を、画面を再描画せずに実行するようにして作るよ。引数も１つ使うよ。

エンコード文字列をカラにする

この定義内では最初にエンコード文字列をカラにするよ。

変数「タイルのインデックス」を作る

タイルの場所を調べるためのインデックスを用意するよ。

インデックスってなに？

インデックスというのはリストの何番目かという数字です。リストじゃなくても例えば図書館の本棚を想像してみて。本棚の5番目にある本のインデックスは５。１９番目にある本のインデックスは１９みたいなイメージ。
プログラミングだとインデックスという言葉は必須知識の１つだから、もし知らなかったらこの機会に覚えよう。
ちなみにメジャーなプログラミング言語だとインデックスは１番目が０になる。２番目が１になる。でもスクラッチだと１番目は１だし、２番目は２になってるから注意。

初期化する

初期値として１をセットしておこう。

エンコードする

この次にエンコードをしていくよ。さっき作ったブロック定義もココで使っていくからね。

まずはループを作るよ。「★ステージグリッドの高さ」回繰り返すループを作ろう。

さらに！「★ステージグリッドの横幅」回繰り返すループを内包させる。

そしてここでブロック定義「エンコードする」を呼び出そう。

引数を渡す

第一引数には、ちょっと分かりづらいけど、リスト「ステージグリッド」の変数「タイルのインデックス」番目のデータを渡すよ。

第二引数には、アンダーバーを渡しておこう。

インデックスを加算する

変数「タイルのインデックス」に１を加算するよ。

ok-scratch

こういうループで使うインデックスを１加算する処理をインクリメンタルとかインクリメントって呼んだりする。逆に１引くときはデクリメンタル。インクリメンタルは超頻出用語だよ。デクリメンタルは滅多に会話にはでてこないけど。

ループの外でリストを削除する

ループを２つとも抜けたところで、リスト「ステージ一覧」をすべて削除するよ。

新しいデータをリストに加える

まっさらになったリストに、新しいエンコード文字列を加えよう。

保存データがどう変わったかテストする

このブロック定義「ステージを保存する」をクリックしてみよう。そうするとリスト「ステージ一覧」の中身が確認できる。

きっと下記のようになっていると思う。

さっきは数字の区切りが空白だったけど、アンダーバーになっているね！

連続している数字を短縮する

上のスクショを見ると、２とか４とか、けっこう連続している数字があるよね。今度はこれを短縮していく技を作るぞ！

変数「タイルのコスチューム番号」を作る

新しい変数を作るよ。

初期化する

まずはタイルのコスチューム番号を↓ここに入れよう。値は次で変えるよ。

値は、さっきブロック定義「エンコードする」の引数に渡していたものと同じでリスト「ステージグリッド」の変数「タイルのインデックス」番目、っていう値にしよう。分かりづらいｗ

変数「連続数」を作る

初期化する

タイルのコスチューム番号のすぐ下で初期化しておこう。

連続してるかどうかで処理を分岐する

条件分岐を追加して、連続している場合とそうでない場合で処理を分けるよ。

変更前

変更後

条件式で連続しているか調べる

条件式には、変数「タイルのコスチューム番号」と、リストの現在地を調べる演算を割り当てよう。

連続していたら

連続していたら変数「連続数」に１加算するよ。

連続してなければ

連続してない場合は、今割り当ててる長いブロックは冗長だから、もっと分かりやすく変数「タイルのコスチューム番号」を割り当てるようにしよう。

変更前

変更後

連続数も書き込む

さらに、何回連続していたのか、っていうデータも書き込むようにするよ。

タイルのコスチューム番号を更新する

そして変数「タイルのコスチューム番号」に新たにリストの現在地の値を割り当てよう。

これは次のタイルを調べる準備になるよ。

連続数もリセットする

連続数はゼロではなくて１にリセットしよう。

これでこの条件分岐は終わりだよ。

最後のデータを書き込む

この条件分岐のループには欠点があって、最後の数字だけ書き込めないんだ。なぜなら、最後の数字が２だとして、それが書き込まれる条件って２以外の数字が見つかったタイミングでしょ？でも最後だから見つかることはないんだ……。忘れられていく最後の数字……ってならないように、ラストに１回書き込み処理を実行しておくよ。