🔖

#cluster Creator Kit ON/OFF スイッチの作り方

2021/08/17に公開

初心者向け Cluster Creator Kit の使い方記事です。
簡単な例として ON/OFF スイッチを作ってみましょう。
(プログラミングの世界では ON/OFF で表示が切り替わるスイッチは トグルスイッチ と呼ばれたりします)

この記事で作れるようになる ON/OFF スイッチ

https://youtu.be/P-lDQYOXXzQ

対象

はじめに

公式 はじめてのゲームワールド作成 は手順を丁寧に説明してあるので試した方が対象です。はじめてのワールド制作記事をみても理解できない方は、Creator Kit 利用は難しいかと思います。

サンプルプロジェクトを用意する

環境構築を省くため 公式 はじめてのゲームワールド作成 で紹介されているサンプルプロジェクトを利用します。

  1. ClusterCreatorKitSample-master をダウンロードする
  2. Unity Hub で開く
  3. Creator Kit の導入 を参考に Creator Kit を導入する
  4. Project から ClusterVR -> Scenes -> MinimalSample のシーンを開く

こんな画面になっているハズ。

ON/OFF スイッチを作る

Sceneの準備ができたのでON/OFFスイッチを作っていきます。

見た目の作成

まずは ON/OFF スイッチの見た目の作成を行います。青色 ON, 赤色 OFF の Cube で作成して行きます。

  1. Cube を二つ作成する
    1. Hierarchyで右クリック Create Empty で GameObject を追加
    2. GameObject の名前を ONOFFSwitch に設定する
    3. ONOFFSwitch 以下に GameObject を二つ追加して名前を ONSwitch OFFSwitchに設定する
    4. ONSwitch , OFFSwitch 以下に Cube を1つづつ 追加する
  2. 赤、青 マテリアルを作って Cube それぞれに設定する
    1. Project -> Asset 右クリック Create -> Folder を追加
    2. Folder に Material と名前を設定する
    3. Material フォルダを選択
    4. 右クリック Create -> Material で2つマテリアルを作る
    5. ON Material , OFF Material と名前をつける
    6. ON Material を選択し inspector で青色に設定する
    7. OFF Material を選択し inspector で赤色に設定する
      3.Cube にマテリアルを設定する
    8. Hierarchy の ONSwitch 以下の Cube に プロジェクト欄のマテリアル を ON Materialドラッグして設定する
    9. Hierarchy の OFFSwitch 以下の Cube に プロジェクト欄のマテリアル を OFF Materialドラッグして設定する

設定を終えるとこんな画面になっているハズ。

Creator Kit の組み込み

見た目ができたので Creator Kit の組み込みを行っていきまましょう。
青色 Cube を触れると 赤色 Cube に切り替えたいので、
使うコンポーネントは 下の3つとなります。

  • Interact Item Trigger
  • Global Logic
  • Set Game Object Active Gimmick
  1. まず Creator Kit ドキュメントの確認をする
    Interact Item Trigger
    Global Logic
    Set Game Object Active Gimmick

ONOFFSwitch のコンポーネント設定

  1. Hierarchy で ONOFFSwitch を選択する

  2. Inspector で Add Component ボタンを押す

  3. Interact Item Trigger コンポーネントを追加する

    1. Targets + を 1回 押おす
    2. Target Global Interact Signal を設定する
  4. Global Logic コンポーネントを追加する

    1. Target Global Key Interact を設定

    2. Targets + を 1回 押おす

    3. Toggle Bool Not RoomState Toggle を設定する

    4. Targets + を 1回 押おす

    5. isOn Bool Equals RoomState Toggle
            Constant true (チェクを入れる) を設定する

    6. Targets + を 1回 押おす

    7. isOff Bool Equals RoomState Toggle
            Constant false (チェクを外す) を設定する

OFFSwitch のコンポーネント設定

  1. Hierarchy で OFFSwitch を選択する
  2. Set Game Object Active Gimmick を追加
  3. Global isOff

ONSwitch のコンポーネント設定

  1. Hierarchy で OFFSwitch を選択する
  2. Set Game Object Active Gimmick を追加
  3. Global isOn
  4. inspector で 初期表示を非表示にする

ここまでの設定で ON/OFF 切り替えできるトグルボタンを通来る事ができました。
実行して試してみてください。

https://youtu.be/xLnZmAReh90

ボタンの見た目を豪華にする (おまけ)

ボタンがCubeだと地味だと思うので、豪華にしてみましょう。
Booth で配布されている 【無料】ボタン(スイッチ)【Unity用】 の見た目にしてみる手順です。
Cube を差し替えるだけなので簡単です。

  1. Booth で  【無料】ボタン(スイッチ)【Unity用】 を購入する
  2. ダウンロードしたファイルを展開する
  3. Switch1(20200624).unitypackage をダブルクリックしてプロジェクトに追加する
  4. Project -> Assets -> MeshibeShirayuri -> Models -> Switch1 があることを確認する

ONSwitch を Switch(Red) の見た目にする

  1. ONSwitch 以下に Switch(Red) をドラッグ&ドロップする
  2. 不要になった Cube を Inspectorで非表示にする
  3. Switch(Red)を選択してinspector で transform の rotation 回転を調整
    rotation 0,180,0

OFFSwitch を Switch(Blue) の見た目にする

  1. OFFSwitch 以下に Switch(Blue) をドラッグ&ドロップする
  2. 不要になった Cube を Inspectorで非表示にする
  3. Switch(Blue)を選択してinspector で transform の rotation 回転を調整
    rotation 0,180,0

https://youtu.be/P-lDQYOXXzQ

こんなスイッチになっているハズ。

Discussion