【オンライン講座】ビスケット(Viscuit)でスプラトゥーン風のゲームを作ろう!

KIDSPROは、オンライン講座を07/21(土) に実施します。
今回は、ビスケット(Viscuit)でスプラトゥーン風のゲームを作ります。

ビスケット(Viscuit)でスプラトゥーン風のゲームを作ろう!

ビスケット(Viscuit)でスプラトゥーン風のゲームを作ります。イカやローラーがインクで画面を塗ります。プレイヤーは画面をタップしてオレンジ色のインクを撒く(まく)ことが出来るゲームです。

 

日時: 2024/07/21(日) 17:30 ~ 18:30
場所: オンライン講座
対象: KIDSPROスクール生、KIDSPRO eラーニングをご利用の方
必要なもの: ビスケット(Viscuit)をインストールしたタブレット
費用: 無料

ビスケット(Viscuit)でスプラトゥーン風のゲームを作ろう!

スプラトゥーン風のゲームの作り方

1. どのようなゲーム?

スプラトゥーン風のゲーム
水色のイカ、黄色のイカ、ローラーがインクが撒いていきます。プレイヤーは負けずに画面タップでオレンジ色のインクを撒くゲームです。

2. キャラクターを描き、ステージに置く

キャラクターを描く
  1. 以下の7つのキャラクターを描く。
  2. ステージに水色のイカ、黄色のイカ、ローラーを上図のように置く。

3. 水色のイカがインクを撒くメガネ

水色のイカがインクを撒くメガネ
  1. 4つのメガネは、右側のメガネには水色のイカを置き、左側のメガネには水色のイカと水色のインクを置く。
    ※これにより、水色のイカから水色のインクが生まれるようになります。
  2. 1つ目と2つ目のメガネは左側のイカの位置より右側のイカの位置を上方向に、3つ目のメガネは右側のイカの位置を斜め左に、4つ目のメガネは右側のイカの位置を斜め右に置く。
    ※これにより、イカはランダムに動く(前か、前か、左前か、右前か)が前方向に動く確率が高いです。
Viscuitでキャラクターを回転させるには?

回転ボタンをタップしてから、キャラクター(オブジェクト)をタップすると、楕円の点線と黒丸のハンドルが表示されます。その状態で黒円をドラッグするとキャラクター(オブジェクト)が回転します。

4. 黄色のイカがインクを撒くメガネ

黄色のイカがインクを撒くメガネ
  1. 4つのメガネは、右側のメガネには黄色のイカを置き、左側のメガネには黄色のイカと黄色のインクを置く。
    ※これにより、黄色のイカから黄色のインクが生まれるようになります。
  2. 1つ目と2つ目のメガネは左側のイカの位置より右側のイカの位置を上方向に、3つ目のメガネは右側のイカの位置を斜め左に、4つ目のメガネは右側のイカの位置を斜め右に置く。
    ※これにより、イカはランダムに動く(前か、前か、左前か、右前か)が前方向に動く確率が高いです。

5. 青色のローラーがインクを撒くメガネ

青色のローラーがインクを撒くメガネ
  1. 4つのメガネは、右側のメガネには青色のローラーを置き、左側のメガネには青色のローラーと青色のインクを置く。
    ※これにより、青色のローラーから青色のインクが生まれるようになります。
  2. 1つ目と2つ目のメガネは左側のローラーの位置より右側のローラーの位置を上方向に、3つ目のメガネは右側のローラーの位置を斜め左に、4つ目のメガネは右側のローラーの位置を斜め右に置く。
    ※これにより、ローラーはランダムに動く(前か、前か、左前か、右前か)が前方向に動く確率が高いです。

6. 画面をタップするとオレンジ色のインクを撒くメガネ

タップでオレンジ色のインクを撒くメガネ

ステージをタップすると、オレンジ色のインクが撒かれる。

タップの機能を有効にするには?

※タップをメガネで使う場合には、遊ぶボタン(拡大ボタン)をタップしてステージを拡大して下さい。ステージが拡大された状態でないと、タップの機能は有効になりませんので注意して下さい。

ビスケット(Viscuit)とは?

アニメーション、ゲーム、デジタルえほんなどが作れるビジュアルプログラミング言語です。左側のメガネの条件が成立したら(もし~なら)、右側のメガネの状態になる(~する)というメガネの仕組みを使った、ルールベースのプログラミング言語です。こちらのページからインストールすることができます。