スクラッチでマリオを作ろう!作り方をわかりやすく解説!【Scratch】

当ページのリンクには広告が含まれています。

この記事では、スクラッチ(Scratch)で「マリオ」を作る方法を解説しています。この記事と同じように作ることで、だれでもプログラミングでゲームを作ることができるようになります。

スクプロくん
YouTubeでも同じ内容を解説しているよ!

マリオの遊び方

スクプロくん
ステージを移動してクッパを倒そう!

操作方法

  • 左右に動かす:矢印キー「←→」
  • ジャンプ:矢印キー「↑」

パソコンで操作してください。
緑の旗を押してゲームを開始すると、音が出ます。

目次

マリオの作り方①

スクプロくん

マリオのコスチュームをつくっていくよ

  • マリオの作成

マリオの作成

  • スプライト「cat」を修正し、「マリオ」のコスチュームを2つ作成
マリオのコスチューム1
スクプロくん

コスチュームの詳しい作り方は下の動画をみてね

マリオの作り方②

スクプロくん

背景をつくっていくよ

  • マリオの動き①
  • 背景の準備
  • マリオの動き②

マリオの動き①

  • 《マリオ》に以下のコードを追加
マリオの動きのコード1

背景の準備

  • 背景を選ぶから「Blue Sky」を選択
  • スプライトを描くでスプライトを追加し、スプライト名を《背景》にする
  • 「Blue Sky」のコスチュームをコピーし、《背景》にコピー
背景のコスチューム
スクプロくん

背景の詳しい作り方は下の動画の 0:20 ~ 1:40 をみてね

マリオの動き②

  • 《マリオ》に以下のコードを追加
マリオの動きのコード2
  • 《背景1》に以下のコードを追加
背景1のコード
  • 《背景1》を複製し《背景2》を作成
  • 《背景2》に以下のコードを追加
背景2のコード

マリオの作り方③

スクプロくん

マリオがジャンプするコードをつくるよ

  • マリオのジャンプ
  • ステージの改造

マリオのジャンプ

  • 「マリオ」に以下のコードを追加
マリオのジャンプのコード

ステージの改造

  • 《背景1》と《背景2》に足場を追加
背景に足場を追加
スクプロくん

コスチュームの詳しい作り方は下の動画の 0:37 ~ 1:22 をみてね

マリオの作り方④

スクプロくん

クリボーをつくるよ

  • クリボーの準備
  • クリボーの動き

クリボーの準備

  • スプライトを選ぶから《Pico》を選択し、コスチュームを以下のように修正
クリボーのコスチューム
スクプロくん

コスチュームの詳しい作り方は下の動画の 0:00 ~ 0:41 をみてね

クリボーの動き

  • 《クリボー》に以下のコードを追加
クリボーの動きのコード
  • 《クリボー》に以下のコードを追加
クリボーが踏まれた時のコード

マリオの作り方⑤

スクプロくん

当たり判定をつくっていくよ

  • 当たり判定
  • キラーの設定

当たり判定

  • 《マリオ》に以下のコードを追加
クリボーの当たり判定のコード

キラーの設定

  • スプライトを選ぶから《Rocketship》を選択し、スプライト名を《キラー》に変更
  • 《キラー》に以下のコードを追加
キラーの動きのコード
  • 《キラー》に以下のコードを追加
キラーの当たり判定コード

マリオの作り方⑥

スクプロくん

ボスのステージをつくっていくよ

  • ボスステージ①
  • ボスステージ②
  • ボスステージ③
  • ボスステージ④

ボスステージ①

  • 《マリオ》のコードに [距離] という変数を追加
マリオのボス用のコード

ボスステージ②

  • 《背景1》と《背景2》に「ボス戦」というコスチュームを追加
背景にボス用を追加

スクプロくん

コスチュームの詳しい作り方は下の動画の 0:42 ~ 1:40 をみてね

ボスステージ③

  • 《背景1》と《背景2》に以下のコードを追加
背景にボス用に追加するコード

ボスステージ④

  • 《クリボー》に以下のコードを追加
クリボーが出てこなくなるコード
  • 《キラー》に以下のコードを追加します。
キラーが出てこなくなるコード

マリオの作り方⑦

スクプロくん

さいごにクッパをつくるよ

  • ボスの準備
  • ボスの動き
  • ボスの攻撃①
  • ボスの攻撃②

ボスの準備

  • スプライトを選ぶから《Tera》を選択し、スプライト名を《クッパ》に変更
  • 《クッパ》のコスチュームを以下のように修正
クッパのコスチューム1
スクプロくん

コスチュームの詳しい作り方は下の動画の 0:00 ~ 1:25 をみてね

ボスの準備

  • 《クッパ》に以下のコードを追加
クッパの動きのコード
  • 《マリオ》に以下のコードを追加
マリオのボス用の動きコード
  • 《クッパ》に以下のコードを追加
クッパの体力コード

ボスの攻撃①

  • スプライトを選ぶから《Doragon》を選択し、スプライト名を《炎》に変更
  • コスチュームから「doragon-c」を選択し、ほのお以外を削除
炎のコスチューム
スクプロくん

コスチュームの詳しい作り方は下の動画の 3:06 ~ 3:41 をみてね

ボスの攻撃②

  • 《クッパ》に以下のコードを追加
クッパの攻撃コード
  • 《炎》に以下のコードを追加
炎に追加するコード
スクプロくん

これで完成!さっそく遊んでみよう!

まとめ

今回は「スーパーマリオ」をスクラッチで作る方法を解説しました。他にも作ってほしいゲームなどありましたら、YouTubeのほうにお気軽にコメントいただけますと嬉しいです。(コメントは全て目を通してハートを押しています!)

また、もし今回の記事や動画が役に立ったと感じた方は、YouTubeチャンネル スクプロ のチャンネル登録もぜひよろしくお願いします!

目次