スクラッチでマリオのゲームを作る特大レッスン#05 ブロックを壊せ

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

準備じゅんび このレッスンは前回ぜんかいい「スクラッチでマリオゲームの作つくり方かた#04 ゴールして次つぎへ」の続つづきです。 https://scratch.coach/lesson/mario004/ 「スクラッチでマリオ」シリーズの最終さいいしゅうゴールをチェック 最後さいいごまでレッスンを進すすめるとこのようなマリオゲームの土台どだいいとなるプロジェクトが完成かんせいいする予定よていいです。 当とうレッスンの完成かんせいい品ひんを確認かくにんする スクラッチプロジェクトをコピーして保存ほぞんする ファイル＞コピーを保存ほぞんする、を選えらんでプロジェクト名めいいを「マリオプロジェクト005 ブロック」としておきます。 コスチューム付つきのスプライトをダウンロードする 今回こんかいいはブロックのコスチュームを使つかうので、こちらのスプライトをダウンロードしてスクラッチエディタでアップロードしてくださいい。 • ブロックのスプライト ブロックの基本きほんを作つくる ブロックはマリオの特徴とくちょう的てきな仕組しくみの1つですね。ブロックの仕様しようはゴールに似にていいるので、ゴールを作つくり終おわったこのタイミングで取り組と　くむのがベストでしょう。 仕様しようを確認かくにんする ブロックの仕様しようは次つぎのとおりです。 • プレイヤーが近ちかづいいたら表示ひょうじされて、離はなれたら隠かくれます。 • ただし、ゴールと違ちがって最終さいいしゅうシーンにスポーンされるとは限かぎりません。 • こちらが指定していいした場所ばしょにスポーンするようにします。 • また、プレイヤーが触ふれたときの挙動きょどうもゴールと異ことなります。 • マリオと同おなじように、下したからジャンプしてブロックに触ふれると壊こわれるようにします。 • 上うえや横よこからブロックに触ふれても壊こわれません。 • また、プレイヤーはブロックに乗のることができます。 • 破壊はかいい不ふ可能かのうなブロックもあり、これを壊こわそうとするとバフンっと揺ゆれます（謎なぞいい） 表示ひょうじするところまでゴールと同おなじように作つくる 最初さいいしょはゴールの動うごきとほとんど同おなじです。 旗はたが押おされたとき とりあえず旗はたを使つかって確認かくにんしていいきます。 変数へんすう「スポーンするシーンのX座標ざひょう」を作つくる ゴールでも作つくった変数へんすうです。 初期しょき化かする ゼロに入いいれる式しきを作つくります。とりあえず最終さいいしゅうシーンにスポーンさせます。ゴールと全まったく同おなじです。 からの からの これでOK。あとでシーンの数かずについいては変更へんこうします。 変数へんすう「スポーンするX座標ざひょう」を作つくる 初期しょき化かする 式しきは次つぎの通とおりです。50のところは後々のちのち変かえます。 Y座標ざひょうを指定していいする 30くらいいに出だしておきます。 「ずっと」ループを置おく 条件じょうけんブロックを置おく 条件じょうけん式しきを入いいれる ここもゴールと同おなじく、スポーンするX座標ざひょうをプレイヤー（カメラ）が通り過とお　すぎたら、といいう条件じょうけん式しきにします。 表示ひょうじと非ひ表示ひょうじを切り替き　かえる 最初さいいしょはブロックを隠かくしておいいて、プレイヤーが近ちかづいいたら表示ひょうじするようにします。 動作どうさ確認かくにんする スポーンされましたか？ 変数へんすう「スポーンするX座標ざひょう」1030を、変数へんすう「★カメラのX座標ざひょう」が過すぎたらブロックが表示ひょうじされました。 うまくいいかないい場合ばあいいは、ここまでの式しきが正ただしいいか、大おおなり小こなりの向むきが合あってるか確たしかめてくださいい。 カメラに合あわせてブロックを動うごかす プレイヤーが左右さゆうに動うごいいたら、ブロックも合あわせて動うごくようにしていいきます。 変数へんすう「★画面がめん右端みぎはしのX座標ざひょう」を作つくる 前回ぜんかいいレッスンでマジックナンバーになってしまっていいた画面がめん右端みぎはしを表あらわす240ですが、このタイミングでしっかり変数へんすう化か（定数ていいすう化か）しておきます。 でもスクラッチ3.0にはまだ定数ていいすうといいう機能きのうがないいので、引き続ひ　つづき変数へんすうと呼よびます。 初期しょき化かする ステージで変数へんすう「★画面がめん右端みぎはしのX座標ざひょう」を初期しょき化かしておきます。 X座標ざひょうの調整ちょうせいいブロックを置おく 式しきをつくる からの からの これを X座標ざひょうの値あたいいにセットします。 動作どうさ確認かくにんする これでプレイヤーに合あわせてブロックが動うごくようになりました。ゴールの挙動きょどうと同おなじです。 通り過とお　すぎても隠かくす ゴールと違ちがって、ブロックはプレイヤーがスルーしてしまうこともあります。その場合ばあいいは、画面がめん左端ひだりはしにずっと残のこってしまうので、しっかり隠かくしたいいと思おもいいます。 変数へんすう「スポーンするシーンのX座標ざひょう」を調整ちょうせいいする シーンの合計ごうけいい数すうではなく、直接ちょくせつ2と入いいれておきます。動作どうさ確認かくにんのために暫定ざんていい的てきな数値すうちにしておきます。 これで変へんなところにスポーンします。 そして通り過とお　すぎても表示ひょうじされてしまうことも確認かくにんできました。 これを隠かくしたいいわけです。 X座標ざひょうが左端ひだりはしにいいったら隠かくす 隠かくすための判定はんていい方法ほうほうは色々いいろいいろ考かんがえられると思おもいいますが、今回こんかいいはブロックのX座標ざひょうが−240（左端ひだりはし）を越こえたら隠かくすようにします。 式しきにするとこのような感かんじです。 この式しきを「かつ」ブロックで既存きそん式しきと組み合く　あわせることで、表示ひょうじと非ひ表示ひょうじを切り替き　かえます。 また、「もし」ブロックを「もし〜でなければ〜」ブロックに置き換お　かえて、隠かくすブロックを「でなければ」に移動いいどうしてくださいい。 ブロック定義ていいぎ「スポーンする」を作つくる 基本きほん的てきな動うごきの締しめとして、ブロック定義ていいぎを作つくります。 ブロックは1つではなく、たくさん配置はいいちされるはずです。 そのため、このタイミングでクローン化かもしておきます。 オプションへのチェックもしておきます。 変数へんすうの初期しょき化か部分ぶぶんを移うつす 引数ひきすうを割り当わ　あてる 変数へんすう「スポーンするY座標ざひょう」を作つくる 初期しょき化かする 初期しょきコスチュームを明示めいいじする ブロック1に着替きがえる処理しょりを入いいれておきます。 クローンを作つくる クローンされたときの処理しょりにメイン処理しょりを移うつす Y座標ざひょうに変数へんすうを割り当わ　あてる 適当てきとうに指定していいしてあった30の代かわりに変数へんすうを割り当わ　あてます。 動作どうさ確認かくにんする 旗はたが押おされたときにブロック定義ていいぎ「スポーンする」を叩たたいいて、うまくブロックが配置はいいちされるかチェックします。 すると変へんな子こがいいました。 これは何なんか予想よそうがつきますか？ そう、これはスプライト本体ほんたいいです。 隠かくし忘わすれていいました。 本体ほんたいいを隠かくす これでOKです。 色々いいろいいろ上手うまくいいったと思おもいいきや、レベル2でも同おなじ位置いいちにブロックがスポーンしてしまいいました。 レベルによってブロックの配置はいいちを変かえる ブロックを消けしていいませんから、レベル１でスポーンしたブロックはそのままレベル２でも表示ひょうじされてしまっていいます。 レベルによってブロックの配置はいいちは変かえたいいので、改善かいいぜんしていいきます。 スポーン処理しょりのタイミングを変かえる 旗はたが押おされたときにスポーンするのではなく、メッセージ「レベルの初期しょき化かが終おわりました」を受け取う　とったときにスポーン処理しょりをするよう変更へんこうします。 本体ほんたいいを隠かくす処理しょりはそのまま レベルごとの条件じょうけん分岐ぶんきブロックを追加ついいかする ここは泥臭どろくさく「もし」ブロックでレベル1なら、レベル2なら……と指定していいする方法ほうほうがもっともシンプルです。 メッセージ「ゴールしました」を受け取う　とりクローンを消けす これでレベルごとにブロックは刷新さっしんされます。古ふるいいものは消けされ、新あたらしいい配置はいいちが行おこなわれます。 レベル2のブロックも配置はいいちする すべてうまく行いいったか試ためすために、レベル2のブロックも適当てきとうでいいいいので配置はいいちしてみてくださいい。 動作どうさ確認かくにんもして、ブロックがレベル1とは違ちがう場所ばしょに出でていいることをチェックします。 ブロックを壊こわす 基本きほん的てきな動作どうさはこれでOKです。ここからはブロックを破壊はかいいする機能きのうにタックルしていいきます。 現状げんじょうではプレイヤーとブロックが接触せっしょくしても何なんも起おきません。 当あたり判定はんていいを作つくる まずはカンタンな当あたり判定はんていいを実装じっそうしてみてスタートとします。 これでブロックに触ふれると色いいろが変かわることを確認かくにんしてくださいい。ここから実装じっそうを始はじめます。 ブロック定義ていいぎ「壊こわれたか調しらべる」を作つくる  ブロック定義ていいぎの中身なかみを作つくる 今いいましがた作つくった「プレイヤーに触ふれたら〜」の処理しょりをブロック定義ていいぎに移動いいどうします。 変数へんすう「壊こわれたかどうか」を作つくる プレイヤーが触ふれたら変数へんすう「壊こわれたかどうか」を1にする 色いいろをつけるブロックは消けしてOKです。 クローンされたときの処理しょりに条件じょうけん文ぶんを追加ついいかする これで動作どうさを確認かくにんしてくださいい。ブロックにプレイヤーが触ふれたら「壊こわれた！」と言いいうはずです。 ただ、これだとプレイヤーがブロックのどこに触ふれても「壊こわれた！」と言いいいいいいます。 当あたり判定はんていい用ようのコスチュームを作つくる ジャンプで下したから当あたったときだけ壊こわれるようにしていいきます。そのため、ブロックの「弱点じゃくてん」をコスチュームで決きめます。 1. ブロック1のコスチュームを複製ふくせいいします 2. 色いいろは適当てきとうでいいいいので、ブロックの下部かぶに四角しかくを作つくります。少すこし両りょうサイドを空あけておきます。 3. ブロックの部分ぶぶんは不要ふようなので消けします 4. コスチューム名めいいを「ブロック_弱点じゃくてん」に変更へんこうします 当あたり判定はんていいの前後ぜんごでコスチュームを変かえる 最初さいいしょに今いいま作つくった「ブロック_弱点じゃくてん」に着替きがえます。そして処理しょりの最後さいいごにコスチュームをもとに戻もどします。 いいまはブロック1で固定こていいなので、そのまま指定していいすればOKです。 動作どうさ確認かくにんする 動作どうさを確認かくにんしたいいのですが、今いいまはプレイヤーがブロックをすり抜ぬけてしまうので、しっかり確認かくにんできません。 ブロック定義ていいぎ「壊こわれたか調しらべる」のチェックは後回あとまわしにして、まずプレイヤーとブロックが接触せっしょくするロジックに取り組と　くみます。 プレイヤーのブロック定義ていいぎ「シーンに触ふれていいるか調しらべる」を変かえる 「または」ブロックを使つかって、シーンかブロックに触ふれたらTRUEトゥルーにします。 名称めいいしょうも変かえる シーンに触ふれていいるか調しらべるといいう名称めいいしょうを「障害しょうがいい物ぶつに触ふれていいるか調しらべる」に変かえます。 変数へんすう「シーンに触ふれていいるかどうか」の名称めいいしょうも変かえる 変数へんすうも「障害しょうがいい物ぶつに触ふれていいるかどうか」に変かえます。 動作どうさ確認かくにんする ブロックに乗のれるようになりました。ジャンプ力りょくが足たりずに乗のれないい場合ばあいいは、いいったんマウスを使つかってプレイヤーを掴つかんで乗のせても良よいいでしょう。 乗のってもブロックの弱点じゃくてんには触ふれていいないいので、壊こわれることはありません。 一方いいっぽう、下したからジャンプしてブロックの弱点じゃくてんに触ふれると「壊こわれた！」といいうデバッグ用ようのセリフが出でます。ブロックに関かんしては意図いいとした通とおりの振る舞ふ　まいいですね。 ブロックが壊こわれる振る舞ふ　まいいを作り込つく　こむ そろそろ「壊こわれた！」と言いいわせるのを止とめて、壊こわれる振る舞ふ　まいいを作り込つく　こみます。またブロックのスプライトを選択せんたくしておいいてくださいい。 音おとを鳴ならす 壊こわれるときの音おとを決きめて鳴ならします。ここではCrunchクランチといいう音おとを選えらびました。クランチは噛み砕か　くだくといいう意味いいみですが、なんとなくブロックが壊こわれる感かんがあったので選えらびました。 「○と言ゆう」ブロックを外はずして「音おとを鳴ならす」ブロックを入いいれました。 コスチュームを変かえるループを置おく 壊こわれる動作どうさのコスチュームは5個こあるので、「5回かいい繰り返く　かえす」ループを置おいいてくださいい。 壊こわれながらフェードアウトする ブロックのコスチュームが変かわるごとに、徐々じょじょにブロックが崩壊ほうかいいしていいきます。それに合あわせて幽霊ゆうれいい効果こうかを高たかくしていいき、徐々じょじょに透明とうめいい化かします。 最終さいいしゅう的てきには5 * 20 = 100となり、完全かんぜんに透明とうめいいになります。これに音おとが合あわさり、ブロックが壊こわれた感かんを演出えんしゅつします。 クローンを削除さくじょする 透明とうめいいにするだけではなく、最後さいいごにクローンを消けして本当ほんとうに消滅しょうめつさせることで終了しゅうりょうです。 動作どうさ確認かくにんする ブロックが意図いいとしたとおりに壊こわれてフェードアウトしていいくか確たしかめてくださいい。 プレイヤーの頭あたまが当あたった振る舞ふ　まいいを作つくる ブロックの壊こわれた感かんは演出えんしゅつできましたが、現状げんじょうではプレイヤーがブロックを突き抜つ　ぬけてジャンプしてしまいいます。 頭あたまが当あたったときは、バウンドするように落下らっかしたほうが自然しぜんに思おもいいます。 コスチューム「当あたり判定はんていいエリア上じょう」を作つくる 1. 「当あたり判定はんていいエリア下した」を複製ふくせいいします 2. 目安めやすとして歩あるく1のネコを配置はいいちします 3. 頭あたまに隠かくれる程度ていいどの位置いいちに四角しかくを描えがきます。色いいろにはこだわりません。 4. コスチューム名めいいを「当あたり判定はんていいエリア上じょう」に変かえます 5. 最後さいいごにネコは消けしてOKです ブロック定義ていいぎ「Y軸じくに移動いいどうする」を変かえる 今いいまは当あたり判定はんていいエリア下かのみチェックしていいるので、当あたり判定はんていいエリア上じょうでもチェックするように変かえていいきます。 コスチュームを変かえるブロックを移うつす ループの外そとでコスチュームを変かえていいましたが、ループ内ないいで変かえるようにブロックを移動いいどうします。 移動いいどう前まえ 移動いいどう後ご コスチューム変更へんこうから下したを複製ふくせいいする ごっそりコピーします。 当あたり判定はんていいエリア上じょうに着替きがえる 上うえのスクショでは、「コスチュームを当あたり判定はんていいエリア上じょうにする」ようにしてあるので、みなさんも変かえておいいてくださいい。 ログも変かえる ログも「上うえが触ふれました」に変かえておくと分わかりやすいいです。 落下らっかさせる プレイヤーが上昇じょうしょう中ちゅうに頭あたまが当あたったら落下らっか処理しょりを始はじめてほしいいです。 コスチューム「当あたり判定はんていいエリア上じょう」の状態じょうたいいで障害しょうがいい物ぶつに触ふれたとき、変数へんすう「スピードY」の値あたいいがプラスであれば、上昇じょうしょう中ちゅうに頭あたまが当あたったとします。そしてこのタイミングで滞空たいいくう時間じかんにプラスの値あたいいを入いいれます。数値すうちは大おおきめに99を入いいれておきます。 また変数へんすう「スピードY」の値あたいいをゼロにしておきます。上うえに向むかう力ちからであるスピードYをゼロにすることで、これ以上いいじょうプレイヤーが上昇じょうしょうすることはなくなります。 上昇じょうしょうする力ちからがゼロで、空中くうちゅうにいいることを示しめす滞空たいいくう時間じかんにプラスの値あたいいが格納かくのうされていいるため、常つねに重力じゅうりょくの影響えいいきょうを受うけていいるプレイヤーは落下らっかを始はじめます。 バウンドさせる ただ落下らっかするのではなく、ブロックに当あたって跳ね返は　かえるようにバウンドして落下らっかさせたいいので、Y座標ざひょうをガクッと減へらします。 動作どうさ確認かくにんする ブロックに当あたるとプレイヤーの上昇じょうしょうが止とまり、かつ下したに10座標ざひょう分ぶんガクッと下さがるので、バウンドしていいるように見みえます。 これでプレイヤー側がわもブロックに当あたった感かんの演出えんしゅつができました。 ブロックをリファクタリングする 破壊はかいい不ふ可能かのうなブロックを作り込つく　こむ前まえに、少すこしだけリファクタリング（改善かいいぜん）しておきます。 ブロック定義ていいぎ「表示ひょうじ・非ひ表示ひょうじを切り替き　かえる」を作つくる 表示ひょうじと隠かくすブロックの処理しょりをブロック定義ていいぎにまとめておきます。 移動いいどう前まえ 移動いいどう後ご  ブロック定義ていいぎ「壊こわれる」を作つくる 壊こわれる処理しょりもブロック定義ていいぎにまとめます。 移動いいどう前まえ 移動いいどう後ご 壊こわせないいブロックを作つくる 破壊はかいい可能かのうなブロックばかりだと、単たんなる足場あしばとして置おいいておきたいいブロックなども壊こわれてしまいい、ゲームが進すすめなくなってしまいいます。 そこで、破壊はかいい可能かのうなブロックと破壊はかいい不ふ可能かのうなブロックの両方りょうほうを作つくれるようにしていいきます。 ここでは変数へんすう「破壊はかいい可能かのうかどうか」といいうフラグ変数へんすうを使つかう作戦さくせんで行いいきます。 ブロック定義ていいぎ「スポーンする」を編集へんしゅうする もともと作つくってあるブロック定義ていいぎ「スポーンする」を右みぎクリックして編集へんしゅうします。ラベルと引数ひきすうを下図かずのように追加ついいかします。 変数へんすう「破壊はかいい可能かのうかどうか」を作つくる 初期しょき化かする 破壊はかいい可能かのうなときだけ壊こわれるようにする 壊こわれたか調しらべる処理しょりに、変数へんすう「破壊はかいい可能かのうかどうか」を使つかった条件じょうけん分岐ぶんきを追加ついいかします。 これで破壊はかいい可能かのうではないいブロックは、そもそもブロック定義ていいぎ「壊こわれたか調しらべる」が無効むこうになります。 ブロック定義ていいぎ「スポーンする」の引数ひきすうを指定していいする ブロックをスポーンさせるところで、各かくブロックに0か1の値あたいいを入いいれておきます。 • 0なら壊こわれません • 1なら壊こわれます 動作どうさ確認かくにんする 破壊はかいい不ふ可能かのうなブロックにジャンプで当あたっても何なんも起おきません。これで正ただしいいのですが、なんだか分わかりづらいいといいう印象いいんしょうを受うけました。 破壊はかいい不ふ可能かのうエフェクトを作つくる マリオのゲームでは破壊はかいい不ふ可能かのうなブロックを壊こわそうとすると、バフンっと揺ゆれるようなエフェクトが起おきて「あ、これは壊こわせないいのね」と直感ちょっかん的てきに分わかります。 ここでもそういいった動うごきを実現じつげんしたいいと思おもいいます。 これにはブロック定義ていいぎ「壊こわれたか調しらべる」を使つかいいます。この中身なかみを少々しょうしょう複雑ふくざつに変更へんこうするので、作り直つく　なおすような手順てじゅんで解説かいいせつします。 「もし〜でなければ」ブロックを置おく まずこういいう条件じょうけん分岐ぶんきを作つくります。 コスチューム「ブロック_弱点じゃくてん」を付つける 破壊はかいい可能かのうな場合ばあいいにプレイヤーに触ふれた際さいいのブロックを追加ついいかする 最後さいいごにコスチュームを戻もどす これで現状げんじょうの「壊こわれたか調しらべる」と同おなじ処理しょりができました。次つぎに「でなければ」の中身なかみを作つくります。 コスチュームを戻もどすブロックを追加ついいかする Y座標ざひょうをずらす処理しょりを作つくる バフンっといいうエフェクトを表あらわす処理しょりを作つくります。とりあえずY座標ざひょうを1ずつ合計ごうけいい3ずらして戻もどすブロックを作つくります。 合体がったいいさせる 動作どうさ確認かくにんする すると上手うまくいいき……ませんでした。 修正しゅうせいいする 「プレイヤーに触ふれたら」といいう条件じょうけん分岐ぶんきを一番いいちばん外側そとがわに配置はいいちして、コスチュームを戻もどすブロックも外側そとがわに移動いいどうします。 分わかりづらいいと思おもいいますので、修正しゅうせいい作業さぎょうを動画どうがにしておきました。 動作どうさ確認かくにんする 今度こんどこそブロックを壊こわそうと飛とびつくとバフンっと上下じょうげにブロックが動うごき、壊こわれませんよアピールをします。 成功せいいこうです。 しかし、横よこに歩あるきながら壊こわそうとしてみてくださいい。カクカクしてしまいいます。上下じょうげに動うごく部分ぶぶんはそのままですが、横よこに瞬間しゅんかん移動いいどうするようにカクカクっと動うごいいてしまうのです。 これはカメラが移動いいどうしていいる処理しょりに関連かんれんしていいます。 また、もうちょっとバフン感かんを修正しゅうせいいしたいいです。縦たてに3は大おおきすぎたので1か2に直なおします。 破壊はかいい不ふ可能かのうエフェクトを修正しゅうせいいする X方向ほうこうにカクカクしてしまう原因げんいいんは、カメラが動うごいいていいるのにブロックがY座標ざひょうにのみ動うごいいていいるため、カメラに付ついいてこれてないい瞬間しゅんかんがあるからです。 そこで、XもYも同時どうじに動うごくようブロックを変更へんこうします。 X座標ざひょうにはカメラの動うごきに合あわせて動うごく演算えんざんを入いいれます。これはすでに作つくった演算えんざんをコピペするとよいいでしょう。 そしてY座標ざひょうにはとりあえず「Y座標ざひょう + 1」を入いいれておきます。 マイナスの挙動きょどうも作つくる ブロック定義ていいぎ「位置いいちを調整ちょうせいいする」を作つくる カメラに合あわせて動うごかす処理しょりは、３箇所かしょに散ちらばっていいます。ほとんど同おなじ処理しょりなので一元いいちげん管理かんりしておきたいいと思おもいいます。 実装じっそうする 引数ひきすうを適用てきようする 引数ひきすうを適用てきようします。 また、Y座標ざひょうの部分ぶぶんを変数へんすう「スポーンするY座標ざひょう」を利用りようすることにしました。 ブロック定義ていいぎ「壊こわれたか調しらべる」内ないいを置き換お　かえる 「クローンされたとき」内ないいを置き換お　かえる 動作どうさ確認かくにんする どうでしょうか。納得なっとくのいいくバフンっ感かんがでました。 コインをゲットせよ ブロックを壊こわせるようになりました。しかし、何なんか足たりませんね。そうです、マリオではブロックを壊こわしたら中なかからコインが出でたり、キノコがでてきたりしますよね。 スクラッチ版ばんマリオでも、コインをゲットできるようにします。 数すう日じつ以内いいないいに更新こうしんします！ブックマークよろしくお願ねがいいします♪