スクラッチでアスレチックゲームの作り方①　最高のプラットフォーマーをこの手に！

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

グリフパッチ流アスレチックゲームの作り方を新連載としてスタートしようと思います。

アスレチックゲームはスクラッチで最初に目指す本格ゲームの１つだよね。スクラッチの基本的な使い方に慣れてきたら自分でも面白いアスレチック作りたいという気持ちがムクムク湧いてくるもの。それは自然なこと。そんなときに最高のチュートリアルがあったら嬉しいんじゃないかと思って、世界一有名なスクラッチャー「グリフパッチ」さんのアスレチックゲームの作り方を一緒に見ていくシリーズを始めたよ。

こんな↓アスレが創れるようになるぞ……！

さぁ、一緒に最高のアスレを作ろう！

アスレチックゲームの作り方

① まずはここからレッツゴー！（いまここ）
② リファクタリング）ステージをスプライトにしよう
③ シーンの切り替えのベース処理
④ ヒットボックスを使おう
⑤ アニメーションを実装しよう
⑥ 絶望の坂道処理を克服する
⑦ 長押しで大ジャンプする
⑧ 壁をツツ〜っとスライドする
⑨ か、壁ジャンプだと！？かっこよすぎるだろ（9月28日に公開予定）
⑩ ステージがヨコにだけ続くと誰が言った？タテ構造
⑪ うわ！障害物が行く手をさえぎるぞ
⑫ 動く床のギミックを作ろう！
⑬ ギミックに乗っているときの衝突処理
⑭ オシャレなグラフィックを作るコツ
⑮ アイテムをゲットできればゲームに目的ができる！
⑯ 重要アイテムがないと開かないドア！？たぎる！
⑰ チェックポイントを作って激ムズなアスレを作ろう！
⑱ ゲームオーバーを作って緊張感をキープする！
⑲ エネミーが現れた！どうすりゃいいのよ！？
⑳ エネミーを踏んづけろ！

今回の目標

今回はアスレチックゲームの基本となる動きを作るよ。上下左右の動きの実装だ。

重力で落下する
↑キーでジャンプ
←→キーで左右に移動する
地面に埋もれないようにする

当連載で取り上げるグリフパッチさんの動画はこちら

四角いアレを作る

この連載にはリミックス用のスタータープロジェクトがあるので、そちらをリミックスするところから始めよう！

https://scratch.mit.edu/projects/560596896

コスチュームを描こう

スタータープロジェクトには今後使う予定のコスチュームがたくさん含まれているけど、まずは基本部分を実装する際に使う四角いキャラを作ろう。この四角いキャラってスクラッチゲームだとめちゃめちゃよく見かけるよねｗ

ここは決まりはないから四角いキャラならなんでもOKだよ。とくにこだわりがないなら、↓これを真似てみてね。

サイズ感は38 x 38くらいの大きさだとテストしやすいよ。厳密に同じじゃなくても困らないから気にしすぎないでね。40とか30とかになっちゃっても大丈夫。

コスチューム名を変える

コスチュームの名前は「ガイ」にしておこうか。

スプライト名を変える

このタイミングでスプライトの名前も変えておこう！「プレイヤー」っていう名前にしておいてね。

ステージを描こう

つぎにステージを描いていくよ。まずはスプライトの右側にある「ステージ」「背景」っていうのを開いて、ここに描いていくよ。とりあえずね。

ステージは適当でOKだから、↓これみたいに階段と空中にブロックを作っておいてほしい。厳密なサイズ感は適当でいいよ。色は一色なら何色でもOK。

プレイヤーの動きを作ろう

ではプレイヤーを開いてほしい。

まずは落下の動きを作る

とりあえず緑の旗が押されたら初期位置に移動するようにしよう。

ずっとループを追加する

下に落ちる動きを実装するよ。

これでも動くけど、下にツツ〜っと動くだけの状態だね。もうちょっとリアルな落下を実装していこう。

変数「スピードY」を作る

スピードYを使って落下するようにしよう

着地するようにする

このままでは画面下まで落ちるだけだから、とりあえず着地っぽい動きも作っておこうか。条件ブロックを追加しよう。

条件式には「◯色に触れたら」という調べるブロックをはめよう。この際、色の指定はスポイトツールを使ってみよう。

スポイトツールで選択するのは、ステージの色だよ。

この条件ブロックの中で「すべてを止める」ようにしよう。

落下して着地できるかテストする

ピューン……

うん、まぁ地面に埋もれちゃってるけどOK。これを土台にして改善していこう。

着地を改善する

着地した際に埋もれてしまうのは仕方ないので、埋もれてしまった分だけ位置を調整するようなコーディングをしていきたい。

「◯まで繰り返す」ブロックを設置して、以下のように整えよう。

埋もれた分だけ調整されるかテストする

うん、バインバインしちゃったｗ

直そうか。

落下する力をゼロにする

バインバインしちゃう理由は、埋もれを調整した瞬間にまた落下する力（スピードY）が加わってしまっているから。だから最後にスピードYをゼロにすればOK。

で、これで試してみるとたしかにバインバインはしなくなるけど、「ニュル」って感じで埋もれが調整されるアニメーションが見えたままになってしまう。今回はこのニュルッと感はいらないので、更に調整していく。

定義「_埋もれを修正する」を作る

そこで役立つのがカスタムブロック定義の「画面を再描画せずに実行する」というオプションになる。これにチェックを付けた定義を作ろう。名前はアンダーバーから始めることで、この定義が再描画無しで実行するってパッと見で分かるようにしておく。これは僕がコーディングするときに使っているマイルールだよ。

ok-scratch

接頭語で変数やブロック定義などの種類をパッと見で分かるようにする方法は、コーディング規約としてまとめてあるよ。興味がある人はチェックしてね。

緑の旗が押されたときの中身を一部だけ移し替える

「◯色に触れたら」という条件ブロックの中身を定義に移そう。移した跡地には、定義の実行ブロックを置いておこう。

着地できたかテストする

ごめん、なんかこのショート動画、落下する部分を削ってしまってピクリともしてないｗ

けど、きっとピタッとステージで止まるようになっていると思うから、自分のプロジェクトを実行して確認してみてほしい。

変数「★重力」を作る

すべてのスプライト用であることがパッと見で分かるように名前の最初に★をつけておこう。

重力を適用する

-1で初期化して、スピードYに割り当てるところを置換しよう。

これでマジックナンバーがなくなり、見やすい作品になるよ。

マジックナンバーとは？

マジックナンバーというのはカンタンに言うと「パッと見では何を意味しているのか分からない数字」のこと。例えばいきなり「変数を10ずつ変える」とあったら「この10って何？いったいどこから来たの？勝手に変えていいの？」とよく分からないけど、10をジャンプ力という変数に入れておけば「10はジャンプ力ってことね」と見ただけで分かるようになる。
マジックナンバーが多いプロジェクトは、リミックス難易度が高くなりがち。後日、自分で修正するときも困るから、どこかのタイミングでマジックナンバーを変数化しておくと便利。