今回つくるゲーム
難易度
今回はシューティングゲームを作っていきます。スクラッチでつくるシューティングゲームは矢印キーで移動させたり、シフトボタンで玉を発射したりしますが、それではパソコンでしか遊べないので、気軽に遊べるようにスマホ対応にしていきます。
※スクラッチ初心者の方は、まずこちらの、
もぐらたたきゲームの作り方(初級)
からチャレンジしてみてください。
準備
まずは、こちらにアクセスして、リミックスをしてください。
ビンゴおじさんシューティング(素材)
リミックスの方法が分からないという方はこちらの記事を参考にしてください。
こちらにはすでにプレイヤー(おじさん)や敵(おばさん)や玉などのスプライトが用意されています。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-21.43.54-1024x521.png?resize=1024%2C521&ssl=1)
では、これらを組み合わせてシューティングゲームを作っていきます。
おじさんを左右に動かす
スクラッチプログラミングで一般的に矢印キーを使わずにキャラクターを動かすときは、
下図のように、”マウスポインターへ行く”という指示を使います。
この場合はこちらの動画のようにポインターにキャラクターがずっとついてきます。パソコンであればこれでも良いですが、スマホやタブレットの場合は、一度指を話して違う場所にタップすると、キャラクターがワープしてしまいます。それではゲームとしてイマイチです。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-21.55.30-1.png?resize=379%2C316&ssl=1)
スマホで遊ぶことを意識して、ドラッグした方向にキャラクターが動くようにします。
そのためのプログラムが以下の通りです。
”マウスポインターへ向ける”、”10歩動かす”という指示を入れることでスマホで指を滑らせただけキャラクターが動くようになります。また”回転方法を回転しないにする”という指示を入れることでキャラクターがポインターの方向にくるくる回転しないようにします。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-21.59.54.png?resize=371%2C448&ssl=1)
玉を打つ
次に、おじさんの鉄砲から玉が出るようにします。スクラッチでよくあるシューティングゲームはシフトなどのボタンを押して玉を出しますが、スマホで遊ぶことを考えると玉は出しっ放しにするのが良いです。”おじさんの玉”のスプライトのコードを以下のように書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-22.21.03.png?resize=807%2C463&ssl=1)
おじさんの玉のクローンを0.1秒ごとに作って、おじさんのいる場所から上に移動していきます。
これが連続することでおじさんから玉が出ているように見えます。
しかし、おじさんの顔から玉が出てしまっているので微調整します。
スプライトの位置関係を修正するときは、以下のようにおじさん、おじさんの玉のそれぞれを
X=0,Y=0にした状態で、今回はおじさんの玉の位置を鉄砲の先端に移動させます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-22.55.38.png?resize=490%2C675&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-22.55.44.png?resize=490%2C675&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-22.56.51-1024x540.png?resize=1024%2C540&ssl=1)
この状態で、もう一度緑の旗を押してスタートさせましょう。ちゃんと銃口から玉が出ているるように見えます。
背景をスクロールさせる
ここでは背景を設定していきます。宇宙の背景がどんどんスクロールすることによって進んでいくように見えるようにします。
スクロールさせるには背景用のスプライトを2つ用意して、それを順番に下方向に流していきます。
スクロールのさせ方については
横スクロールゲームの作り方(その1)
で詳しく解説していますので、そちらをご覧ください。横スクロールを縦スクロールに修正するだけです。
まずステージからStarの背景を選択し、画像をコピーします
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.12.47-1024x515.png?resize=1024%2C515&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.13.27-1024x515.png?resize=1024%2C515&ssl=1)
次に新しい”背景1”のスプライトを作ります。”描く”を選んで、先ほどコピーした背景を貼り付けます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.14.06.png?resize=487%2C265&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.14.49-1024x521.png?resize=1024%2C521&ssl=1)
次に”背景1”を複製して”背景2”を作ります。そのときに上下反転させることで、ひとつながりの背景になり、スムーズにスクロールされます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.15.13.png?resize=492%2C274&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.16.07.png?resize=307%2C238&ssl=1)
次にスクロールのプログラムを組んでいきます。
横スクロールと同様にまずステージに以下のように”計算する”と”動かす”を繰り返すプログラムを書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.36.19.png?resize=309%2C293&ssl=1)
そして、背景1と背景2にそれぞれ横スクロールにならって以下のコードを書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.37.10.png?resize=429%2C356&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.37.43.png?resize=429%2C356&ssl=1)
このままだと、おじさんと玉が背景に隠れてしまうので、最前面にもってきます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.46.32-1.png?resize=300%2C273&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2021/07/スクリーンショット-2021-07-09-23.47.04-1.png?resize=593%2C389&ssl=1)
緑の旗を押してみてください。下の動画のように背景がスクロールすれば成功です。
つぎの記事では敵を作っていきます。