ビスケットプログラミングで「ブロックくずしゲーム」をつくろう!
今日は、けっこうむずかしいゲームをつくってみます!
「ブロックくずしゲーム」です。
⬇︎もとネタは、こちらです!
実は、ビスケットプログラミング入門の本でもつくり方がしょうかいされているのですが、
このブログでのつくり方は、オリジナルようそをくわえた、もっとややこしいつくり方です!
メガネ34こも、つかっちゃいます。
もっとシンプルなつくり方は、上の本をぜひ読んでみてかくにんしてくださいね!
じゅんび Viscuit(ビスケット)を開く
「Viscuit(ビスケット)」のアプリをひらいて…
①「ひとりでつくる」をえらんで、
②どこでもいいので、すきな色のへやをえらんで、
③「えんぴつ」ボタンをおしてください。
- ほうがんしモードは、右から2番目のマスの大きさにしています。
- 画面のたて・よこ「ループしない」せっていにしています。
ステップ1 かべと天井をつくろう!
パーツの絵をかこう!
左のかべ
天井
右のかべ
パーツをしきつめて、ゲームのステージをつくろう!
左のかべ
天井
右のかべ(ステージ完成!)
ステップ2 ボールの動きをつくろう!
ボールの絵を4しゅるいかこう!
左上にすすむボール
右上にすすむボール
右下にすすむボール
左下にすすむボール
ボールの動きをメガネでつくります。
⬆︎何もないところでは、それぞれの向きにずっと進みつづけるようにします。
⬆︎かべや天井にぶつかったとき、
こんなふうにはね返るルールにしてみました。
(音符♪マークをメガネの右に入れているので、ぶつかったときにポン♪となります)
分かりにくいので、あそぶ画面で見てみます!
左上にすすむボールが…
かべにぶつかったとき、
右上にすすむボールに変わります
右上にすすむボールが…
天井にぶつかったとき、
右下にすすむボールに変わります
右下にすすむボールが…
かべにぶつかったとき、
左下にすすむボールに変わります
左下にすすむボールが…
画面の外に出ると、
ゲームオーバー!(そしてだれもいなくなった)
ステップ3 パドルの動きをつくろう!
プレイヤーがうごかせるバー(パドル)の絵をかこう!
パドル
⬆︎真ん中よりも、ちょっと上の方にかいています
パドルを動かすメガネをつくろう!
- パドルの右をさわったら、右に2マス動く
- パドルの左をさわったら、左に2マス動く
ようにしてみました。
パドルの右をさわると…
右に2マス動きます。
パドルの左をさわると…
左に2マス動きます。
ボールがパドルではね返える動きをつくろう!
⬆︎右下にすすむボールがパドルのどの部分にぶつかっても、右上に動くようにしました。
⬆︎左下にすすむボールがパドルのどの部分にぶつかっても、右上に動くようにしました。
右下にすすむボールがパドルにぶつかったら…
右上にすすむボールになって、はね返えりせいこう!
(さっきつくったメガネのおかげで、どんなぶつかり方でもはね返えりますね!)
ステップ4 ボールがブロックをくずす動きをつくろう!
ブロックの絵をかこう!
ブロック
⬆︎これも、真ん中よりも、ちょっと上の方にかいています。
そして、てきとうにステージにブロックをならべよう!
あとは、ボールとブロックがぶつかったらきえる動きをつくろう!
⬆︎下からぶつかったときと、上からぶつかったときで4つのメガネが必要です。これも、ボールがブロックにぶつかったら、すすむ方向が変わるようにしてみました。
あそぶ画面でかくにん!
ぶつかると…
ブロックきえて、向き変わる
ぶつかると…
ブロックきえて、向き変わる
ぶつかると…
ブロックきえて、向き変わる
かべにぶつかると…
向き変わる
これでもう、かなりゲームっぽくなってきましたね!
全部のブロックをくずしたら、クリアー!ですね。
プレイヤーは、パドルをうまい具合にそうさして、ボールを落とさないようにしよう!
チャレンジ 「パドルブーストシステム」をつくろう!
ここから、オリジナルなルールをもりこんでいこうと思います!
まず、こんな絵をかきます。
ブースター(モンスターじゃないよ)
⬆︎ちょっと大きめに、うすい色でかいてます。
上にすすむボール
⬆︎何もないところでは、上にずっと進みつづけるよう、新しくメガネをつくります。
そして、パドルブーストシステムのメガネをつくろう!
ステップ3でつくったこのメガネをかいぞうします。
「パドルを動かすメガネ」を
⬇︎
こういう風に、変えます。
なんじゃこりゃ?
パドルを動かすメガネの右の部屋に
「パドルの絵と、さっきかいたブースターの絵を重ねて」おいているのが、分かるでしょうか?
もう一つブースターがすぐに消えるメガネをつくっています。
パドルとブースターを重ねておいているじょうたいを「ブーストモード」と名づけます。(かっこいい)
こうすることで…
- パドルの右をさわったら、右に2マス動きブーストモードになる
- パドルの左をさわったら、左に2マス動きブーストモードになる
- ブースターはすぐに消える
という新ルールになります。
そして…
ブーストモードのときは、
「ボールがパドルにぶつかると、ボールは上向きにはね返える」というルールにします。
⬆︎このメガネ6こを新しくつくろう!
ブーストモードのときにボールがどの方向からパドルにぶつかっても、ボールは上向きにすすむようになります。
(一回はね返えると、ブーストモードはかいじょされます。)
こんな感じです!
ここで、左をさわると…
ブーストモード発動!
ブーストモードのときにパドルにぶつかったので、ボールは上向きにはね返えりました!
そして…
上にすすむボールも、こんな風にブロックがくずせるようにしよう!
⬆︎ブロックにぶつかると、
右下にはね返えるか、左下にはね返えるか
ランダムに変わるようにしました。
これで…
⬆︎ちゃんと上にすすむボールも、ブロックをくずせるようになりましたね!
動画でみてみよう!
⬇︎メイキングムービーでもつくり方をかくにんしてみましょう!(今回めっちゃ長いです)
⬇︎今日のプログラムはこちらから開けます。
(Viscuitアプリが必要です)
https://develop.viscuit.com/env/view.html?control=edit%3A00300014%3A5945%2F1-1%2F023.json%3A1-1%3A
さいごに
今日はちょっと大ネタでした。
ビスケットにかなりなれてきたら、チャレンジしてみると楽しいと思います!
工夫したら、もっと色んなオリジナルルールもつくれそうですね。いろいろつくってみましょう!
⬇︎メガネ125この究極のブロックくずしは、こちらです!
⬇︎はじめての人は、こちらもビスケットプログラミング入門記事もおススメです!