【スライダーUI】VRCワールドでスライダーUIが簡単に作れるキット

VRChatのワールド制作でBGMの音量や部屋の明るさを細かく調整できるUIを作りたいと思ったことはありませんか？

しかしU#やUdonGraphに手を出すのは正直めんどくさい。また作れても一つ一つ関数やら書き換えるのは手間。

そんな時にこの商品が役立つと思います。アニメーションをセットするだけで上に書いてあるようなUIギミックが簡単に作れるようになります。

バリエーションに価格以外の違いはないよ。

動作参考

https://twitter.com/Parfait_109/status/1624475678396792832?s=20&t=cSgIRZmWZhlqWBmzHxdP7A

仕組み・どのように使えるか

コードの代わりにアニメーションで動かします。

セットしたオブジェクトのアニメーターをスクリプトで取得、同時にスライダーで調整できるようにしている。

・明るさ、BGM、環境音などを別個で細かく調整できる。

・カーテンを閉める、開けるなどの微調整も。

・マテリアルの色の変更、ワールド全体のライトの色などを変えたりできます。

・Bloomの調整

・その他、アニメーションが作れるものは何でも調整できるように。応用はいくらでも。

前提アセット

SDK3のほかにUdonSharp

あとアニメーションを作る技術が最低限必要です。(Unity上で簡単に作れるよ)

使い方

・プレハブを設置後、子オブジェクトである「AnimatorSlider_Script」→インスペクター内「Slider Value＿Anim」→「Animator Object」に動かしたいオブジェクトをセット。

・アニメーションを作る。調整できるようにしたいオブジェクトにAnimatorのコンポーネントを入れる。そして例えばBGMの音量を変更できるようにしたいのであればAudio Source内のVolumeが0から1になるようなものを作る。

・ヒエラルキー上の動かしたいオブジェクトに作ったアニメーションをドラッグ＆ドロップ。

・設定終わり

やっちゃいけないこと

二次配布、自作発言などこちらの利益を損なう行為。

あとこれを使って他人が嫌がるようなこともしないでください。

最新版更新内容

・スライダー操作後、コントローラーの左右入力でUIが動いてしまう仕様を変更。

・プレハブ内一部変更

大きな更新は行っていません。

UIが動いてしまう仕様を変更したい場合は「Slider」のインスペクター内、NavigationをNoneにすればOK