【Scratch脱出ゲームの作り方④】初心者向け!「小さい部屋からの脱出」を作ろう

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

✅前回の記事はこちら👇

前回に続き、今回はネズミのスプライトや背景を使ったギミック、さらに赤い箱やパソコンの謎解きを作成します。いよいよ終盤に近づいてきました!

スポンサーリンク

🐭 ネズミのアニメーションとブロックコードを作ろう

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

🔧 ネズミの動作を制御するブロック

  • 「りんご」を使用してから10秒後、ネズミが穴に挟まるアニメーションを再生
  • アニメーションが最後まで再生されると、ネズミをクリックすることで背景が変わるように設定
「小さい部屋からの脱出」ねずみのコードブロック画像①
「小さい部屋からの脱出」ねずみのコードブロック画像②

🍎 アイテム「りんご」との連携

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

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

🎨 ネズミの背景を描く

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

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

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

🧱 ステージや下矢印にブロックを追加

🧩 ステージのブロック制限に注意!

ステージには「〜と言う」などのブロックが使えないため、
他のスプライトからドラッグして持ってくる必要があります。

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

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

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

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

🟥 赤い箱のパズルを作成しよう

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

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

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

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

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

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

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

📦 赤い箱・青い箱のブロックコードを作成

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

🔑 カギで開ける引き出しギミックを追加

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

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

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

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

引き出し背景を更新

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

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

💻 パソコン画面の作成と暗証番号ギミック

🖥 パソコン画面を描こう

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

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

  • コスチュームがロック(初期状態)の時に暗証番号を訪ねる
  • 半角・全角どちらの入力でも正解になるよう設定
「小さい部屋からの脱出」パソコン画面のコードブロックの画像

🚪 ドアにトゥルーエンド処理を追加

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

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

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

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

まとめ

今回は以下のポイントを解説しました。

  • ねずみアニメーションの作り方
  • ステージと下矢印のコードブロック追加
  • 赤い箱ギミックの作成
  • 赤・青の箱のコードブロック
  • 鍵で引き出しを開けるギミック
  • パソコンギミック
  • トゥルーエンドの演出

🎉 いよいよ脱出成功!完成まであと少し!

今回で多くの謎や仕掛けが追加され、ゲーム性が一気にアップしました。
次回はいよいよエンディング処理や全体の調整をして完成させます!

✅続きはこちら👇

コメント

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