【Scratch迷路ゲームの作り方②】背景スクロール型|キャラクターアニメーションとゴール判定

Scratch迷路 キャラクターと外枠を作成して表示させた画像 Scratchゲームの作り方
キャラクター「ねこ」の作成と外枠表示

🔍この記事では、Scratch迷路ゲーム「MAZEからの脱出」のように プレイヤーを画面中央に固定し、背景(迷路)を動かして進める仕組み の作り方を解説します。

✅前回の記事【プレイヤーを中央固定して当たり判定を作る方法】はこちら👇

スポンサーリンク

キャラクター「ネコ」を作成する

  • 新しいスプライトを追加
  • 円を組み合わせてキャラクターをデザイン
  • 移動方向に応じてアニメーションするように、各方向 2コマずつ コスチュームを用意

✅詳しいキャラクターコスチュームの作り方や、クリアタイムの表示方法はこちら👇
https://yu-chan-no-dassyutu.com/scratch-maze-tutorial-6/

Scratch迷路 猫のキャラクターのコスチュームを複数作成した画像

アニメーションコードを組む

  • 矢印キーを押している間にメッセージが連続で送られるので、現在のコスチュームを判定して切り替える処理 を追加。
  • キャラクターの体部分に当たり判定が来るように、Y座標を微調整
scratch迷路 キャラクター「ネコ」のコード メッセージを受け取った時に現在のコスチュームで切り替える画像

壁に当たったときの「衝撃波」演出

①新しいスプライトを作成

  • 縦線を描く
  • 「形を変える」で波のように変形
  • 複製・反転させて左右に配置
scratch迷路 衝撃波を描いた画像

②「進めない」を受け取ったときだけ一定時間表示

scratch迷路 衝撃波のコード画像

効果音は連続で鳴っても違和感がないものを設定

迷路に外枠をつける

ステージに外枠をつけると、

  • 画面の見える範囲が狭くなり 難易度アップ
  • 移動矢印が強調されて見やすくなる
scratch迷路 迷路の外枠イメージ画像

外枠スプライトの作成手順

  • 四角形で外枠を描画
  • 移動矢印の幅に合わせる
  • 迷路より手前・矢印より奥 に表示
scratch迷路 外枠コスチューム作成画像

ゴールスプライトを作成する

  • 新しいスプライトを追加
  • ゴールの通路幅に合わせた四角形を描画
  • ゴール位置を指定するコードを追加し、迷路上で微調整
  • プレイヤーが触れたら クリアタイムを保存して「ゴール」メッセージを送信

✅クリアタイムの表示方法はこちら👇

scratch迷路 ゴールのコードブロック画像

ゴール位置の調整方法(コツ)

  • 座標をざっくり入力
  • 🏴 を押して動作確認
  • 当たり判定スプライトを一時的に非表示
  • ゴール付近に移動して、ステージ上で位置を確認
  • コスチューム編集画面で微調整
scratch迷路 ゴールコスチューム編集画面

🏴動作確認チェックリスト

  • 矢印キーに応じてアニメーションが切り替わるか
  • 壁に当たると衝撃波が出るか
  • ゴールスプライトが正しく表示されるか
  • ゴールに触れると画面が変化するか(仮ゴール画面を用意しておくと便利)

アニメーション速度を調整する

  • 初期状態だとネコのアニメーションが速すぎる
  • 他の「MAZEシリーズ」のように歩いているように見せたい場合は、矢印移動のコードに制御ブロックを加える
scratch迷路 移動矢印コードに制御ブロックを追加した画像

まとめ

今回は、キャラクターアニメーションゴール判定 を中心に解説しました。

次回は、ワープゾーンを作ってプレイヤーを転送する方法 を紹介します。

👉 比較記事としてこちらもおすすめ
✅プレイヤーを動かして”ダンジョン風”迷路を作成する方法👇

コメント

タイトルとURLをコピーしました