🛠️

スクリプト付きクラフトアイテムのサンプルプロジェクト

2023/03/17に公開

JavaScript

cluster

tech

ワールドクラフトでスクリプトを使いたい（スクリプトもワールドクラフト内で編集）場合。
それでも、Unityからまずカラッポのクラフトアイテムをアップロードする必要があります。

また、クラフトアイテムは「Itemの『サイズ』の設定」など、最初のうちはちょっとわかりにくい要素もあります。
なので、最低限 「（ほぼ）カラッポのクラフトアイテム」をアップロードしやすい、シンプルなサンプルプロジェクトをつくりました。

ちなみに前回の「アクセサリ」のサンプルプロジェクトと共有です。
なので、Unityのシーンを開くところまでは全く同じ説明になります。
（今回もWindowsベースの説明です）

そもそものUnityのインストールなど

こちらの「第1.5回 Unityを導入する」をクリックして広げ、説明を見るのがわかりやすいと思います。

サンプルのダウンロード・導入方法

テンプレートワールドなどをすでに使ったことがある人ならここはムズかしくないと思います！
基本的に同じことです。
中身のモデルやテクスチャなどなどは好きに使っちゃってください。

↑こちらからダウンロードして解凍してください。

中に「CraftAccessoryProject」というフォルダができます。

Unity Hubから「開く」でさっきの「CraftAccessoryProject」フォルダを指定すると、このように登録されます。

では「CraftAccessoryProject」と書いてあるところをクリックし、開いてください。
最初はCluster Creator Kitのダウンロード・インストールなどが自動で行われるので、すこし時間がかかります。

シーンを開く

最初は何も表示されていませんが、「プロジェクト」の中にある「アセット/シーン」フォルダを開き、「アップロード…」とあるアイコンをダブルクリックすると……

こんな画面になります。

シーンに置いてあるモノの説明

まず「X方向に行き来する（左右に行ったり来たりする）」ハコです。

赤いボールは、「持つと音がする」スクリプトがついています。

茶色いのは、すわると音楽（ただし5秒間）がループするイスです。

これらのスクリプトは、もちろん使わなくてもかまいません。
Scriptable Itemのスクリプトをぜんぶ消してしまえば、特になにもしないアイテムになります。

単純にアップロードする

サンプルプロジェクトのクラフトアイテムを単純にアップロードする方法です。
メニューの 「Cluster」から「クラフトアイテムアップロード」 を選び……

「プロジェクト」の「アセット/クラフトアイテム」フォルダから、ドラッグ＆ドロップしましょう。

複数のアイテムを一度にアップロードすることもできます。
あとは「アップロード」ボタンを押すだけです。

アップロードできたら、clusterに入って「ワールドクラフト」を立ち上げてみましょう。
「バッグ」の「つくったもの」 というところに、あなたのアップロードしたアイテムが入っていますから配置してみてください。

ハコは左右に動きますし、ボールやイスは持ったり座ったりすると音が出るのが確認できたと思います。

スクリプトをコピペで変える

それでは、左右に動くハコのスクリプトを別のものに変えてみましょう。
一番カンタンなのは、ネットで見つけたスクリプトを、Unity上でScriptable Itemの「Source Code」に貼り付けてしまうことですね。
とりあえず今回は以下のコードをコピーしましょう。

マウスで上から下までしっかり選んで、「Ctrl」＋「C」でコピーしてくださいね。
（最初の「const～」から最後の行の「});」まで！）

const hayasa = 1.0;
const nagasa = 2.0;
const muki = new Vector3(0,1,0);

$.onUpdate(deltaTime => {
  if (!$.state.shokika) {
    $.state.shokika = true;
    $.state.ichi = $.getPosition();
    $.state.time = 0.0;
  }

  $.state.time += deltaTime;

  let _ichi = $.state.ichi.clone();
  let _muki = muki.clone();
  
  const nagasa_now = Math.sin($.state.time * hayasa) * nagasa;
  _ichi.add(_muki.multiplyScalar(nagasa_now));
  $.setPosition(_ichi);
});