【オンライン講座＋作り方解説】Viscuit新機能の連結メガネで作る「カーレースゲーム」のチュートリアル公開！

KIDSPROは、2025年5月17日（土）、18日（日）に「Viscuitの新機能でカーレースゲームを作る」オンライン講座を開催します！

今回は、新しくなったViscuitの【メガネ連結】機能を使って、「左右移動」「動いているように見せる背景」の仕組みをつくりました！生徒だけでなく、指導用の教材としてもご自由にご利用下さい！

【Viscuit新機能】連結メガネでカーレースゲームをつくろう！

🎉 Viscuitがアップデートされ、メガネを連結して動作を組み合わせる新機能が追加されました！
「メガネの連結機能」により、これまで以上に複雑な動作がシンプルに作れるようになりました。
今回のオンライン講座やチュートリアル動画では、Viscuit初心者の方でも楽しみながら「カーレースゲーム」を一緒に作っていける構成となっています。

🔍 講座やチュートリアル動画で学べること

✅ Viscuit新機能：メガネ連結の使い方

✅ コントローラーでマイキャラ（車）を動かすメガネの作り方

✅ 背景が動いているように見えるメガネの作り方

✅ 敵に当たったらゲームオーバーになるメガネの作り方

✅ ゲームオーバーで背景動作をストップするメガネの作り方

📅 開催日：2025年5月17日（土）・18日（日）
🕔 時　間：各日 17:30 ～ 18:30
💻 開催形式：オンライン（Zoom予定）
🎓 対　象：KIDSPROスクール生、およびeラーニング受講者の方
📱 準備物：Viscuitをインストールしたタブレット端末
💰 参加費：無料

チャプター：
00:00　はじめに（これから作成するカーレースゲームの説明）
00:28　初期設定（歯車ボタン）
01:02　キャラクターを描く & ステージへの配置
04:13　背景が動いて見えるメガネの作り方
06:16　矢印キーで車を左右に動かすメガネの作り方
09:20　敵キャラを生成するメガネの作り方

13:15　当たり判定（ゲームオーバー）メガネの作り方

15:37　ゲームオーバー後の背景動作をストップするメガネの作り方

18:24　ゲームの処理スピードを変更するやり方

19:02　まとめ

2025年05月18日のオンライン授業をそのままアップしました！

※質問などがあれば、YouTubeのコメント欄に質問するか、教室に来たときに遠慮なく聞いて下さい。

チャプター：
00:00　はじめに（オンライン授業で作るゲームの説明）
01:04　画面設置（歯車ボタン）
02:51　キャラクターを描く & ステージへの配置
17:43　背景が動いて見えるプログラム作り
23:36　矢印キーで車を左右に動かすプログラム作り
20:18　当たり判定のプログラム作り
27:36　敵キャラを生成するプログラム作り
32:44　ゴール判定のプログラム作り
37:14　まとめ

初期設定

STEP.1

歯車マークをタップして設定画面を開く

STEP.2

方眼紙の設定を「あり」にする

STEP.3

ループの設定は縦（上下）だけ「なし」にする

STEP.4

ゲームのスピードを変えたいときは！？

スライダーをカメ側に動かすとゲームのスピードは遅くなり、スライダーをウサギ側に動かすとゲームのスピードは早くなります。

STEP.5

設定完了

設定が完了したら、設定画面左下の決定ボタンをタップする。

キャラクターを描く

以下の12個のキャラクターを描く。

キャラクターをステージに置く

STEP.1

カーレースゲーム用のキャラクターを置く

☑️赤白のキャラクターをステージの両サイドに交互に設置
☑️2種類の木のキャラクターをステージの両サイドに交互に設置
☑️プレイヤー（レースカー）をステージ下中央に設置
☑️左右の矢印コントローラーをステージ下に設置
☑️敵キャラ生成用の青丸をステージ上に6個設置
☑️敵キャラ生成用のひし形をステージ上に6個設置

STEP.2

キャラクター設置の拡大画面

※敵キャラや赤丸はメガネにより生成されるので、ステージには設置しないでください。

Viscuit新機能：めがねを連結するやり方

STEP.1

メガネの矢印部分をタップ

STEP.2

メガネの設定画面が開く

STEP.3

「メガネの連結」ボタンをクリック

※片メガネと両メガネのどちらかを選ぶことができます。今回は、片メガネの方を選びました。

STEP.4

メガネが連結される！

STEP.5

設定完了

設定が完了したら、設定画面左下の決定ボタン

をタップする。

[/timeline]

背景が動いているように見えるプログラム

赤白のラインが動いているように見えるプログラム

※片メガネを連結して、その片メガネに車（レースカー）を置いたことにより、ステージに車が存在するときだけ、赤白のバーが入れ替わり背景が動いているように見えます。つまり、後に説明する当たり判定のプログラムにより敵キャラにぶつかり車（レースカー）がステージから消えると、赤白のバーが入れ替わるメガネは動かなくなります。