Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

1

ジャイロセンサーでゲームをつくろう

ジャイロセンサーの動 きを知 ろう!

レッスン 3 では、codey rocky（コーディー

ロッキー）についているジャイロセンサーとアプ

リを組 み合 わせたゲーム作 りに挑 戦ち ょ う せ ん

します。

⾧ いプログラムも出 てきますが、じっくりテキス

トと動 画 を見 ながら挑 戦ち ょ う せ ん

してみましょう。

✎codey rocky についているジャイロセンサー

codey 側 に、ジャイロセンサーがついています。

ジャイロセンサーとは、角か く

速 度そ く ど

や加 速 度か そ く ど

を測 定そ く て い

することができるセンサーです。

スマートフォンや、ゲームのコントローラーなどに使 われています。

codey rocky｜プログラミングレッスン 3

レッスンのテーマ

ロボットについている

ジャイロセンサーを制 御せ い ぎ ょ

して、 ゲームを作 ろう

ジャイロセンサー

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

2

STEP1 ゲームを作 ってみよう!

ゲームの特 徴と く ち ょ う

君 が codey のジャイロセンサーを操 作そ う さ

して、

黄 色 いキャラクター（イエロームーン）を動 かします。

かぶとむし君 は、いろんなところをあちこちと動 き回 ります。

上 手 にイエロームーンを操 作そ う さ

して、かぶとむし君 をつかまえてみましょう!

イエロームーン

かぶとむし君

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

3

やってみよう! デバイス（ロボット）側 のプログラムを作 ろう

はじめに、デバイス（ロボット）のプログラムを考 えます。

スプライトの追 加 ・背 景は い け い

の変 更 は、この画 面 から行 うことができます。

注 :ビジュアルプログラミングソフト「mBlock5」のバージョンによって、一 部 のプログラムの

表 記 が異 なる場 合 がございます。

黄 色 いキャラクターの動 き ジャイロセンサーの動 きに合 わせて、スプライト（パソコンの中 の黄 色 いキャラクター）

が動 くようにします。 どのようなプログラムを作 ればよいでしょうか?

スプライトを削 除

スプライトを追 加

背 景は い け い

の変 更

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

4

スプライトをえらんでみましょう。

ス プ ラ イ ト の メ ニ ュ ー を ク リ ッ ク

し 、 「 ス プ ラ イ ト を 追 加 」 を 押

すと、左 の画 面 になります。

「アイコン」グループから、

「 Game e lement4 」 を 選

んで、OK ボタンを押 します。

背 景は い け い

をえらんでみましょう。

背 景は い け い

の メ ニ ュ ー を ク リ ッ ク す る

と、左 の画 面 になります。

次 に 、え ん ぴつ マ ー ク を 押 し ま

す。

「街 」グループ中 から、

「C i ty N ight6」を選 んで、

OK ボタンを押 します。

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

5

こちらが、プログラムの見 本 になります。

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

6

やってみよう! スプライトのプログラムを作 ろう

次 に、mBlock5 内 の、スプライトのプログラムを作 りましょう。

黄 色 いキャラクター（イエロームーン）と、かぶとむしの 2 つのスプライトがありま

すが、まず、黄 色 いキャラクター（イエロームーン）のプログラムを考 えてみまし

ょう。

ヒント

動 く向 きを指 定 するときは、このブロックを使 うと便 利べ ん り

です。

黄 色 いキャラクター（イエロームーン）の動 き ジャイロセンサーに合 わせて、黄 色 いキャラクターが動 くようにする。

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

7

こちらが、プログラムの見 本 になります。

最 後 は、かぶとむし君 のプログラムです。次 のような動 きをするためには、どのよ

うなプログラムを作 ればよいでしょうか?

黄 色 いキャラクターの動 き かぶとむしが自 由 にあちこち動 くようにする。 黄 色 いキャラクターにつかまったら、「ぎゃー」という （ローマ字 のぎゃ＝GYA）

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

8

こちらが、プログラムの見 本 になります。

完 成 したら、遊 んでみましょう!

うまくできたましたか?これで 3 回 のレッスンは終 わりです。 はじめてのプログラミングは楽 しかったでしょうか? ゲームは、自 分 でも作 れることがわかりましたね。 動 き方 やキャラクターを変 えたり、オリジナルのしかけを加 えた

りして、自 由 に改 造か い ぞ う

して遊 んでみましょう。

Viling inc.© 2018 & © SoftBank Commerce & Service Corp.

9

発 行 ソフトバンク コマース＆サービス株 式 会 社

〒105-0021 東 京 都 港 区 東 新 橋 1-9-2 汐 留 住 友 ビル

制 作 株 式 会 社 Vi l ing

〒167-0032 東 京 都 杉 並 区 天 沼 3-12-10 エノモトビル 3 階

本 書 は、無 断 複 写 ・複 製 (コピー等 ) することはできません。また、本 書 のスキャン、電

子 データ化 等 の無 断 複 製 は、著 作 権 法 上 の例 外 を除 き、禁 じられています。代 行 業

者 等 の第 三 者 に依 頼 をして本 書 のスキャン・電 子 データ化 等 を行 うことは、私 的 使 用

の目 的 であっても認 められておらず、著 作 権 法 に違 反 します。