【オンライン講座+作り方解説】ビスケット(Viscuit)でクオリティの高いパズルゲームを作ろう!

KIDSPROは、オンライン講座を10/21(土)、10/22(日)に実施します。
今回は、ビスケット(Viscuit)でクオリティの高いパズルゲームを作ります。

ビスケット(Viscuit)でクオリティの高いパズルゲームを作ろう!

ビスケット(Viscuit)パズルゲームを作ります。空気ブロックというキャラクターを設置することにより、クオリティの高いパズルゲームを作ります。

 

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

パズルゲームの作り方

STEP.1
ステージの設定

  1. 画面見側の歯車マークをタップして、設定画面を開く
  2. 格子柄のマーク側にバーを一番右側にスライドさせる。
    ※この設定によりキャラクターはマス目を基準に表示されるようになる。マス目は、ステージをタップすると表示される。また、キャラクターを描く時にもステージのマス目の大きさを表す四角い枠が表示される。
STEP.2
必要なキャラクター

画面右上のペンツールボタンをタップして、必要なキャラクターを描く。

STEP.3
ステージにキャラクター設置

ステージにキャクターを設置する。

の1マス下にはキャラクターを設置しないでください。の1マス下にを設置すると、パズルゲームが正しく動きません。また、も上図のように設置しないと、正解判定のプログラムが正しく動きませんので注意してください。

STEP.4
ダイヤとハートが生まれる

上図の上2つのメガネにより から まはた が生まれるが、連続して まはた 生まれないように設定している。そして、  ステージに の配置のキャラクターが生成されたらに戻り、また まはた が生まれる。詳しくは、STEP.5-6で説明する。

STEP.5
ダイヤやハートの連続生成を

上図の上2つのメガネにより から まはた が生まれるが、同時にになることにより、連続して まはた 生まれることを避けている。

STEP.6
条件成立により再度ダイヤやハートが生成

しかし、に変わったままだと まはた が1度しか現れないので、 ステージに の配置のキャラクターが生成されたら、に戻り、また まはた が生まれるように設定した。

※詳しくは、ゲーム準備完了までの流れ(STEP.8-11)で説明するが、により まはた が7回(7行分)生まれると、の下にが現れることはなくなるので、 まはた は生成されなくなる。ただし、ゲームが開始されてステージにの配置のキャラクターが現れたら、に戻り、また まはた が生まれる。

STEP.7
ダイヤやハートが落下する

生成された まはた の1マス下が空気ブロックだったら、 まはた と空気ブロックの位置が変わる。このメガネにより、 まはた が下方向に落下するようになる。

STEP.8
ゲーム準備完了までの流れ1

の下に まはた が生成され、同時にに変わることにより、上図のようにの下に まはた が1行分生成される。

STEP.9
ゲーム準備完了までの流れ2

生成された まはた の1マス下に空気ブロックがあったら、 まはたは下方向に落下する。

STEP.10
ゲーム準備完了までの流れ3

ステージに の配置のキャラクターが生成されたら、に戻り、の下に まはた が1行分追加生成される。

STEP.11
ゲーム準備完了までの流れ4

の下が まはた がにより埋め尽くされると(7行分)、の下にが現れることはなくなるので、ステージ上に まはた は生成されなくなる。これでゲーム準備は完了となる。ただし、ゲームが開始されてステージにの配置のキャラクターが現れたら、に戻り、また まはた が生まれる。

STEP.12
3連続ダイヤをタップすると消える

横、縦、斜め方向に3つ並んだの真ん中をタップすると、が空気ブロックに変わる。プレイヤーからするとが消えるように見える。

STEP.13
3連続ダイヤをタップすると消える

横、縦、斜め方向に3つ並んだの真ん中をタップすると、が空気ブロックに変わる。プレイヤーからするとが消えるように見える。

STEP.14
成功判定の開始

をタップすると、が消えてが生成される。そして、成功判定用のは下方向に動く。

STEP.15
ダイヤが5列並んだ場合の成功表示

STEP.16
ハートが5列並んだ場合の成功表示

ビスケット(Viscuit)とは?

メガネという仕組みを使って、アニメーション、ゲーム、デジタルえほんなどが作れるビジュアルプログラミング言語です。こちらのページからインストールすることができます。