【Scratch】脱出ゲームの作り方④|ネズミの動き・パスワード・エンディング実装

「小さい部屋からの脱出」パソコン画面 コスチューム作成 Scratchゲームの作り方
「小さい部屋からの脱出」暗証番号を訪ねるパソコン画面

🎮Scratchで作る脱出ゲームも、いよいよ終盤です。

「キャラクターを動かしたい」
「パスワードや謎解きを入れたい」

そんな方に向けて、今回は
ネズミのアニメーション・赤い箱のパズル・パソコンの暗証番号・トゥルーエンド演出など、ゲームを完成に近づける重要な仕組みを解説します。

ここまで実装できれば、本格的な脱出ゲームとして遊べる状態になります。


✅前回の記事はこちら👇

🎯 この記事でできること

この記事では、以下の内容を実装します。

  • ネズミのアニメーション(コスチューム切り替え)
  • アイテム(りんご)との連動イベント
  • 赤い箱のパズルギミック
  • カギを使った引き出しの解除
  • パソコンのパスワード入力
  • ドアのエンディング処理

👉 脱出ゲームの“謎解きとクリア演出”が完成します

【Scratch】ネズミの動きの作り方(アニメーション)

前回複数作成したスプライト「ネズミ」のコスチュームでパラパラ漫画のようにアニメーションさせます。

🐭 ネズミのブロックコード

「小さい部屋からの脱出」ねずみのコードブロック画像①
「小さい部屋からの脱出」ねずみのコードブロック画像②
  • 「りんご」を使った後にアニメーション開始
  • コスチュームを順番に切り替えて動きを再現
  • 最後にクリックでイベント発生

【Scratch】アイテム(りんご)との連動処理

スプライト「アイテムボックス(りんご)」に
リンゴをあげよう」というメッセージを受け取った時のコードブロックを追加。

「小さい部屋からの脱出」アイテムボックス(リンゴ)に追加するコードブロックの画像

【Scratch】ネズミイベント用の背景の作り方

「背景を描く」で、壁と床を四角形で作成。
・最後のネズミのコスチュームを貼り付け、サイズや角度を調整。

さらに、尻尾の部分に*色を変えた四角形で“ギミックのヒント”を描きます。

「小さい部屋からの脱出」穴に挟まったねずみの背景(赤い箱のギミックヒント付き)を作成した画像

【Scratch】ステージと戻るボタンの作り方(下矢印)

「小さい部屋からの脱出」背景に追加するコードブロックの画像

ステージでは使えないブロックがあるため、スプライトから追加するのがポイント

⬇️ 下矢印のスプライトにもブロック追加

背景が「ねずみ」になった時の動作を設定します。

「小さい部屋からの脱出」下矢印に追加するコードブロックの画像

【Scratch】赤い箱のパズルの作り方(色ギミック)

赤色の背景にネズミの尻尾の形をしたグレーの三角形を描いてヒントに。

「小さい部屋からの脱出」赤い背景にねずみのしっぽをイメージしたグレーの三角を追加した画像

円スプライトと変数の設定

「小さい部屋からの脱出」円スプライトを作成、複製し塗りつぶしの色を変えて複数用意した画像
  1. 「描く」で円を作り、複製して塗りつぶしの色を変える
  2. 新しい変数「円1」「円2」「円3」「円4」を作成
  3. メッセージ「赤箱解除」を作成

条件:円の色が背景と一致すると、赤い箱が開く。

「小さい部屋からの脱出」円スプライトのコードブロックの画像

旗が押された時に変数やコスチュームを初期化しましょう。

【Scratch】箱ギミックの作り方(解除処理)

  • 「赤い箱」に解除処理のブロックを追加
  • 「青い箱」からコードをコピーしてもOK(※音は別途追加)
「小さい部屋からの脱出」赤い箱のコードブロック追加画像
  • 青い箱が押されたときにも変数変更を設定
「小さい部屋からの脱出」青い箱のコードブロック追加画像

【Scratch】カギで開ける引き出しの作り方

スプライト「引き出し下」に新しいメッセージ「カギ使用」のコードを追加。
変数「カギ」の値や選択アイテムによって条件分岐させます。

「小さい部屋からの脱出」引き出し下のコードブロック追加画像

アイテムボックス(カギ)」のスプライトにもコードを追加。

「小さい部屋からの脱出」アイテムボックス(鍵)のコードブロック追加画像

引き出し背景を更新

カギの使用後、開いた引き出しPCパスワードのヒントとなるテキストを追加する。

「小さい部屋からの脱出」背景「引き出し下」にPCのパスワードヒントのテキストを追加した画像

【Scratch】パソコンの作り方(パスワード入力)

🖥 パソコン画面を描こう

「小さい部屋からの脱出」パソコンの暗証番号を入力する画面の周防ライトを作成した画像
  • スプライトを「描く」で作成し、暗証番号を入力する画面を作る
  • 円や四角、テキストを使ってデザイン
  • コスチュームを複製し、「合い言葉のヒント」となる画像を表示する演出も追加
「小さい部屋からの脱出」合言葉のヒントとなるPC画面コスチュームを作成した画像

🧠入力判定付きブロックコード

  • コスチュームがロック(初期状態)の時に暗証番号を訪ねる
「小さい部屋からの脱出」パソコン画面のコードブロックの画像

💻 パスワード入力のポイント

  • 入力ミス時の処理を用意する
  • ヒントを別画面で表示する
  • 全角・半角どちらも対応させる

【Scratch】ドアの作り方(エンディング演出)

最初に作成したスプライト「ドア」にブロックコードを追加。

脱出成功後、ドアをクリックで背景が変わるように設定します。
背景「Wall 1」などを使って演出すると◎。

「小さい部屋からの脱出」ドアスプライトのコードブロック追加画像

また、ドアの隙間もクリックできるように、
最背面に白い「四角形」を追加して判定を補完します。

🎯 脱出ゲームを面白くするコツ

  • ヒントと答えをしっかりリンクさせる
  • アイテムとギミックを連動させる
  • 最後に達成感のある演出を入れる

👉 これで「遊びたくなるゲーム」になります

まとめ

今回は、脱出ゲームの完成に向けて、

  • ネズミのアニメーション
  • 赤い箱のパズル
  • カギ付き引き出し
  • パソコンのパスワード入力
  • ドアのエンディング処理

を実装しました。

ここまで完成すれば、
謎解き・探索・クリア演出が揃った本格的な脱出ゲームになります。

✅次回はいよいよ最終回!!

  • ゲーム全体の調整
  • エンディングの完成
  • 細かい演出の追加

を解説します。👇

コメント

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