Scratchゲーム

【Scratch】初心者でも簡単!サッカーゲームを作ろう

Scratch

【アフィリエイト広告を利用しています】

この記事きじではScratch(スクラッチ)でサッカーゲームを作つくる方法ほうほうについて解説かいせつします。

効果音こうかおんが出でたり、ゲームクリアやゲームオーバーがある本格的ほんかくてきなゲームですが、Scratchに始はじめから登録とうろくされているスプライトを使つかって、手軽てがるにゲームを作つくることができますよ。

ゲーム作づくりなんて何なんだか難むずかしそう…

そのような方かたに向むけて分わかりやすく解説かいせつしていますので、ぜひ最後さいごまでお読よみください!

Scratchの公式こうしきサイトはこちら→https://scratch.mit.edu/

以下いかの記事きじで簡単かんたんにできる12個このゲームの作つくり方かたを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch】初心者しょしんしゃでも簡単かんたん!ゲームの作つくり方かた12選せん

このブログが本になりました!

完成品はこちら

まずは完成品かんせいひんを見みてみましょう。下したの画面中央がめんちゅうおうの旗はたボタンをクリックしてください。
(音おとが鳴なりますのでご注意ちゅういください!)

ゲームのやり方かたは次つぎの通とおりです。

  • まず画面がめん右下みぎしたのスピードゲージのボールが左右さゆうに動うごくので、スペースキーを押おしてボールを止とめましょう。ボールが右端みぎはしに近ちかいほどサッカーボールのスピードが速はやくなり、ゴールしやすくなります。
  • サッカーボールは左右さゆう矢印やじるしキーで左右さゆうに動うごかすことができます。ゴールキーパーに止とめられないようにゴールを目指めざしましょう。ゴールできたらポイントが増ふえていき、5ポイントになればゲームクリアです。
  • 途中とちゅうでゴールキーパーに止とめられたらゲームオーバーです。ポイントが増ふえるとスピードゲージのボールが徐々じょじょに速はやくなって難むずかしくなりますよ!

スプライトと背景を準備しよう

始はじめにゲームに使つかうスプライトと背景はいけいを準備じゅんびします。

まずスプライトですが、ネコを削除さくじょして次つぎの4つのスプライトを追加ついかしましょう。

  • 画面がめん右下みぎしたのボール…「Ball」
  • キッカー…「Jordyn」
  • サッカーボール…「Soccer Ball」
  • ゴールキーパー…「Goalie」
4つのスプライトを選択する

背景はいけいは「Soccer」を選択せんたくします。

「Soccer」を選択する

続つづいて画面がめん左下ひだりしたに表示ひょうじさせるスピードゲージのスプライトを作つくります。スプライト一覧いちらんの右下みぎしたにあるにカーソルを合あわせて、その上うえの「描えがく」ボタンをクリックします。

「描く」をクリックする

下したのようなペイントエディター画面がめんに切きり替かわります。「四角形しかくけい(□マークのアイコン)」をクリックして、下したのような長方形ちょうほうけいを描えがきましょう。

長方形を描く

塗ぬりつぶしをクリックし、左右さゆうのグラデーションを選択せんたくしたら、左右さゆうの色いろを白色しろいろと赤色あかいろにそれぞれ変更へんこうします。これでスピードゲージの完成かんせいです。

色を変更する

以下いかの記事きじでペイントエディターの使つかい方かたを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch入門にゅうもん】ペイントエディターを使つかってカービィを描えがこう

続つづいて画面がめんに表示ひょうじさせる文字もじのスプライトを作つくります。もう一度いちどスプライト一覧いちらんの右下みぎしたにあるにカーソルを合あわせて、その上うえの「描えがく」ボタンをクリックします。

「描く」をクリックする

「テキスト(Tマークのアイコン)」をクリックすれば、文字もじを入力にゅうりょくできるようになります。

「テキスト」をクリックする

では次つぎのように「ゲームクリア」「ゲームオーバー」の2つのコスチュームを作つくりましょう。

「ゲームクリア」のコスチュームです。

「ゲームクリア」のコスチューム

「ゲームオーバー」のコスチュームです。

「ゲームオーバー」のコスチューム

コスチューム名めいを変かえておくと、プログラムを作つくるときに分わかりやすくなりますよ。

これでスプライトと背景はいけいが準備じゅんびできました!

変数を準備しよう

次つぎにゲームに使つかう変数へんすうを準備じゅんびします。

変数へんすうとは、プログラムの中なかで使つかう数かずや文字もじを入いれておく箱はこのようなものです。

以下いかの記事きじで変数へんすうを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch入門にゅうもん】変数へんすうとメッセージを使つかってアニメーションを作つくろう

このプログラムでは、下したのように4つの変数へんすうを作成さくせいします。

4つの変数を作成する

それぞれの変数へんすうの内容ないようは次つぎのとおりです。

変数名へんすうめい内容ないよう表示ひょうじ
x座標ざひょうサッカーボールのx座標ざひょうを表あらわす変数へんすうです。しない
ゲーム中ちゅうゲーム中ちゅうかどうかを表あらわす変数へんすうです。
・ゲーム中ちゅうのとき…1
・ゲーム中ちゅうでないとき…0
しない
スピードサッカーボールの速はやさを表あらわす変数へんすうです。しない
ポイントゴールした数かずを表あらわす変数へんすうです。する

メッセージを準備しよう

次つぎにメッセージを準備じゅんびしましょう。

メッセージは他ほかのスプライトやステージに合図あいずを送おくるときに使つかいます。

以下いかの記事きじでメッセージを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch入門にゅうもん】変数へんすうとメッセージを使つかってアニメーションを作つくろう

このプログラムでは、下したのように4つのメッセージを作成さくせいします。

メッセージ名めい合図あいず送おくるスプライト受うけ取とるスプライト
スタートスペースキーが押おされてゲームスタートするときボールサッカーボール、キッカー
ゴールゴールしたときサッカーボールキッカー
ゲームクリア「ポイント」変数へんすうが5になったときキッカーボール、表示文字ひょうじもじ
ゲームオーバーゴールキーパーがボールを止とめたときゴールキーパーサッカーボール、表示文字ひょうじもじ

「ボール」のプログラムを作ろう

それではボールのプログラムから作つくっていきましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。

「ボール」のプログラム

旗はたが押おされたら大おおきさと位置いちを設定せっていし、「ゲーム中ちゅう」変数へんすうと「ポイント」変数へんすうを0にします。

「ボール」のプログラムの一部

「ゲーム中ちゅう」変数へんすうが0のとき、x座標ざひょうを「ポイント」変数へんすう×2+1ずつ変かえるのをずっと繰くり返かえします。これでポイントが増ふえるとボールの動うごきが速はやくなります。

「ボール」のプログラムの一部

もしx座標ざひょうが205より大おおきくなったら、x座標ざひょうを75(最初さいしょの位置いち)に戻もどします。

「ボール」のプログラムの一部

以下いかの記事きじでスプライトの動うごかし方かたを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch入門にゅうもん】座標ざひょうと向むきを理解りかいしてスプライトを動うごかしてみよう

スペースキーが押されたとき

スペースキーが押おされたときのプログラムは次つぎの通とおりです。
スペースキーが押おされたら、もし「ゲーム中ちゅう」変数へんすうが0なら「スピード」変数へんすうをボールのx座標ざひょうの値あたいにして、「ゲーム中」変数へんすうを1にします。そして「スタート」メッセージを送おくります。

「ボール」のプログラム

「ゲームクリア」を受け取ったとき

「ゲームクリア」メッセージを受うけ取とったときのプログラムは次つぎの通とおりです。
メッセージを受うけ取とったら、ボールの他ほかのスクリプトを止とめます。

「ボール」のプログラム

「キッカー」のプログラムを作ろう

次つぎにキッカーのプログラムを作つくりましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。
旗はたが押おされたら大おおきさと位置いちを設定せっていして、コスチュームを「jordyn-a」にします。

「キッカー」のプログラム

「スタート」を受け取ったとき

「スタート」メッセージを受うけ取とったときのプログラムは次つぎの通とおりです。
メッセージを受うけ取とったら、1秒びょうでx座標ざひょうとy座標ざひょうを-40と-130(サッカーボール横よこの位置いち)まで動うごかして、コスチュームを「jordyn-b」にします。これでボールを蹴ける動うごきになります。

「キッカー」のプログラム

「ゴール」を受け取ったとき

「ゴール」メッセージを受うけ取とったときのプログラムは次つぎの通とおりです。

「キッカー」のプログラム

メッセージを受うけ取とったら「ポイント」変数へんすうを1ずつ変かえます。もし「ポイント」変数へんすうが5なら「ゲームクリア」メッセージを送おくってこのスクリプトを止とめます。

「キッカー」のプログラムの一部

「Goal Cheer」の音おとを鳴ならしたら、コスチュームを1秒びょうおきに変かえて、ゴール後ごにダンスする動うごきをします。

「キッカー」のプログラムの一部

以下いかの記事きじで音おとの鳴ならし方かたを詳くわしく解説かいせつしていますので、併あわせてご覧らんください。
》【Scratch入門にゅうもん】音おとを鳴ならすプログラムを作つくってみよう

位置いちとコスチュームを最初さいしょの設定せっていに戻もどしたら、「ゲーム中ちゅう」メッセージを0にします。

「キッカー」のプログラムの一部

「サッカーボール」のプログラムを作ろう

次つぎにサッカーボールのプログラムを作つくりましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。
旗はたが押おされたら大おおきさと位置いちを設定せっていして、「x座標ざひょう」変数へんすうを0にします。

「サッカーボール」のプログラム

「スタート」を受け取ったとき

「スタート」メッセージを受うけ取とったときのプログラムは次つぎの通とおりです。

「サッカーボール」のプログラム

メッセージを受うけ取とったら1秒びょう待まって(この間あいだにキッカーがサッカーボールを蹴けります)、y座標ざひょうが75より大おおきくなるまでy座標ざひょうをスピード÷50ずつ変かえるのを繰くり返かえします。これでサッカーボールがゴール上側うえがわのクロスバーの位置いちまで移動いどうします。

「サッカーボール」のプログラムの一部

右みぎ矢印やじるしキーが押おされたらx座標ざひょうを「スピード」変数へんすう÷50ずつ変かえて、右みぎに移動いどうするようにします。この時とき、サッカーボールが右みぎゴールポストの外側そとがわまで移動いどうしないように、x座標ざひょうが90より左ひだりで移動いどうするようにします。

「サッカーボール」のプログラムの一部

同おなじように、左矢印ひだりやじるしキーが押おされたらx座標ざひょうを「スピード」変数へんすう÷50×-1ずつ変かえて、左ひだりに移動いどうするようにします。この時とき、サッカーボールが左ひだりゴールポストの外側そとがわまで移動いどうしないように、x座標ざひょうが-90より右みぎで移動いどうするようにします。

「サッカーボール」のプログラムの一部

「x座標ざひょう」変数へんすうをサッカーボールのx座標ざひょうにします。これでサッカーボールの位置いちによって「x座標ざひょう」変数へんすうが変かわります。

「サッカーボール」のプログラムの一部

最後さいごに「ゴール」メッセージを送おくったら、4秒びょう待まって(この間あいだにキッカーがゴール後ごのダンスをします)、最初さいしょの位置いちに戻もどしたら「x座標ざひょう」変数へんすうを0にします。

「サッカーボール」のプログラムの一部

「ゲームオーバー」を受け取ったとき

「ゲームオーバー」メッセージを受うけ取とったときのプログラムは次つぎの通とおりです。
メッセージを受うけ取とったら、サッカーボールの他ほかのスクリプトを止とめます。

「サッカーボール」のプログラム

「ゴールキーパー」のプログラムを作ろう

次つぎにゴールキーパーのプログラムを作つくりましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。

「ゴールキーパー」のプログラム

旗はたが押おされたら大おおきさと位置いちを設定せっていします。

「ゴールキーパー」のプログラムの一部

その後あとは次つぎの動作どうさをずっと繰くり返かえします。まず「ゲーム中ちゅう」変数へんすうが0のとき、x座標ざひょうを-3にします。

「ゴールキーパー」のプログラムの一部

また「ゲーム中ちゅう」変数へんすうが0でないとき、「x座標ざひょう」変数へんすうがゴールキーパーのx座標ざひょうより大おおきければ、x座標ざひょうを1ずつ変かえます。これでゴールキーパーがサッカーボールの位置いちより左ひだりにいたら、ゴールキーパーが右みぎに移動いどうしてサッカーボールに近ちかづきます。

「ゴールキーパー」のプログラムの一部

同おなじように「x座標ざひょう」変数へんすうがゴールキーパーのx座標ざひょうより小ちいさければ、x座標ざひょうを-1ずつ変かえます。これでゴールキーパーがサッカーボールの位置いちより右みぎにいたら、ゴールキーパーが左ひだりに移動いどうしてサッカーボールに近ちかづきます。

「ゴールキーパー」のプログラムの一部

もしサッカーボールに触ふれたら、「ゲームオーバー」メッセージを送おくってこのスクリプトを止とめます。

「ゴールキーパー」のプログラムの一部

「スピードゲージ」のプログラムを作ろう

次つぎにスピードゲージのプログラムを作つくりましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。
旗はたが押おされたら大おおきさと位置いちを設定せっていして、最背面さいはいめんへ移動いどうします。

「スピードゲージ」のプログラム

「表示文字」のプログラムを作ろう

最後さいごに表示文字ひょうじもじのプログラムを作つくりましょう。

旗が押されたとき

旗はたが押おされたときのプログラムは下したの通とおりです。
旗はたが押おされたら最前面さいぜんめんへ移動いどうして、位置いちを設定せっていしたら隠かくします。

「表示文字」のプログラム

「ゲームクリア」を受け取ったとき

「ゲームクリア」メッセージを受うけ取とったときのプログラムは下したの通とおりです。
メッセージを受うけ取とったら「ゲームクリア」を表示ひょうじして「Win」を鳴ならした後あと、すべてのプログラムを止とめます。

「表示文字」のプログラム

「ゲームオーバー」を受け取ったとき

「ゲームオーバー」メッセージを受うけ取とったときのプログラムは下したの通とおりです。
メッセージを受うけ取とったら「ゲームオーバー」を表示ひょうじして「Lose」を鳴ならした後あと、すべてのプログラムを止とめます。

「表示文字」のプログラム

これで全すべてのプログラムが完成かんせいしました!

まとめ

この記事きじではScratch(スクラッチ)を使つかったサッカーゲームの作つくり方かたについて紹介しょうかいしました。

プログラムの理解りかいが深ふかまったら、次つぎは下したのような改造かいぞうにもぜひチャレンジしてみてください。

  • ゴールキーパーが移動いどうする速はやさを変かえてみよう。
  • ゲームクリアの条件じょうけんを変かえてみよう。
  • ゴール後ごのダンスの動うごきを変かえてみよう。

このサッカーゲームのScratchプロジェクトのリンクはこちらです。自分じぶんオリジナルのゲーム作づくりにぜひ活用かつようしてくださいね。
》サッカーゲーム on Scratch

ゲームをやるのも楽たのしいけど、作つくるのも楽たのしい!

もっと本格的ほんかくてきなゲームを作つくってみたい!

このような好奇心が芽生えたら、お子様の豊かな未来を切り拓く可能性を広げるチャンスです。

近年、プログラミング教育はますます重要視されています。
2020年度から小学校でのプログラミング教育の必修化が始まっており、また大学入試では2025年1月から大学入学共通テストにプログラミングを含む教科「情報」が出題されます。

プログラミングは創造性や論理的思考を育む素晴らしいスキルですが、親御さんがプログラミングを教える専門家でない場合、お子様が学ぶためのサポートが必要です。
その手助けとして、プログラミング教室のご検討はいかがでしょうか?

以下の記事で小学生向けのおすすめプログラミング教室を紹介していますので、合わせてご覧いただければ幸いです。一緒に、子供たちの未来を輝かせる扉を開きましょう!
》【2025年最新版】小学生向けプログラミング教室3選

この記事きじを最後さいごまで読よんでいただき、ありがとうございました!

コメント

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