【スーパーマリオ】左右に移動する

シロクマ生徒

ついにマリオを作るんですね！

サトシ先生

はい！「マリオ」と言えばテレビゲームの代名詞といえるぐらい有名ですからね！ぜひチャレンジしてみましょう♪

完成した作品を確認

動きを動画で確認する

コードを確認する

①：チビマリオ

コスチューム

「立っているマリオ」と「歩いているマリオ」の2つのコスチュームを使って、左右の移動を表現します。

スクリプト

「緑の旗」が押されたとき、マリオの位置やコスチュームなどの初期設定をします。

「ずっと」ブロックを使用して、キー入力を監視します。また、ブロック定義などを使って、スクリプトを見やすくしています。

プログラミングの手順

動画の解説をみる

テキストの解説をみる

STEP①：リミックスする

次の作品をリミックスします。

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

scratch.mit.edu

STEP②：ゲームの初期設定をする（緑の旗がおされたとき）

マリオの位置を設定します。

BGMが流れるようにします。

STEP③：右矢印キーが押されたときに、右に進むようにします

マリオを滑らかに移動させるために、「ずっと」ブロックを使用してキーボードの入力を監視します。滑らかに動かすための方法は、次の記事が参考になります。

【検証】滑らかに動かす方法（キーリピート機能）

キャラクターが移動が、カクカクしていて滑らかに移動しないことがありませんか？それは、キーボード入力時に働く「キーリピート機能」が原因かもしれません。この機能をオフにすることはできませんが、スクリプトを工夫すれば解決することができます。

scratch.earth-shop.net

2023.03.02

コスチュームを変えることで、歩くアニメーションを表現します。

STEP④：左矢印キーが押されたときに、左に進むようにします

マリオが滑らかに移動するように、「ずっと」ブロックを使ってキー入力を監視します。

コスチュームを変えることで、歩くアニメーションを表現します。

「●度に向ける」ブロックを使って、画像の向きを変えます。

STEP⑤：スクリプトを見やすくします

左右に移動する、という処理をブロック定義を使って1つにまとめます。

共通する処理があるので、1つにまとめられるか検討します。

まとめ

シロクマ生徒

今日の説明は前回までの説明より分かりやすかったです（「フォートナイトの作り方」のこと）！

サトシ先生

はい、説明の仕方を少し工夫してみました。まだ分かりにくいところはありますか？どういった説明がわかりやすいか思いついた方は、「しつもん」ページから教えてくださいね！