Scratch(スクラッチ)でレースゲームを作ろう!作りかた徹底解説・前編

Scratch(スクラッチ)
スポンサーリンク

仕様を決めよう

前回つくったゲームも車のゲームだったのですが、ムスコ(3歳)が車大好きなので、今回もまた車のゲームを作ることにしました。

今回は、高速道路を駆け抜けるイメージで、スピード感のあるゲームを目指します。

仕様は、こんな感じです。

  • キーで左に移動し、 キーで右に移動
  • 長く走るほど、スコアがアップする
  • ガソリンが無くなったらゲームオーバー
  • 途中で現れるガソリンマークを取ると、ガソリンが増える
  • 他の車にぶつかると、ガソリンが大きく減る

完成イメージ

まずは、完成イメージをご覧ください。

Scratchスクラッチのサイトから、実際にさわってみることもできます。

画像をアップロードしよう

背景画像の設定

ステージに、背景画像をアップします。

車(自分)のスプライトを作る

車(自分)の画像は、左車線用、中央車線用、右車線用の3種類と、クラッシュしたときの画像をアップロードします。

   

   

コスチューム名はそれぞれ「自分・左」「自分・中央」「自分・右」「自分・左・クラッシュ」「自分・中央・クラッシュ」「自分・右・クラッシュ」としておきます。

 

スプライト名は、「自分」と変更しておきます。

白線のスプライトを作る

左側の白線と、右側の白線をそれぞれアップロードします。

←左側の白線   ←右側の白線

 

スクリプトを書いていこう

隣の車線に移動できるようにする

「自分」のスクリプトを書いていきます。

中央車線の手前側にスプライトを置き、コスチュームを「自分・中央」にします

中央車線のx座標が-5、右車線のx座標が295、左車線のx座標が-305なので、以下のようにして隣の車線に移動できるようにします。

白線を表示する

白線を画面奥から手前の方に、流れるように表示させます。

画面奥にいるときは小さく、手前側に来るにしたがって徐々に大きくします。

また速さも、画面奥にいるときはゆっくりで、手前側に来るにしたがって徐々に速くします。

変数を使う

「大きさ」「x座標」「y座標」という変数をつくって、徐々に大きくしたり、徐々に速くしたりします。

このときの変数は、「このスプライトのみ」にしておきましょう。

左側の白線のスクリプトはこのようになります。

変数を作り、「○○を○ずつ変える」ブロックを使うことで、徐々に大きくしたり、徐々に速くしたりすることができます。

クローンを使う

このままでは、画面奥から手前の方に、白線が1回移動したら終わってしまいます。

そこで、クローンを使って白線を何度も絶え間なく移動させます。

本体は隠しておいて、0.5秒おきに作られるクローンの方を表示させます。

右側の白線も同様にスクリプトを書きます。

ここまでのところの動きを見てみましょう。

車が走っているように見えてきましたね。

ゲームのBGMを鳴らそう

ゲームをしている間、BGMを鳴らす設定をします。

ステージの「音」タブをクリックし、ライブラリから「drive around」を追加します。

「スクリプト」タブをクリックし、スクリプトを追加します。

ガソリン変数をつくろう

ゲームスタート時はガソリンが満タンで、走っているとガソリンが徐々に減っていき、ガソリンがなくなったらゲーム終了にします。

ステージのスクリプトエリアで、「ガソリン」という変数を作ります
「すべてのスプライト用」を選択します)

スタート時にはガソリンを「15」にしておき、2秒毎に1ずつ減って、ガソリンが「0」になったらゲームオーバーとします。

ここで、先ほど設定したBGMの音楽「drive around」がちょうど2秒くらいなので、下記のようにスクリプトをまとめてしまいましょう。

スコア変数をつくろう

ゲームスタート時はスコアが「0」で、走っていると1秒毎にスコアが1ずつ増えていくようにします。

スコアは画面上部に表示しておきましょう。

 

では、次回は他の車のスプライトなどをつくっていきます。

 

 

 

おすすめのScratchスクラッチ関連書籍
とにかく丁寧でとってもわかりやすい! 初心者に一番のおすすめ本。こどもへの教え方のアドバイスまで載っています。
文字が多いのでとっつきにくいかもしれないけど、内容がすごくいい。基礎固めの2冊目としてもおすすめ。
子どもに読ませるための入門書としておすすめ。マンガでわかりやすく書かれています。

コメント

  1. […] はじめるプログラミング」さんで公開されているレースゲームをリミックス(sb2ファイルを保存して、Scratch3.0に取り込み)させていただきました。 https://oyako-programming.com/scratch-racing-game1/ […]

    • きくさん きくさん より:

      このレースゲームがハンドルで操作できるなんて!ありがとうございます!感激!!

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