5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ScratchAdvent Calendar 2019

Day 24

Scratchとmicro:bitでVRやってみる

Last updated at Posted at 2019-12-24

自身のアルバイト先がITものつくり教室であり,Scratchを使ってゲーム作りを教えたりしています.最近ではワークショップでmicro:bitもよく使われ,何か出来ないかなーと考えていました.

そこに登場したScratch3.0!拡張機能でLEGOWeDoやマインドストームEV3などと無線で接続して,フィジカルコンピューティングが簡単に行えるようになりました.今回はmicro:bitを使ってScratchと無線通信し,ScratchでVRぽいゲームを作りたいと思います.

micro:bitのアドベントカレンダーにも記事を載せているのですが,Scratchの方では,その続きから書いていこうと思います.なので,この記事を読む前にこちらの記事を読んでもらえると幸いです.

VRぽいシューティングゲームを作る

micro:bitとScratchの接続が出来たら,micro:bitを使ってゲームを作っていきます.
今回作るゲームはVRぽいシューティングゲームです.VRぽいとはどんなものかというと,micro:bitには加速度センサーが入っており,傾きを検知することが出来ます.それを利用して,micro:bitを頭につけて首を傾けることで,画面のゲームを操作するものを作っていきます.

スクリーンショット 2019-12-19 14.46.36.png

プログラミング

micro:bitの記事では,接続方法とmicro:bitの加速度センサーを使うプログラムを紹介しました.ここでは,その続きから,よりゲームらしさを追加していこうと思います.

敵を作る

シューティングゲームなのでやはり敵が必要です.適当なスプライトを選んでプログラムを作成します.
スクリーンショット 2019-12-23 21.03.17.png

micro:bitの傾きを持たせた変数microBitAngleを使って,敵の座標を傾きによって移動させるプログラムとなっています.

没入感,スピード感を出す

没入感,スピード感を出すために,宇宙船が画面奥に飛んでいるような演出を加えていきます.めちゃくちゃわかりづらいですが,線無しの白い小さい円のスプライトを作ります.これを通過する惑星と見立てて臨場感を出したいと思います.スクリーンショット 2019-12-24 15.46.51.png
スクリーンショット 2019-12-24 15.49.11.png
プログラムはこんなかんじで,クローンを作って中心からランダムな角度に移動させます.徐々に大きさを大きくすることで向かってくるような演出になります.
ダウンロード.gif

敵と自分の攻撃,勝敗判定

最後に敵と自分の攻撃を作り,勝敗判定を追加します.
まずは敵の攻撃です.ボールをスプライトの色を変えながらため攻撃するようにします.発射前には,音がなるようにし,いつ撃ってくるか分かるようにします.一発でも当たったらゲームオーバーにします.


次に自分の攻撃です.自分の攻撃は自動で連射するようにします.敵にはHPを用意し,0になったらクリアにします.スプライトにはボールを横長に変形させ,向きを変えて進ませます.敵のHPに変数alienHPを用意します.


最後に勝敗判定とHPを設定します.
スプライトを作成し,コスチュームを勝ちと負けの2つ用意します.敵のHPもここで初期化しておきます.

遊んでみた

microbitを頭にくくりつけて,遊んでみました.プロジェクターなど大画面でやると結構臨場感あります.意外と面白かったです.
※勢いよく首を傾けると危険です.
vr.gif

リンク

micro:bit アドベントカレンダー

5
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?