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

「小さい部屋からの脱出」 パソコン 設置イメージ Scratchゲームの作り方
「小さい部屋からの脱出」 デスクとPCのオブジェクトを作成

✅前回の記事はこちら👇

Scratchを使って、小さな部屋からの脱出ゲームを作るシリーズ第3回です!

前回は、背景の切り替えや簡単なギミックを作る方法を紹介しました。
今回はさらに本格的に、部屋の中にある「引き出し」や「パソコン」などの仕掛けを作っていきましょう。

また、アイテムを管理できる「アイテムボックス」や、キャラクター演出として登場する「ネズミ」も登場!
ゲームらしさが一気にアップしますよ。
ぜひ前回までの記事とあわせて読み進めて、脱出ゲームを完成させていきましょう!

🪑 デスクと引き出しを作ろう

● 背景にデスクを描く

「小さい部屋からの脱出」背景にデスクを描いた画像
  1. 背景2を選択し、「描く」からデスクを作成します。
  2. 四角形や台形を使って、天板・足・奥行き感を出しましょう。
  3. 引き出しの中の背景も作成して、上下2段分を用意します(複製を使うと便利)。
「小さい部屋からの脱出」引き出しの中の背景を描いた画像

● 引き出しのスプライトを作成

「小さい部屋からの脱出」引き出しのスプライトを描いた画像
  1. 「描く」から新しいスプライトを作成し、引き出し部分のみを描きます。
     ※背景から引き出し部分をコピーしてもOK。
  2. スプライトが背景の引き出しと重なるようにX・Y座標を調整
  3. スプライトを複製して下段引き出し用にし、鍵穴(円+線)を追加。
  4. スプライトが押されたとき」ブロックを追加します(詳細な条件分岐は後ほど)。
「小さい部屋からの脱出」引き出しのコードブロックの画像

💻 パソコンのスプライトを追加しよう

「小さい部屋からの脱出」パソコンのスプライトを追加してデスク上に設置した画像
  1. 「スプライトを選ぶ」から「Laptop」を追加。
  2. デスク上に配置し、サイズ・位置を調整します。
  3. Laptopのコスチュームをコピーして背景にも追加。大きめにして見やすくし、角度を調整。
「小さい部屋からの脱出」背景にもパソコンのコスチュームをコピーして角度やサイズを調整した画像

✅コードブロックは次の記事で紹介します。

下矢印にコードを追加しよう

ステージ(背景)を追加したので、下矢印のスプライトにコードを追加。
→それぞれ特定の背景に戻るように設定

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

📦 アイテムボックスの作成とコード追加

● アイテムボックスのスプライトを描く

  1. 四角形を使ってスプライトを描画し、画面の邪魔にならない場所に配置。
  2. コスチュームを複製し、「Glasses-a」を貼り付けて、アイテムを表示。
  3. 赤い枠線付きのコスチュームも追加して、「選択中」のコスチュームを作ります。
  4. コスチューム名をそれぞれ変更し、元画像は削除。
「小さい部屋からの脱出」アイテムボックス”めがね”のスプライトコスチュームを作成した画像

● アイテムボックスのコード

  1. 新しい変数選択アイテムめがね を作成
  2. メッセージめがね取得アイテム選択 を作成
  3. サウンド「Conect」も追加
  4. 「スプライトが押されたとき」に、コスチューム名で条件分岐
     → 赤枠が表示されたら選択状態。他のアイテムが選ばれたときは、メッセージで解除。
「小さい部屋からの脱出」アイテムボックス”めがね”のコードブロックの画像

🍎 アイテムを複製して増やそう

  1. 作ったアイテムボックスを複製
  2. Apple」スプライトの画像を貼り付け、Glasses-a画像を削除
  3. 変数:りんごメッセージ:りんご取得 を作成
  4. コードブロックの座標・変数・メッセージを変更
「小さい部屋からの脱出」アイテムボックス”りんご”のコードブロックの画像

🔑 カギのアイテムも追加

同様に、ボックスを複製して「Key」の画像に変更。

  • 変数:カギ
  • メッセージ:カギ取得
  • コード内の内容も合わせて変更
「小さい部屋からの脱出」アイテムボックス”鍵”のコードブロックの画像

🕳 穴とネズミのスプライトを作ろう!

● 「穴」のスプライト

  • 「描く」から黒い円を描いて、ネズミが出入りする穴に見えるようにします
  • メッセージ:リンゴをあげようリンゴ食べたい を作成
  • スプライトが押されたときに、変数で状態を分岐
「小さい部屋からの脱出」穴のコードブロックの画像

● 「ネズミ」のスプライトとコスチューム

Mouse 1」スプライトを追加し、以下のコスチュームを用意します:

  1. 顔だけの状態(穴から覗く)
  2. 顔+りんご
  3. 胴体を足してりんごに近づく
  4. 食べている演出(クリーム色の円を追加)
  5. さらに食べ進めて表情を変える
  6. 食後の満足した表情(キラキラを追加)
  7. 穴へ戻ろうとするポーズ
  8. 穴に入った状態(体だけ見えている)

1

「小さい部屋からの脱出」”ねずみ”顔だけの状態(穴から覗く)のスプライト画像

2

「小さい部屋からの脱出」”ねずみ”顔+りんごのスプライト画像

3

「小さい部屋からの脱出」”ねずみ”胴体を足してりんごに近づくのスプライト画像

4

「小さい部屋からの脱出」”ねずみ”食べている演出(クリーム色の円を追加)のスプライト画像

5

「小さい部屋からの脱出」”ねずみ”さらに食べ進めて表情を変えるスプライト画像

6

「小さい部屋からの脱出」”ねずみ”食後の満足した表情(キラキラを追加)のスプライト画像

7

「小さい部屋からの脱出」”ねずみ”穴へ戻ろうとするポーズのスプライト画像

8

「小さい部屋からの脱出」”ねずみ”穴に入った状態(体だけ見えている)スプライト画像

✅次回の記事では、このネズミのコードブロックの作成と、ゲームのステージを整える方法を紹介します!

🎮まとめ

今回は、引き出しパソコンといったギミック、アイテムの取得と選択機能、そして演出キャラクターであるネズミの追加までを行いました。
少しずつ世界観ができあがってきて、ゲームらしさがグッとアップしてきましたね!

次回もお楽しみに!

✅続きはこちら👇

コメント

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