スクラッチでマリオのゲームを作る特大レッスン#02 ジャンプせよ

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

ジャンプを作つくる マリオといえばジャンプして敵てきを踏ふんで倒たおすというのが定番ていばんですよね。ブロックを壊こわすときもっともジャンプしますね。つまりジャンプはスーパーマリオで最もっともっともっとも大事だいじな動うごきの1つと言いえます。 ここからはジャンプをやっていきましょう。 今いままではX軸じくの動うごきでしたが、ここからY軸じくの動うごきに着手ちゃくしゅするので、動うごきがますます複雑ふくざつになっていきます。1つずつ丁寧ていねいに解説かいせつしていくので、一緒いっしょにがんばりましょう！ 上じょうキーを感知かんちする とりあえず上うえキーを押おしたらY座標ざひょうを10ずつ変かえるブロックを追加ついかして、動うごきを確たしかめましょう。もっともちろん動うごくと思おもっともいますが、儀式ぎしき的てきな感かんじです。 変数へんすう「スピードY」を作つくる X軸じくのときと同おなじように変数へんすうでスピードを管理かんりしていきます。スピードYという変数へんすうを作つくってください。 上うえを押おしたら変数へんすう「スピードY」に加算かさんする 上うえキーを押おしたらスピードYを一定いっていの数値すうちにセットします。ひとまず10にしておきます。 Y座標ざひょうに変数へんすう「スピードY」を加算かさんし続つづけます X軸じくのときと同おなじように、Y座標ざひょうにもっともスピードYを加算かさんし続つづける仕様しようにします。旗はたを押おしたらにある「ずっと」ループ内ないにブロックを追加ついかしてください。 変数へんすう「★重力じゅうりょく」を追加ついかする これだけでは上うえを押おしたらプレイヤーがずっと上うえに浮ういている状態じょうたいが続つづいてしまうので、プレイヤーを下したに落下らっかさせる処理しょりを追加ついかします。 ここでは重力じゅうりょくという変数へんすうを作つくり、常つねにプレイヤーを下したに引っ張ひ　ぱる力ちからを加くわえます。 この変数へんすうはすべてのスプライト用ように作つくるので、接頭せっとう語ごに★をつけておいてください。 初期しょき化かする マイナス1になるように初期しょき化かしてください。 プレイヤーを重力じゅうりょくで落おとし続つづける 変数へんすう「スピードY」を変数へんすう「★重力じゅうりょく」で変かえ続つづけます。こうすることでプレイヤーは常つねに重力じゅうりょくの影響えいきょうを受うけることになります。 プレイヤーの初期しょき位置いちを初期しょき化かする いちいちプレイヤーの位置いちを戻もっともどすのは手間てまなので、少すこし高たかいところに初期しょき位置いちを設定せっていします。 着地ちゃくちできるようにする 動うごかしてみると、プレイヤーが画面がめんの下したまで落おちてしまいましたね。ずっと重力じゅうりょくの影響えいきょうを受うけているので、際限さいげんなく下したに移動いどうしてしまうのです。 そこで、「もっともし」ブロックを使つかってプレイヤーが着地ちゃくちできるようにしましょう。 これには調しらべるブロックの１つである「○に触ふれた」ブロックが有効ゆうこうです。ステージスプライトに触ふれたら変数へんすう「スピードY」をゼロにして、これ以上いじょうの落下らっかを止とめます。 しかし、こうすると動うごかなくなってしまいますよね。 また、ときどきプレイヤーがステージに埋うまってしまったり、少すこしだけ空中くうちゅうに浮ういてしまったりする現象げんしょうもっとも起おきているのではないでしょうか。 着地ちゃくち判定はんていに条件じょうけんをつける まずは動うごかなくなってしまう問題もっともんだいにタックルします。 動うごかなくなった原因げんいんは、ステージに触ふれている間あいだはずっと変数へんすう「スピードY」がゼロに固定こていされてしまうので、落下らっかしたタイミングだけではなく、そのあともっともずっと変数へんすう「スピードY」がゼロから変かわらなくなってしまうからです。 そこで、さらに条件じょうけんを追加ついかします。 変数へんすう「スピードY」がゼロよりもっとも大おおきいときだけ、この着地ちゃくち判定はんていが行おこなわれるようにします。こうすることで、着地ちゃくちしたあとにまた上うえキーを押おせば、変数へんすう「スピードY」は10に戻もっともどることができます。 ブロック定義ていぎに処理しょりを移うつす すこしループ内ないが混雑こんざつしてきたので、このタイミングで今いままでのY軸じくの移動いどう処理しょりをブロック定義ていぎに変かえておきます。 ブロック定義ていぎに移うつし終おわったら、動作どうさ確認かくにんをしてとりあえずここまでの動うごきが壊こわれていないか確認かくにんしましょう。 地面じめんに触ふれているかどうかを1座標ざひょうずつ調しらべる ここからは、着地ちゃくち時じにプレイヤーが地面じめんに埋うまってしまう、または地面じめんから少すこし浮ういている問題もっともんだいにタックルしていきます。 様々さまざまな方法ほうほうがありますが、プレイヤーが次つぎに移動いどうする位置いちにステージがあるかどうかを1座標ざひょうずつチェックしていく作戦さくせんでいきます。 分わかりづらい部分ぶぶんなので、何なん度どか読み返よ　かえしてマスターしてください。マリオだけではなく、シューティングゲームやイラストアニメーションのような別べつプロジェクトでもっとも応用おうよう可能かのうな処理しょりです。必かならず役やくに立たちます。 Y座標ざひょうを−1ずつ変かえるように微び調整ちょうせいする まずはブロック定義ていぎ「Y軸じくに移動いどうする」内ないの処理しょりを少すこしだけ変かえます。一番いちばん下したにあった「y座標ざひょうをスピードYずつ変かえる」ブロックを外はずして、少すこし上うえに移動いどうします。また、値あたいを-1に変かえます。 文字もっともじだと分わかりづらい部分ぶぶんなので画像がぞうをご覧らんください。 変数へんすう「直前ちょくぜんのY座標ざひょう」を作つくる Y座標ざひょうを-1してプレイヤーがステージに触ふれているか調しらべて、触ふれていたら移動いどうを中断ちゅうだんするために直前ちょくぜんのY座標ざひょうに戻もっともどしたいと思おもっともいます。そこで、チェック前まえのY座標ざひょうを変数へんすう「直前ちょくぜんのY座標ざひょう」に預あずけておきます。 変数へんすう「直前ちょくぜんのY座標ざひょう」のおかげで、Y座標ざひょうを-1する処理しょりを何なん回かい繰り返く　かえしてもっとも、カンタンにY座標ざひょうを元もっともとに戻もっともどせます。 変数へんすう「直前ちょくぜんのY座標ざひょう」を初期しょき化かする 処理しょりの直前ちょくぜんにY座標ざひょうの値あたいで初期しょき化かします。 ステージに触ふれたら元もっともとに戻もっともどす ステージに触ふれたタイミングで、直前ちょくぜんのY座標ざひょうに戻もっともどします。こうすることで地面じめんに触ふれた瞬間しゅんかんに落下らっかが止とまります。 しかし、これだと再ふたたびジャンプができなくなってしまいます。 なぜなら、「もっともし」ブロックのせいで変数へんすう「スピードY」がゼロより大おおきくなる前まえにプレイヤーのY座標ざひょうを-1してステージに触ふれたか判定はんていするので、必かならずステージに触ふれている判定はんていになってしまうからです。 これを改善かいぜんするには2ステップ必要ひつようです。見みていきましょう。 変数へんすう「スピードY」がゼロなら、という条件じょうけんをやめる 原因げんいんの1つである「もっともし」ブロックを除去じょきょします。 進行しんこう方向ほうこうの1つ先さきにある座標ざひょうをチェックするよう変かえる いまは「Y座標ざひょうを-1ずつ変かえる」と直接ちょくせつ入力にゅうりょくしているので、これでは必かならず下か方向ほうこうしかチェックしません。しかしジャンプするときは上じょう方向ほうこうに向むかっているので、下したをチェックする必要ひつようはなく、むしろ邪魔じゃまです。 そこで上うえに向むかうときはY座標ざひょうをプラス1して、下したに向むかうときはY座標ざひょうをマイナス1したいと思おもっともいます。 それには絶対ぜったい値ちが有効ゆうこうです。 この式しきはどうなっているのでしょうか。 たとえば変数へんすう「スピードY」の値あたいが10だったとします。これは上うえに向むかっているときの値あたいですね。プラス10の絶対ぜったい値ちは10なので、このときの式しきは「10 ÷ 10」つまり1です。 そして変数へんすう「スピードY」の値あたいが-5だったとします。これは下したに向むかっているときの値あたいです。マイナス5の絶対ぜったい値ちは5なので、このときの式しきは「-5 ÷ 5」つまりマイナス1となります。 これにより上うえに向むかうときはプラス1、下したに向むかうときはマイナス1という要件ようけんを実現じつげんできました。 しかし、動うごきを試ためしてみるとジャンプが小ちいさくなってしまっていませんか？それに上うえキーをずっと押おしていたらやっぱり空中くうちゅう浮遊ふゆうしてしまいます。どうやらまだまだ改善かいぜんしないといけないようですね。 判定はんてい処理しょりを繰り返く　かえす ジャンプが小ちいさくなっている理由りゆうは、スピードYの値あたいが10であろうと100であろうと、絶対ぜったい値ちで割わって1にしてしまっているので、Y座標ざひょうが1ずつしか変かわらないという点てんです。 そこで、この処理しょりを変数へんすう「スピードY」の絶対ぜったい値ちの分ぶんだけ繰り返く　かえします。 これでジャンプは予定よてい通とおり10座標ざひょう分ぶん動うごくようになりました。 しかし、なんだか動うごきが「もっともっさり」していませんか？ずいぶんゆっくりなジャンプになってしまっていると思おもっともいます。この理由りゆうは、Y座標ざひょうを1変かえる度たびに判定はんてい処理しょりが行おこなわれているので、1座標ざひょうずつカクカクして見みえているからです。 ブロック定義ていぎを再さい描画びょうがさせずに行おこなう 今回こんかいのカクカク現象げんしょうは、1座標ざひょうずつ変かえる度たびに判定はんてい処理しょりが行おこなわれてしまっていることが原因げんいんでした。 そこで、変数へんすう「スピードY」が10なら、10回かいの判定はんてい処理しょりが終おわってからプレイヤーを動うごかすように変更へんこうできればOKです。 ブロック定義ていぎには「画面がめんを再さい描画びょうがせずに実行じっこうする」というオプションがあることをご存知ぞんじですか？ このオプションこそが今回こんかいの鍵かぎです。 ブロック定義ていぎを右みぎクリックしてオプションにチェックを入いれてからOKを押おしてください。 動うごきはどうですか？しっかり10座標ざひょう分ぶんのジャンプができるようになっているのではないでしょうか。 上手うまく動うごかないひとは「○回かい繰り返く　かえす」ブロックに変数へんすう「スピードY」の絶対ぜったい値ちが入はいっているかチェックしてください。 この「再さい描画びょうがせずに実行じっこうする」オプションは、ある意味いみで未来みらい予想よそうができるもっとものです。一瞬いっしゅんで処理しょりをしているから、人間にんげんの感覚かんかくではとらえきれないためです。色々いろいろな場面ばめんで役やくに立たつので、このオプションの使つかい方かたの1つとしてマスターしていくと良よいでしょう。 空中くうちゅうジャンプをできなくする さて、ジャンプはいい感かんじになってきましたが、ジャンプ中ちゅうに上うえキーを押おすと好すきなだけ空中くうちゅうジャンプができてしまうのが現状げんじょうです。 これはこれで面白おもっともしろい発想はっそうに繋つながりそうですが、ここでは空中くうちゅうジャンプは禁止きんししたい思おもっともいます。 考かんがえ方かたとしては、空中くうちゅうにいるかどうかを判定はんていして、空中くうちゅうにいたら上うえキーを押おしてもっとも効きかなくするという感かんじです。 変数へんすう「滞空たいくう時間じかん」を作つくる 空中くうちゅうにいるかどうかを判定はんていするために、滞空たいくう時間じかんという変数へんすうを作つくります。 加算かさんし続つづける 滞空たいくう時間じかんに1を加算かさんし続つづけるようにします。 上じょうキーの条件じょうけんに滞空たいくう時間じかんを使つかう 滞空たいくう時間じかんが3未満みまんのときだけ変数へんすう「スピードY」が10になるように調整ちょうせいします。 この3という数値すうちは感覚かんかく的てきなもっとものですから、自分じぶんで動うごきを確たしかめながらどのくらいの数値すうちが良よいか見定みさだめてもっともOKです。 これで空中くうちゅうジャンプもっとも行おこなわれなくなり、マリオの横よこスクロールの基本きほん的てきな動作どうさが完成かんせいしました。歩あるく、ジャンプ、横よこスクロール、この3つが完成かんせいしたことは大おおきな進歩しんぽです。 マリオの土台どだいができたと言いってもっとも過言かごんではありません。 壁かべ・坂さかの処理しょりに挑戦ちょうせんしていこう！ 次つぎにタックルするのは、ステージが起伏きふくに富とんでいる際さいに生しょうじる問題もっともんだいです。すなわち「壁かべに当あたったら止とまる」「でもっとも坂さかなら登のぼる・降おりる」です。 壁かべに当あたったら止とまると言いってもっとも、今回こんかいはプレイヤーのX座標ざひょうを動うごかさずに★カメラのX座標ざひょうを使つかって移動いどうを実現じつげんしていますよね。こういう場合ばあいはどうコーディングしていけばよいのでしょうか。 また、坂さかもっとも厄介やっかいです。壁かべと坂さかの違ちがいをプログラム上じょうどのように見分みわければ良よいでしょうか。 これらもっとも厄介やっかいな実装じっそうが必要ひつようですが、引き続ひ　つづき丁寧ていねいに解説かいせつしていきますので、一緒いっしょにトライしていきましょう！