#023 ネコ追跡ゲームの作り方｜マウスで逃げ切る30秒サバイバル アクションゲーム

さぁ、スクラッチでナニ作る！？

動画で見てみよう

ok-scratch

チャンネル登録して応援よろしく！チャンネル登録する

チュートリアルの元になった作品

スクラッチでプレイする ターボワープでプレイする

#023 腹ペコネコから逃げ切れ！

by ok-scratch

プレイしておこう

今回のスクラッチを作る参考作品です。1つのカウントダウン変数でネコの速さとサイズの両方を同時に変えちゃうの、マジでキレッキレな設計。ふつう速度用とサイズ用で変数を別々に作りそうなとこを、「残り時間」を引き算するだけで両方が自然にスケールするって発想がイカす。変数1個でここまで難易度の曲線を作れるって、めちゃくちゃ使えるテクニックだよ。どうやって作ってるか、見ていこう。参考資料：スクラッチプログラミング事例大全集

今回の目標

スターター作品をリミックスしよう

このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード

#1リンゴの初期設定

ok-scratch

マウスで操作するリンゴを準備するよ。30秒間ネコから逃げ切ればクリアっていうルールだから、まずは制限時間の設定が必要なんだ。

準備

スプライト「リンゴ」を開く

リンゴ

スプライトについて
マウスポインターを追いかけ回るリンゴ。タイマーが0になると「escaped」メッセージを送信してゲームオーバーになる。
どんな役割か
リンゴがマウスについてくる動きと、タイムアウトで逃げ切り判定を作るよ！残り時間のカウントダウンもここで管理するぞ。

変数「★残り時間」を追加

ゲームの残り時間（秒）を管理するグローバル変数。AppleとHungryCatの両方で参照される。

実装

イベント が押されたときでスタートしたら、「★残り時間」変数を画面に表示して30にセットするよ。見た目大きさを ( ) %にするで大きさも50%に縮小しておこう。

#2マウス追従

準備

メッセージ「逃げ切った」を追加

制限時間内にネコがリンゴを捕まえられなかったとき（リンゴが逃げ切ったとき）に送信するメッセージ。

実装

リンゴがマウスにくっついて動く仕組みと、残り時間のカウントダウンを作るよ。この2つが同じループの中で同時に動くのがポイント。制御ずっとの中でマウスのポインターへ移動し続けることで、リンゴがマウスにぴったりついてくるようになるよ。

#3カウントダウン

ok-scratch

同じループの中で「★残り時間」も更新するんだ。スクラッチのタイマーは自動でカウントアップしていくから、30からタイマーの値を引いて切り下げることで、秒単位のカウントダウンに変換しているよ。

準備

メッセージ「逃げ切った」を追加

制限時間内にネコがリンゴを捕まえられなかったとき（リンゴが逃げ切ったとき）に送信するメッセージ。

実装

「★残り時間」が0になったらイベント( ) を送るで「逃げ切った」メッセージを送信して、勝利判定の完成だ。

ok-scratch

スクラッチのタイマーは旗を押すとゼロから勝手に増え続けるから、そのままだとカウントアップにしかならないよね。このゲームでは「30−タイマー」って引き算をすることで、30からゼロへのカウントダウンに変換しているんだ。制限時間を変えたいときは、この30を別の数に変えるだけでOKだよ。

#4ネコの初期設定

ok-scratch

リンゴの動きができたから、次は追いかけてくるハングリーキャットを作っていくよ。

準備

スプライト「ハングリーキャット」を開く

ハングリーキャット

スプライトについて
リンゴを追いかけるネコ。リンゴに触れたら「つかまえた！」と言ってゲーム終了。残り時間が少ないほど速く動き、サイズも変化する。
どんな役割か
ネコがリンゴを追いかけて触れたらゲームクリアになる動きを作るよ！時間が減るほど速くなって、コスチュームもアニメーションするぞ！

実装

イベント が押されたときで画像効果をリセットして、大きさ100%で表示するよ。ここで制御( ) 秒待つを使って1秒待つのがミソ。ゲームが始まった瞬間にネコが追いかけてきたら逃げる暇がないから、プレイヤーに準備の時間を1秒あげているんだ。

#5ネコの追跡行動

ok-scratch

ネコにリンゴを追いかけさせる動きを作るよ。ただ追いかけるだけじゃなくて、時間が経つほど速くなるのがこのゲームの面白いところ。

制御ずっとの中でマウスのポインターの方を向いて進むよ。移動速度は「1から(40−★残り時間)までの乱数」で計算しているんだ。ゲーム開始時は★残り時間が30だから最大10歩、残り0秒になると最大40歩まで加速する。

#6捕獲時の演出

調べる( ) に触れたでリンゴに触れたかどうかをチェックして、ネコがリンゴに触れたときのリアクションを作るよ。ゲームオーバーの瞬間だから、プレイヤーに「やられた！」って伝わる演出が大事なんだ。

まず「Bite」の効果音を鳴らして、「つかまえた!」と1秒間セリフを表示するよ。視覚と聴覚の両方でゲームオーバーが伝わるから、インパクトあるよね。最後に制御　ですべてを止めてゲーム終了だよ。

#7逃げ切り時のネコ

ok-scratch

リンゴが逃げ切ったときのネコ側の処理を作るよ。追いかける動きを止めて、フェードアウトで退場させるんだ。

準備

スプライト「リンゴ」を開く

実装

イベント( ) を受け取ったときで「逃げ切った」メッセージを受け取ったら、まずスプライトの他のスクリプトを止めるよ。これで追跡ループが停止する。そのあと「幽霊」の効果を10ずつ10回変えて、じわじわ透明にしてから隠すんだ。

いきなり消すんじゃなくて10回に分けて徐々に透明にすることで、「スーッと消えていく」自然なアニメーションになるよ。10ずつ×10回で合計100、「幽霊」効果が最大になって完全に見えなくなる計算だね。

#8勝利の効果音

ok-scratch

ネコの退場演出ができたから、次はリンゴ側の勝利演出を作るよ。

準備

スプライト「リンゴ」を開く

実装

イベント( ) を受け取ったときで「逃げ切った」メッセージを受け取ったら、「Triumph」の効果音を最後まで再生して制御　ですべてを止めるよ。同じ「逃げ切った」メッセージをリンゴとネコの両方が受け取って、それぞれ別の処理をするのがメッセージの便利なところだね。

#9レベルデザイン（ゲームの難しさを作る）

ok-scratch

リンゴの勝利処理ができたから、最後にネコの見た目の変化を作るよ。時間が経つほどネコが大きくなって迫力が増す演出だ。リンゴに触れやすくもなるから、実際どんどん難しくなっていくっていう設計。同じ逃げ方ばかりしていると追いつかれるという面白みにつながる。

準備

スプライト「ハングリーキャット」を開く

実装

別のイベント が押されたときから始まる独立したループで、大きさを「100−★残り時間」に設定し続けるよ。ゲーム開始時は70%だけど、残り0秒になると100%まで膨らむ。同じループの中で見た目次のコスチュームにするを0.1秒間隔で切り替えて、歩くパタパタアニメーションも同時に動かすんだ。

ok-scratch

このゲームでは「★残り時間」変数ひとつで、ネコの移動速度（ステップ3）と大きさ（このステップ）の両方をコントロールしているよ。普通はスピード用とサイズ用で変数を分けそうだけど、1つのカウントダウン変数に連動させることで、難易度の上がり方が自然に統一されるんだ。こういう「1つの値で複数のパラメータを動かす」発想は、ゲーム設計でめちゃくちゃ使えるテクニックだよ。

まとめ

逃げるゲームって仕組みはシンプルだけど、1つの変数で速度もサイズも同時に変わる設計が地味にヤバいよね。タイマーの値を引き算するだけでここまで難易度の変化を作れるのは、覚えておくと絶対に役立つ発想だよ。自分流にアレンジして、もっとドキドキするゲームに育てていこう！