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

「小さい部屋からの脱出」 背景タイトル コスチューム Scratchゲームの作り方
「小さい部屋からの脱出」 タイトル画面作成画像

Scratchで脱出ゲームを作ってみよう!
今回は、背景やアイテム画像もすべてScratch上で描く方法を解説するよ。
脱出の舞台は「小さな部屋」…ちょっとした工夫で本格的な演出ができるよ!

✅作成するゲームはこちら👇

① ステージ背景を描こう

1. 背景を作成(部屋の構造)

  • Scratch右下「背景を選ぶ」→「描く
  • 床:下部に四角形を描き、「形を変える」で下辺を広げて台形
  • 壁:白い四角形で背面を作成、左右の壁も四角形で追加
  • 天井:グレーの四角形を最背面に移動して描く
「小さい部屋からの脱出」ゲームで使用する背景の作成画面

2. 背景の複製
左の背景リストで右クリック → 複製して、別シーンを準備!

「小さい部屋からの脱出」Stageの複製方法を説明する画像

② ドアのスプライトを描こう

  • 「新しいスプライト」→「描く」で四角形を使ってドアを作成
  • 開いた状態のコスチュームも追加して、ドアの切り替えを再現
  • 最後にテキストで「脱出成功」の表示も用意しておこう!
「小さい部屋からの脱出」脱出のドアのスプライトの作成画面
「小さい部屋からの脱出」脱出のドアが開いているスプライトの作成画面

③ 窓と外の風景を作ろう

1. 窓スプライトの作成

  • 「描く」→四角形と線を組み合わせて窓の形を作成
「小さい部屋からの脱出」窓のスプライトの作成画面

2. 外の景色(背景Blue Sky)

  • 「背景を選ぶ」→「Blue Sky」を追加
  • スプライト「Tree1」で木を作り、赤・紫・黄色の実をそれぞれ描く
  • 実の数は後の謎解きのヒントになるよ!
  • 木全体をコピーして背景に貼り付けたら、「Tree1」スプライトは削除
「小さい部屋からの脱出」窓から見える景色の作成画面

3. 枠線を追加
窓らしさを出すために、グレーや黒の線で外枠を描こう

「小さい部屋からの脱出」窓から見える景色に窓枠を追加した画面

④ 箱スプライトを作成しよう

  • 「スプライトを選ぶ」→「Gift」を追加
  • リボン部分を削除して、シンプルな箱に変更
  • コスチュームを複製し、開いた箱のように色を調整
  • 蓋を作って斜めに配置すると、より本格的に!
「小さい部屋からの脱出」赤い箱スプライトの作成画面

⑤ 箱のアップ画面(背景)を追加

  • 「背景 → 描く」から、赤・青の拡大箱背景をそれぞれ作成
  • 画面全体に塗りつぶすだけの簡単な背景!
「小さい部屋からの脱出」赤で全体を塗りつぶして作成した背景画面

⑥ 矢印スプライトで移動を表現

  • 「描く」→四角形で矢印を作成
  • 頂点を増やして形を変形させると、自由な方向に向けられる
  • 左右や下向きの矢印も、複製&反転で簡単に作れる!
「小さい部屋からの脱出」矢印スプライトの作成画面

⑦ タイトル画面を作成しよう

1. スクリーンショットを活用

  • ステージにスプライトを仮配置して、Snipping Tool(画面切り取り)で画像を保存
  • その画像を「背景としてアップロード」→「ベクターに変換
  • サイズを画面に合わせて調整しよう!
「小さい部屋からの脱出」画像アップロードして”ベクターに変換”する方法を説明した画面

2. タイトルテキストの追加

タイトル画面(背景)の中にテキストツールタイトルを入力

「小さい部屋からの脱出」タイトル画面用の背景にテキストでタイトルを入力した画面

3.スタートボタンの追加

スプライト「スタートボタン」を描いて、コスチュームを複製

「小さい部屋からの脱出」スタートボタン用のスプライトを作成した画面

押したときの状態として枠線の太いボタンも用意しよう

「小さい部屋からの脱出」スタートボタン用のスプライトを複製して枠を太くした画面

まとめ

今回は、脱出ゲームで使用する背景やドア、移動ボタンとスタートボタンの素材の作成方法を解説しました。

次の記事では、ブロックコードを追加してスタートボタンのプログラムや、
視点の移動ギミックの解除方法について解説します。

✅続きはこちら👇

③ デスク・ネズミ・引き出しの作成
④ 赤い箱とパズル・PC画面の作成
⑤本格的なギミック作りとトゥルーエンドの演出

コメント

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