- 1. スクラッチで順次処理を学ぼう!ネコを左右に動かすアニメーションの作り方【初心者向け】
- 2. スクラッチでネコが正方形に動くアニメーションの作り方|座標と向きの使い方
- 3. スクラッチでネコが左右にスケートするアニメーションの作り方|繰り返しの使い方
- 4. スクラッチでネコが走るアニメーションの作り方|コスチューム切り替えの使い方
- 5. スクラッチでネコがランダムな速さで走るアニメーションの作り方|乱数の使い方
- 6. スクラッチでロケットを矢印キーで動かす作り方|条件分岐の使い方
- 7. スクラッチで重力ゲームの作り方|もし〜なら・でなければブロック入門
- 8. スクラッチでスプライト同士がメッセージを送り合う作り方|みんなであいさつ
- 9. スクラッチでキャラが順番に集合するアニメの作り方|みんな集合
- 10. スクラッチで分裂するネコのアートの作り方【クローン入門】
- 11. スクラッチでネコの分身を飛ばす作り方【クローン入門】
- 12. スクラッチで音付きアニメーション!2台の車が走り抜ける作り方
- 13. スクラッチでペン拡張機能のスタンプを使った星のランダムアートの作り方
- 14. スクラッチのペン拡張機能を使って正三角形を描く方法と外角の仕組みを解説
- 15. スクラッチで足し算プログラムの作り方【変数と聞いて待つブロック入門】
- 16. スクラッチでサイコロシミュレーターの作り方│乱数とリストを使いこなそう
- 17. スクラッチでリスト操作11種類を完全マスターする作り方|宇宙船クルー名簿チュートリアル
- 18. スクラッチでペンとブロック定義を使った三角形・四角形の描き方
- 19. スクラッチでリンゴキャッチゲームの作り方!矢印キーとタイマーのアクションゲーム (いまここ)
さぁ、スクラッチでナニ作る!?
動画で見てみよう
チュートリアルの元になった作品
今回の目標
スターター作品をリミックスしよう
このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード
#1ネコの初期設定
準備
スプライト「ハングリーキャット」を開く
| スプライトについて |
|---|
| プレイヤーが矢印キーで操作するネコのキャラクター。リンゴに触れて食べ、スコアを稼ぐ。タイマーが0になるとゲームオーバーになる。 |
| どんな役割か |
| プレイヤーが操作するネコを作るよ!矢印キーで動かして、リンゴを食べたらスコアが上がる仕組みを実装しよう。 |
変数「★スコア」を追加
プレイヤーがリンゴを食べるたびに加算されるスコア
変数「★タイマー」を追加
ゲーム残り時間(秒)。0になるとゲームオーバー
実装
が押されたときでゲームが始まったら、「★スコア」と「★タイマー」の変数を表示して、「★スコア」を0にリセット。大きさを70%にして、ネコをx座標-150、y座標0に配置するよ。
ずっとループの中で、まず「★タイマー」の値を毎フレーム計算しているんだ。タイマーは旗クリックからの経過秒数を自動で数えてくれるから、制限時間の2からその値を引いて切り下げれば、残り秒数がわかる仕組みだね。
#2タイマーチェック
準備
メッセージ「ゲームオーバー」を追加
タイマーが0になったときに送信されるメッセージ。受信したスプライトはゲーム終了処理を行う
実装
「★タイマー」が0になったかどうかチェックするよ。0になっていたら( ) を送って待つで「ゲームオーバー」メッセージを送って、全スプライトの終了処理が終わるまで待つんだ。
#3移動
続いて左右の移動処理。右向き矢印キーが押されたらx座標を10増やして右に、左向き矢印なら-10で左に動かすよ。どちらも移動のたびに次のコスチュームにするで次のコスチュームに切り替えるから、ネコが歩いてるように見えるわけだね。
コスチュームが2枚あれば交互に切り替えるだけでアニメーションになる。パラパラ漫画と同じ原理だよ。
上向き矢印キーでy座標を10増やして上に、下向き矢印なら-10で下に移動するよ。左右と同じく、動くたびにコスチュームを切り替えてアニメーションさせるんだ。
#4接触判定
準備
メッセージ「食べた」を追加
ネコがリンゴに触れたときに送信されるメッセージ。スコア加算と効果音再生のトリガー
実装
そして( ) に触れたでリンゴに触れたかチェックして、触れていたら( ) を送るで「食べた」メッセージを送信する。このメッセージでネコとリンゴの両方が同時に反応できるのがポイントだね。
#5リンゴの初期設定
準備
スプライト「リンゴ」を開く
| スプライトについて |
|---|
| ランダムな位置に出現するリンゴのキャラクター。ネコに食べられると別の場所に移動する。 |
| どんな役割か |
| リンゴを作るよ!ランダムな場所にワープして、ネコに食べられたらまた別の場所に現れる動きを実装しよう。 |
実装
が押されたときでリンゴを表示して、大きさを70%に設定するよ。初期位置はネコと反対側のx座標150・y座標0なんだ。
ネコとリンゴを離して置くことで、スタート直後から「追いかけるゲーム」だとわかる構成だよ。
#6リンゴのワープ移動
ずっとループの中で( ) へ行くの「どこかの場所」を使うと、リンゴがステージ上のランダムな位置に瞬間移動するんだ。1秒待ってからまたワープする繰り返しで、この1秒の間隔がプレイヤーにとっての勝負どころになっているよ。
#7食べられたらワープ
( ) を受け取ったときで「食べた」メッセージを受け取ったら、( ) へ行くの「どこかの場所」で別の位置にワープするんだ。食べられた瞬間に新しい場所へ飛ぶから、プレイヤーはすぐ次のリンゴを追いかけることになるわけだね。
#8スコアと効果音
準備
スプライト「ハングリーキャット」を開く
実装
( ) を受け取ったときで「食べた」を受け取ったら、「★スコア」を1増やして効果音を鳴らし、「モグモグ!」と1秒言うよ。スコア・音・セリフの3つが揃うことで、リンゴを食べた手ごたえがグッと出るんだ。
プレイヤーへのフィードバックは多いほど気持ちいい。見た目の変化・音・セリフの3点セットは、ゲーム作りの鉄板テクニック。
#9ゲームオーバー処理
( ) を受け取ったときで「ゲームオーバー」を受け取ったら、効果音を最後まで再生してから ですべてを止めるんだ。音が鳴り終わるまで待ってから止めることで、ゲームの締めくくりがしっかり伝わるよ。
#10リンゴの退場
準備
スプライト「リンゴ」を開く
実装
( ) を受け取ったときで「ゲームオーバー」を受け取ったら、隠すでリンゴを非表示にするんだ。ゲームが終わったのにリンゴがワープし続けてたらおかしいもんね。これでゲーム完成、次回もまた新しい作品を作っていこう!
まとめ
メッセージを使って複数のスプライトが連携する仕組み、うまく作れた?「食べた」という1つのメッセージをネコもリンゴも受け取って、それぞれ別の反応をするのがポイントだよ。タイマーを使った時間制限も、引き算だけで作れるシンプルさがなかなかいいよね。次のゲームも一緒に作っていこう!