いろラボブログ

ビジュアルプロミング言語「Viscuit(ビスケット)」の使い方、プログラミング作品やゲーム、プログラミング教育のアイデアなどを掲載していきます。

お正月・ビスケット小技コレクション1「ジャンピングおもちくん」

f:id:koba1426:20190103094722j:image

お正月ということで、おもちくんをいろいろうごかしてみようと思います。

ビスケットのプログラミングで、いろんなゲームをつくる中でみつけた小技(こわざ)も、

しょうかいしていきます。

「ビスケット小技コレクション」シリーズです!(おもいつき)

だい1だんは、はじめてのひともチャレンジしやすい内容になってます!

 

つくりかた

ビスケットのアプリを開いて

f:id:koba1426:20190103165334j:image

①「ひとりでつくる」をえらんで、

②どこでもいいので、すきな色のへやをえらんで、

③「えんぴつ」ボタンをおしてください。

 

じゅんび

「はぐるま」マークのせっていボタンをおします。

f:id:koba1426:20190103170808j:image

①色をぐるぐるまわして、はいけいの色をすきなのにかえましょう。

(とりあえず、日の出っぽい色にしました)

 

f:id:koba1426:20190103171144j:image

②下の方のぼうを「いちばん右」にうごかして、「ほうがんしモード」にしましょう。

 

ステップ1

「えんぴつマーク」をおして、絵をかきます

f:id:koba1426:20190103171343p:image

↑おもちくん

まんなかにうすい四角がでるので、だいたい四角の中に入れてかいてみましょう。

(ハミだしても、べつにいいです!)

 

f:id:koba1426:20190103171436p:image

↑ジャンピングおもちくん

おもちくんがジャンプしたときに、重力のえいきょうで下にふくれてます。

 (ゆきだるま…ではない?!)

 

ステップ2

f:id:koba1426:20190103172207j:image

ステージ上におもちくんをまず1人おきましょう(ばしょは、どこでもいいです)

 

f:id:koba1426:20190103172547j:image

①メガネをだして、

②左のへやにおもちくん、

③右のへやにジャンピングおもちくんの絵をいれます。そのときに…

f:id:koba1426:20190103173001j:image

右のへやジャンピングおもちくんは、

元のうすい絵のいちより「1マス上」においてください

 

f:id:koba1426:20190103173328j:image

↑このメガネをつくることで、ステージの上で、

おもちくん ➡︎ ジャンピングおもちくん (1マス上にうごいた)

にへんしんするのがかくにんできます。

 

ステップ2

もう一つメガネをだして、

f:id:koba1426:20190103174104p:image

↑こんなふうなメガネをつくってみてください。

これはさっきとぎゃくです!

f:id:koba1426:20190103174536j:image

右のへやのおもちくんは、

元のうすい絵のいちより「1マス下」においてください

f:id:koba1426:20190103175639j:image

↑こうすることで、ステージの上で、

おもちくん ➡︎ ジャンピングおもちくん (1マス下にうごいた)

へんしんします。(写真じゃ、わかんないですね)

 

こんなかんじに…

f:id:koba1426:20190103175259j:image

おもちくん→ジャンピングおもちくん

ジャンピングおもちくん→おもちくん

にずっと変わり続けるから…

 

つまり、ずっとピョンピョンしつづけるのです!

 

ステップ3

さいごに、

f:id:koba1426:20190103180533j:image

↑さいしょのメガネの右のへや、

ジャンピングおもちくんをさっきのいちより「1マス左に」

うごかしてみましょう。(ピョンピョン左にすすみつづけます)

f:id:koba1426:20190103180800p:image

↑おまけに、おもちくんをステージに3つならべて、

おもち3きょうだい

にしてみましょう。これでかんせい!!

 

動画でみてみましょう!(つくりかたぜんぶいりバージョンです!BGMたのしい)

「フリーBGM・音楽素材MusMus

http://musmus.main.jp/」より

youtu.be

 

今日のプログラムのひらきかた

↓ビスケットのアプリが入っているスマホ・タブレットでこちらのアドレスを開くと、はじまります

https://develop.viscuit.com/env/view.html?control=edit%3A00300013%3A6176%2F1-1%2F028.json%3A1-1%3A

viscuit
viscuit
開発元:Digital Pocket Limited Liability Company

 

さいごに

お正月っぽいかんじで、おもちアニメーションをつくりました。

すごいアニメは、色んな絵がたくさんきりかわるので、リアルな動きになってますよね。

ビスケットでも「絵とメガネをたくさんふやす」とリアルなアニメもつくれるとおもいます!

次回もまた、小技コレクションとして新しい技をしょうかいします。

 

↓その他のビスケットプログラミング入門はこちらです

irolab.hatenablog.com

 

お題「お餅の食べ方」