スクラッチプログラミング - ブロックくずしゲームのつくりかた
ブロックくずしは、ボールをパドルではねかえして、ブロックにあてるゲームです。「クローン」と「座標(ざひょう)」をつかうと、たくさんのブロックをきれいにならべることができますよ。
サンプルさくひんであそんでみよう
今回(こんかい)は、《ブロックくずしゲーム》のつくりかたをしょうかいします。
ボールをおとさないようにパドルをよこにうごかして、ブロックをぜんぶけしましょう。
パドルのうごかしかた
- タブレット…画面(がめん)をゆびでタッチして左右にうごかす
- パソコン…マウスのポインターを左右にうごかす
(プロジェクトがひょうじされないばあいは、ScratchのPyxofyページをごらんください)
ブロックくずしゲームをつくろう
ボールをパドルではねかえしてブロックをけすゲームをつくってみましょう。
1. パドルをそうさできるようにする
「Paddle (パドル)」の位置(いち)は、ステージの下のほうにします。左右にうごかせるように、プログラミングしますよ。
- 画面(がめん)のタッチ、マウスポインターでうごかす
![マウスポインターでパドルを動かすコード マウスポインターでパドルを動かすコード](https://www.pyxofy.com/content/images/2021/10/move-by-mouse-pointer.jpg)
やじるしキーをつかってそうさしたいときは、つぎのようにブロックをくみあわせてください。
![やじるしキーでパドルを動かすコード やじるしキーでパドルを動かすコード](https://www.pyxofy.com/content/images/2021/10/move-by-arrow-key.jpg)
»やじるしキーでのくわしいそうさ方法(ほうほう)は、『やじるしキーでスプライトをうごかそう』をごらんください。
2. ボールをバウンドさせる
ボールをうごかして、パドルやステージのはしではねかえるようにしましょう。
![ボールをバウンドさせるコード ボールをバウンドさせるコード](https://www.pyxofy.com/content/images/2021/10/code-to-bounce-the-ball.jpg)
»ボールをパドルではねかえす方法(ほうほう)は、『ピンポンゲームのつくりかた』をごらんください。
3. ゲームオーバーをきめる
パドルにあてるのにしっぱいして、ステージの下にボールがついたら、ゲームオーバーにします。
- ステージのいちばん下に、「Line (ライン)」のスプライトをおく
![赤いラインのスプライトがステージの一番下にあることを示す画像 赤いラインのスプライトがステージの一番下にあることを示す画像](https://www.pyxofy.com/content/images/2021/10/set-line-sprite.jpg)
- ボールにふれたどうかを、プログラムがうごいているあいだずっとチェックする
- もしボールにふれたなら、プログラムをとめる
![ボールがラインにふれたらゲームオーバーにするコード ボールがラインにふれたらゲームオーバーにするコード](https://www.pyxofy.com/content/images/2021/10/game-over-code.jpg)
ステージのはしやパドルではねかえるボールが、あかいラインにふれると、プログラムがとまるようになりました!
4. ブロックをえがく
![四角い茶色のブロックのスプライトを描く 四角い茶色のブロックのスプライトを描く](https://www.pyxofy.com/content/images/2021/10/draw-sprite-3.jpg)
バラバラブロックのつくりかた
ボールがあたったときに、ブロックがくずれるようにします。バラバラになったブロックのコスチュームをつくりましょう。
- コスチューム1をコピーする
- けしゴムでせんをひくように、わける
![ペイントエディターのけしゴムツールでブロックを細かい四角に分けられたコスチューム2 ペイントエディターのけしゴムツールでブロックを細かい四角に分けられたコスチューム2](https://www.pyxofy.com/content/images/2021/10/use-eraser.jpg)
小さい四角(しかく)になったぶぶんは、それぞれべつべつにうごかせるようになりますよ。
![小さい四角に分けられたうちの一つをうごかした様子を表す画像 小さい四角に分けられたうちの一つをうごかした様子を表す画像](https://www.pyxofy.com/content/images/2021/10/move-one-of-the-parts.jpg)
- せんたくやじるしでドラッグして、バラバラにする
![小さい四角になった部分を全部バラバラに動かした様子を表す画像 小さい四角になった部分を全部バラバラに動かした様子を表す画像](https://www.pyxofy.com/content/images/2021/10/move-all-of-the-parts.jpg)
- コスチューム2をコピーする
- せんたくやじるしでドラッグして、もっとバラバラにする
![ブロックがバラバラになったコスチューム3 ブロックがバラバラになったコスチューム3](https://www.pyxofy.com/content/images/2021/10/costume-3.jpg)
ブロックがくずれてバラバラになるコスチュームができました!
5. ブロックをならべる
ブロックのクローンをたくさんつくって、きれいにならべましょう。
さいしょのせってい
- クローンするまえのブロックは、かくしておく
- コスチューム1(バラバラになっていないブロック)にする
- 位置(いち)は、ステージの左上にする
![ブロックのさいしょの設定をするコード ブロックのさいしょの設定をするコード](https://www.pyxofy.com/content/images/2021/10/set-block.jpg)
クローンをつくろう:1だんめ
ブロックをきれいにならべるためには、座標(ざひょう)をかえながらクローンをつくります。
まずは、1だんめ。ステージの左から右へ、xざひょうをかえながらブロックをよこにならべますよ。
- 11かいくりかえす
- クローンをつくってから
- xざひょうをかえる
![11個のクローンを作るコード 11個のクローンを作るコード](https://www.pyxofy.com/content/images/2021/10/create-clones.jpg)
くりかえす回数(かいすう)と、xざひょうをどのくらいずつかえるかは、ブロックの大きさによってかわります。今回(こんかい)は、くりかえしは「11」かい 、xざひょうは「40」ずつかえました。
クローンをつくろう:2だんめ
2だんめのブロックをならべましょう。
- xざひょうを左がわにもどす…-200
- yざひょうを下の位置( いち)にする…90
- クローンをつくってから、xざひょうをかえることを、11かいくりかえす
![2段目のクローンを11個作るコード 2段目のクローンを11個作るコード](https://www.pyxofy.com/content/images/2021/10/create-clones-in-2nd-row.jpg)
クローンをひょうじしよう
クローンを表示(ひょうじ)して、ブロックがどのようにならぶか見てみましょう。
- クローンされたとき、ひょうじする
![クローンを表示するコード クローンを表示するコード](https://www.pyxofy.com/content/images/2021/10/show-clones.jpg)
ブロックがきれいにならびました!
![ブロックのクローンがステージの上側に綺麗に並んでいる様子を表す画像 ブロックのクローンがステージの上側に綺麗に並んでいる様子を表す画像](https://www.pyxofy.com/content/images/2021/10/blocks-line-up-in-two-rows.jpg)
6. ブロックをくずして、けす
ボールにあたったら、ブロックがくずれてきえるようにしましょう。
- ボールにふれたどうかを、プログラムがうごいているあいだずっとチェックする
![ボールにふれたかどうかをチェックするコード ボールにふれたかどうかをチェックするコード](https://www.pyxofy.com/content/images/2021/10/if-touching-the-ball.jpg)
- もしボールにふれたなら、バラバラブロックのコスチュームにかえたあと、クローンをさくじょする
![コスチュームを切り替えた後にクローンを削除するコード コスチュームを切り替えた後にクローンを削除するコード](https://www.pyxofy.com/content/images/2021/10/change-costume-and-delete.jpg)
7. プログラムかんせい
ボールをパドルではねかえしてブロックをけすゲームができました!
![ブロックの完成プログラム ブロックの完成プログラム](https://www.pyxofy.com/content/images/2021/10/block-program.jpg)
(サンプルさくひんのプログラムをぜんぶ見たいかたは、 ScratchのPyxofyページから、「中を見る」でごらんください)
![](https://www.pyxofy.com/content/images/2024/07/cover-page-320-4.png)
Pyxofy (著)「きょうからはじめるスクラッチプログラミング入門」
Pyxofy が Scratch の電子書籍を出版しました!Kindle・Apple Books からご購入ください。
まとめ
今回(こんかい)は、ブロックくずしゲームのつくりかたをしょうかいしました。
座標(ざひょう)をかえながらクローンをつくると、たくさんのブロックをきれいにならべることができましたね。
次回(じかい)は、上から見たジャンプゲームのつくりかたをしょうかいします。
\この記事が参考になったら Tweet おねがいします/