【イベントレポ】: xR Creators Meetup #1 w/XR-Hub Cafe

勉強会のレポート(メモ)です。
参加したのはこちら「xR Creators Meetup #1」
会場はXR-Hub Cafeさんです。

vrtokyo.connpass.com

ハッシュタグ : #xRMeetup

時刻	説明
17:00	Opening
17:00 ~ 19:00	展示 Part 1 ( ゆるふわタイム )
18:30	Check-in
19:00 ~ 20:00	LT Time
19:00 ~ 19:03	0. Introducing XR-Hub by Cafe 松谷遼
19:05 ~ 19:08	1. じぇしか @jscmla1118
19:10 ~ 19:13	2. HhotateA @HhotateA_xR
19:15 ~ 19:18	3. ConsoleSoup @consolesoup
19:20 ~ 19:23	4. こりん @korinVR
19:25 ~ 19:28	5. simeis512 @simeis512
19:30 ~ 19:33	6. dnh_wizard @dnh_wizard
19:35 ~ 19:38	7. yuma @YYouzhen
19:40 ~ 19:43	8. 飛び込み::かなかな@バーチャル売り子の人 @mZ63wyZgwdmU5TJ
19:45 ~ 21:00	展示 Part 2
21:30	Closing

会場紹介

会場提供はXR-Hub Cafeさんです。近々別のイベントも計画中とのこと。

x-garden.co.jp

ものすごいフカフカのクッションがありましたが、
こちらはUnite Tokyo 2019でも登場したYogiboでした。(だった気がする)

XR-Hub Cafe のクッション心地いい ... #xRMeetup

— ART OF LIFE (@xmusicjp) 2019年12月17日

LT Time

順番が一部変動しています

#1 じぇしかさん

ドローンカメラをアルテマ音楽祭などで飛ばしています

【募集】
xRを活用したエンタメの仕事を中心に、転職先を探しています！xRライブやVTuberの配信プラットフォーム構築など、アーティストさんを支えるシステムアーキテクトとして主に活動したいです。興味がありましたらDMください！VR関連の活動はモーメントにて。

(続く)https://t.co/6Uvk6rVk1u

— じぇしか (@jscmla1118) 2019年12月4日

#3 コンソルさん

WebエンジニアがVR関係で働くまでのお話

twitter.com

#2 ほたてねこまじんさん

アバターのままおでかけができるアプリなどを作っています
就活中の中学生

就職先探してます。
Unityちょっと触れます。
VRとAR,MR 特に"デジタルデータを物理世界に持ってくる"or"物理世界をデジタル化する"ことに興味があります。
演出関係もちょっとできます。
アバター文化が好きなので、アバターのまま出かけるのが目標です。
ポートフォリオ… https://t.co/vfKa5IOYVw

— ほたてねこまじん🐾にゃんにゃん (@HhotateA_xR) 2019年12月5日

公開するほどのモンでもないかもだけど、今日のスライドですヾ(｡>﹏<｡)ﾉﾞ✧*。
おもったよりみんな、ケモ耳生やしたいらしいぞ！（短絡）#xRMeetup pic.twitter.com/jTFFQVRfqe

— ほたてねこまじん🐾にゃんにゃん (@HhotateA_xR) 2019年12月17日

#5 しめいずさん

撃てるブロック崩しとVRプレゼンのお話

Demo盛りだくさんなので見てくれ！とのこと
#xRMeetup pic.twitter.com/0gIQqXDFoK

— えむにわ (@m2wasabi) 2019年12月17日

#6 ラズさん

マスコットアプリ文化祭の紹介。
こちらはxR含むいろいろな作品を投稿できるアプリコンテストです。

docs.google.com

#7 yama.jpさん

水中フォトグラメトリをUnityにもっていった話

潜ってフォトグラメトリで撮ってきたやつ作ってる。WIP, Shipwreck #underwater #photogrammetry #archeology pic.twitter.com/eHGh0ikQ95

— yuma.jp (@YYouzhen) 2019年7月4日

#8 かなかなさん

AniCast Makerのお話
機械学習ベースのボイスチェンジャーをゆるく作っています

バーチャル売り子のかなかなさん @mZ63wyZgwdmU5TJ の
音声合成ソフトがきになる！
#xRMeetup pic.twitter.com/ygdjht9VHT

— えむにわ (@m2wasabi) 2019年12月17日

twitter.com

#4 こりんさん

VR開発メモとか書いています

framesynthesis.jp

ソロモンカーペットやVR刺身たんぽぽなどを作っていました、
最近は傘を使ったVRアートを作っています。

こりんさん @korinVR が刺身タンポポ（ネタ系）からパラソル（アート系）に転身した話
#xRMeetup pic.twitter.com/VI90wlRgWp

— えむにわ (@m2wasabi) 2019年12月17日

#9 飛び入り参加枠

WebXRとWeb Audio APIの話と3D Audio API(PannerNode・AudioLisner)の紹介

LT にとびこんだ (こじつけで, オーディオの内容 ...) 🙇‍♂️

#xRMeetuphttps://t.co/QKzVng1sZt

— ART OF LIFE (@xmusicjp) 2019年12月17日

展示会

撃てるVRブロック崩し

CYBER TENNIS

非常に精度の高いテニスゲーム。なんとOculus Goです！
実装するうえでのテクニックも紹介されています。
UIがサイバーチックに統一されているのがとても良い。

フォトグラメトリ

バーチャルマーケット体験会

感想

展示の体験やLTもそうですが、Twitterで見たことあるけど会ったことはない方と交流を交わしたり、
懇親会でいろいろなお話が聞けたのがとてもよかったです。

現在xR転職活動中です。ゲームやエンターテイメント系に興味があります。
Unity少しできるので、気になる方はお気軽にDMください。
LT枠で参加しましたが自己紹介もっと長めでよかったかもしれない。

他のxR系イベントレポ

raspberly.hateblo.jp

raspberly.hateblo.jp

↓こりんさんのパラレルパラソルはこちらで体験させていただきました。

raspberly.hateblo.jp

raspberly.hateblo.jp

raspberly.hateblo.jp

raspberly.hateblo.jp

間違っている箇所、消してほしいツイートがありましたらコメントにお願いします。

【勉強会レポ】: Standalone xR Meetup #04

勉強会のレポート(メモ)です。
参加したのはこちら「Standalone xR Meetup #04」
会場はDMM.comさんです。

standalone-vr.connpass.com

ハッシュタグ : #すたみと

#1 NrealでARなUIをつくってみた

普段のユースケース(スマホで毎日確認している項目など)の延長上にあるARを作っています。

操作よりも手軽にみられるUIUXを考え、上を見上げると時間などがでるようにしました。

どう作ればいいか

Emulatorのサンプルから派生させると楽
実機は動作確認程度でよい、開発はEmulator上でやってます。

他に、Twitterで話題になった「いいねが飛んでくるやつ」を作りました。

ARいいね👍作ってみた！
あのいいねが👍降ってくる漫画が現実に
#すたみと pic.twitter.com/WwXictxf74

— KenS@ReBOOT (@KSxRDevelop) 2019年12月13日

作った感想として

・視野角が気になる
・エフェクトは視点より下方向に作るとよい
・開発にお金がかかる(Best HTTP/2)

Best HTTP https://t.co/1Uqx9H5f6x含めUnityでの通信関連でおススメhttps://t.co/beIjb87u9Q #すたみと

— Takuya (@HelloTakuya) 2019年12月13日

・Unityでネットワーク開発つらい
・首を痛める

#2 VRChatにショールーム作った話とその中身

Quest版のワールド作成したときの知見の共有をします。

Quest版では要件と制限があります

Quest版ワールドの制限 #すたみと pic.twitter.com/VLFPvSUzOZ

— Takuya (@HelloTakuya) 2019年12月13日

移行作業のほとんどはマテリアルの調整

やらかし例

最初からPC版を作るとQuestの移行が大変になる
構想の段階で両方考えるとよい

#すたみと

Quest版作ってからの方が楽だけど
ライティングが制約受ける

バーチャルマーケット出展者wikiが参考になる pic.twitter.com/tdMadveQDF

— kure (@kure_kure_zo) 2019年12月13日

展示者用のwikiがあるのでそちらも合わせてどうぞ

w.atwiki.jp

#3 社畜でもサクッと作れる簡易産業用VRのすゝめ

昨今産業用VRは需要が高い。
社内の方で作業トレーニングのコンテンツが欲しくなった時、一品ものを外部に依頼すると高いので、
社内で作れるか調査&製作しました。

基本方針として、時間をかけずモデルもありものを使い、特に操作はしない観覧型にする。

#すたみと
社畜でもサクッと作れる簡易産業用VRのすゝめ / @crispy2d 氏 pic.twitter.com/oR014BlrAH

— 中野人史(Nakano Hitoshi) (@TokyoVR_ToAhn) 2019年12月13日

いろいろな問題点

・アセットストアのモデルエキゾチックすぎ問題、ゲーム用が多く使いづらい
・Build and Runが大変
・非Unityエンジニアでもいじれるような仕組みが欲しい

3D工事イラストワークス

そこで3D工事イラストワークスというものを見つけました

www.megasoft.co.jp

・工事用イラストから3Dモデルが作れる
・パワポ感覚で3Dモデルが作れて便利
・VRコンテンツで使っても大丈夫とのこと(要確認

まとめ

3D工事イラストワークスとても便利でした
CADなどのモデル変換はPiXYZ STUDIOとTransMagic SuperViewがオススメ

#4 とびいり枠

浅草でリアルアバター制作をしているというお話

#すたみと

おお！
リアルアバターの岩山氏のLT! pic.twitter.com/tSW8BYo46q

— 中野人史(Nakano Hitoshi) (@TokyoVR_ToAhn) 2019年12月13日

#すたみと
デモ pic.twitter.com/ryyZfwdQCp

— 中野人史(Nakano Hitoshi) (@TokyoVR_ToAhn) 2019年12月13日

飛び入り枠が岩山さんでビビったʕʘ‿ʘʔ
ビバリアルアバター！#すたみと pic.twitter.com/qNNs2tZKms

— Shunsuke IzumiXR₍₍(ง˘ω˘)ว⁾⁾ (@arayz4) 2019年12月13日

世界中の誰とでも、いつでも、どこででも会える、まもなく来る未来へ。 #すたみとhttps://t.co/OvJB8UcWof

— Takuya (@HelloTakuya) 2019年12月13日

#5 VRコンディショニングとUXの話

Pain VRというヘルスケアVRを作ったときのお話

リハビリ向けのVR、慢性痛はマッサージなどでは治らないため運動させるしかない。

コンディショニングとは、フィットネスとリハビリの中間#すたみと pic.twitter.com/8rWcKgLIMm

— ms_vps (@ms_vps) 2019年12月13日

なぜVRなのか

・楽しくやってもらうと痛みを感じにくいため
・さらにパーソナル化(人に合わせて運動させること)ができる

作るうえで困った点

・読めない(解像度が低い)
・聞こえない
・機械わからない

#すたみと

60歳以上200人位に体験してもらった

普通のUIは使えないことわかった

高齢者はレーザーポインター使えない
手も震えるし

マウス使ったことない人もいる pic.twitter.com/TwHRBWndvn

— kure (@kure_kure_zo) 2019年12月13日

どうUIを工夫するか

・レーザーポインタでUIうごかすのはやめた

3Dでタッチできるものにした。マウスを使ったことない人が多いことに注意。
コントローラーは意外と大丈夫だった。
・聞こえない点

目の前にアバターを置いて、この人が話しかけている感を出す。

まとめ

現実に合わせる、普段やっているような動きに合わせることで高齢者にも受け入れられてもらえる

#6 危険VRを作ってしまった

今回のテーマはKASINAとHemiSyncをVRで使う

KASINAとは

ブレインマシン
チカチカ点滅する眼鏡をつけて瞑想すること

HemiSyncとは

左右の耳で異なる周波数の音を聞かせて
左脳と右脳を同調させて変性意識を意図的に作り出すこと

ここでデモ

所感

・左右の周期をずらすよりも同期してた方がよさそう
・特定の周期の方が大事なのかもしれない
・光の明滅だけでなく音や呼吸法も大事
・軽い頭痛や眩暈を感じるため体には悪そう

こ、これは... #すたみと pic.twitter.com/hP3KoikRJD

— ms_vps (@ms_vps) 2019年12月13日

 

#7 VR用アバターとしてのVRMとバーチャルモーションキャプチャー

バーチャルモーションキャプチャのお話

何ができるのか

VRゲームや配信で自分のアバターを使うことができる
動きはSteamVRとFinalIKがベースで、キャリブレーションして動かすアプリです

他にも、ばもきゃAR、Face2VMC、Quest OSC Transform Sender、いろいろあるよ

こちらがばもきゃARです #すたみとhttps://t.co/l7pbe4FA1K

— クレウス@ (@kleus_balut) 2019年12月13日

VRMモデルが1つあればいろんなアプリやゲームで活用できます
なので今後はアバターに対応したゲームを作ってほしいです。

#すたみと

xRKaigi LTからの
新情報！osc !
三枚目 話題のBOW MAN
まとめ pic.twitter.com/gZvH7nWJPH

— 中野人史(Nakano Hitoshi) (@TokyoVR_ToAhn) 2019年12月13日

懇親会

VRホラー【REM】

こちら体験させていただきました。
コンテンツ自体も怖くて面白かったのですが、
ゲームマスター側がPCでVR側にいろいろアクションを仕掛けられる発想がすごい良かったです。
ネットワーク部分はPhotonとのこと。

#すたみと
VRホラー【REM】

PC側で選択肢押して
VR体験側を驚かせることができる

映像の綺麗さと怖がらせる音の演出が良い
周りのうるさい音が聞こえにくいように重低音のゴゴって音の中で急に女性の泣き声が耳元でしてかなり嫌w

VR側は狭くてぼろい部屋の中でランプの光を頼りな脱出する鍵を探す pic.twitter.com/eryVcdzs1w

— kure (@kure_kure_zo) 2019年12月13日

BOW MAN

#すたみと

話題のBOW MAN を体験

弓を引くという新鮮で
和物コンテンツが少ない現状を踏まえてもゲーム性があってとてもよかったです pic.twitter.com/o0cPNvQcJh

— 中野人史(Nakano Hitoshi) (@TokyoVR_ToAhn) 2019年12月13日

危険VR

LTでもありました危険VR
左右のレンズでバラバラに点滅が繰り返されるだけですが、
次第に模様が見えてきたり奥行きが感じられたりと不思議な体験をキメることができました。

危険VR体験してみた。アッパー系の何かをキメたみたいな感がある(キメたことはありません　#すたみと pic.twitter.com/0bEubPYLMm

— gonz (@gonz149) 2019年12月13日

VRLookingGlass8k

#すたみと@koukiwf さんに

ルキグラの点群と
Moguraオフィスの点群見せてもらったー
壁にHMDごろごろかけてるのもちゃんとわかった

ラプラスのハコスコがすごいきれいにで出てた

レイアウト変更するごとに点群とって
時系列で見られたらまさに電脳コイル

展示の味方　充電できる乾電池！ pic.twitter.com/8ABcTtaFIR

— kure (@kure_kure_zo) 2019年12月13日

パイロットクロス

VRフライトゲームです。
少し操作が難しいですが、慣れるとすいすい移動できます。
VRM対応です。

短い時間でしたが #すたみと にて #PilotXross を体験した方々&気にしていただいた方々ありがとうございましたー！
引き続き遊びたい！という方はBOOTHで体験版を小額で頒布してますので、そちらも是非どうぞ！https://t.co/fPcApyy3KE

— まっつん◆SW1/SWF8io (@n_mattun) 2019年12月13日

有料体験版も用意されています。

booth.pm

タイムライン

#すたみと 用にQuest塗ってもってこーって思って会社のそばの百均で買ったラッカースプレーで今日塗った！（流石に百均クオリティの塗膜w
このQuestもってる髭の男がいたら私です🙌 pic.twitter.com/PwvVjq5WrO

— とみね / 遠見海@バーチャル多趣味アンドロイド (@htomine) 2019年12月13日

ここで、スタッフ〜してます#すたみと pic.twitter.com/cM8yZ2jBXg

— しんーーご.vrm (@shi_k_7) 2019年12月13日

やっぱ天然物のglitchは一味違うねぇ　#すたみと pic.twitter.com/PV459b8Fgx

— hacha (@hacha) 2019年12月13日

…ぶ、VRML!? #すたみと

— Kenji Iguchi (@needle) 2019年12月13日

#すたみと

浅草スタジオで7800円で
VRCにも入れるリアルアバター制作

実際すでに使ってもらってる
目的は
いつでもどこでも世界中の誰とでも会える

レイヤーさんはかなり嬉しそう

自分の作品を3Dで残せるわけで（しかも動く

東映とか円谷とか
特撮ヒーロー撮影して売って欲しい pic.twitter.com/6FItGhTjv2

— kure (@kure_kure_zo) 2019年12月13日

高齢者だと普通のUIだと意味を理解してくれない
ので、レーザーポインタ方式をやめて、3Dでタッチするものにした。
高齢者だとレーザー方式は手の震えなので使えない(ことがある)
マウスを使ったことがないとポインタ自体わからないことが・・・#すたみと

— ms_vps (@ms_vps) 2019年12月13日

#すたみと

高齢者向けUIの話

FBのチュートリアルみたいな丁寧なチュートリアルがあればコントローラーは大丈夫
日常の動きに近くする

目の前にアバターだして
音声+目線合わせる
するとこの人が説明してくれると認識してちゃんと聞いてくれる

する動きが決まってるので
普段してる動きに合わせる

— kure (@kure_kure_zo) 2019年12月13日

#STYLY#すたみと pic.twitter.com/CS6hE6yI6T

— hacha (@hacha) 2019年12月13日

すたみと 集合フォトグラARを作ったよ！お土産にみんなに持ち帰ってもらいました！#STYLY #すたみと pic.twitter.com/z1rKWvZDpQ

— noria901 (@noria901) 2019年12月13日

#すたみと
お家に帰るまでがすたみとですか？
各位お疲れ様でした！！

今日展示していた（動かなかった）ゲーム Beat Knuckle は
オープンソースとして公開中です！！

作り方のQiitaもあります！
ぜひ見てね！https://t.co/ILrYiRevMs

— ごんびぃー@12/13すたみと展示？ (@GONBEEE_project) 2019年12月13日

間違っている箇所、消してほしいツイートがありましたらコメントにお願いします。

【Unityネタ】鏡に映る3Dモデルを差し替える

この記事はUnity Advent Calendar 2019、13日目の記事です。
昨日は@Kan_Kikuchiさんによる、「誰でも簡単に使える最強のAudio(BGM, SE)Manager【Unity】」でした。

qiita.com

今回はUnityネタをやっていきます。
テーマは「鏡に映る3Dモデルを差し替える」です。
去年のアドベントカレンダーの派生になります。まだの方はこちらからチェック!

raspberly.hateblo.jp

↑去年の記事を公開後、以下のような反応がありました。
(かなり前のツイートですが、この記事自体も去年に書き始めたものです)

鏡に映る姿だけ違うとか出来るとなお良し

— みそじゃが (@Misojaga) December 3, 2018

面白そうなアイデア！
アニメのOPでありそうな表現です。今回はこれを実現してみます。

開発環境

Unity 2019.3.0f
Magic Mirror Lite ver1.2.0

Unity2017.4.28f1
VRCSDK-2019.09.18.12.05_Public

※他2019.2f1、2018.4.11f1で動作確認済みです

アプローチ

今回どういう方法でやるかについて。

RealWorld(現実世界)とMirrorWorld(鏡の世界)の2つのレイヤーを作成。
CameraにはMirrorWorldは映らず、鏡にはRealWorldが映らないように、
それぞれのオブジェクトを各レイヤーに割り当てます。

やってることはとても簡単で、数回マウスをポチポチするだけでできます。

シーンの準備

最初にシーンを作っていきます。

キャラクターの用意

前回に引き続き、SDユニティちゃんとホラーちゃんを使用します。どちらも無料アセットです。
現実世界ではユニティちゃんがいて、鏡には怪物が映るといった感じです。

キャラクターは重なるように置いておきましょう。 

ホラーちゃんは初期状態だと横を向いているので直したくなりますが、
アニメーションをするといつも通りになるのでそのままでOK。

ここはそれぞれ好きなキャラクターで大丈夫です。
キャラクターが用意できない方はCubeを使いましょう。

レイヤーを分ける

レイヤーの作成

Project Settings/Tags and Layersからレイヤーを分けていきます。
今回は「RealWorld」と「MirrorWorld」の2つのレイヤーを新たに作成しました。

オブジェクトのレイヤー設定

各オブジェクトのレイヤーを設定します。

ユニティちゃんは「RealWorld」、ホラーちゃんは「MirrorWorld」を設定します。

ちなみに、大量のオブジェクトをガッツリわけたい場合は、ルートのオブジェクトを作り、
子オブジェクトにしてあげると、一括変更も楽で管理しやすくなるのでオススメです。

親のレイヤーを変更すると、子もまとめて変更してくれます。

Cameraに映らないようにする

特定レイヤーのオブジェクトがCameraに映らないようにします。
これは簡単にできます。

CameraコンポーネントのCulling Maskから、描画するレイヤーを設定できます。
映したくないレイヤーはチェックボックスを外しましょう。
Everythingは全てのレイヤーにチェックを入れ、Nothingは全てのレイヤーのチェックを外します。

今回はMirrorWorldレイヤーをCameraに映らないようにしたいので、MirrorWorldのチェックを外します。

これでホラーちゃんはCameraに映らなくなりました。

ちなみにこちらのCulling Maskは各種Lightにも同じパラメータがあり、
レイヤーごとにDirectionalLight等を作成することでライティングを分けることもできます。

鏡を作る

鏡を作りましょう。Unityにおいて鏡を作る方法は複数あります。
前回のUnity Advent Calendar 2019 #3 11日目の記事にて紹介した無料アセット「Magic Mirror Lite」と
「MirrorReflection」「VRCSDKの鏡」の3つで動作確認をしています。

鏡に映るレイヤーを制限する

そのままだと鏡には全てのオブジェクトが映ります。
これに制限を加え「RealWorld」レイヤーのオブジェクトだけ映らないようにします。

やり方はCurring Maskのチェックを外すだけです。(鏡によって多少パラメータ名が違うかもしれません)

Magic Mirror Liteで鏡を作る場合

アセットをインポート後、Assets/MagicMirror/Prefab/Mirror.prefabを設置。
Mirror ScriptコンポーネントのRefrect Layersからチェックを外しておきます。

MirrorReflectionで鏡を作る場合

こちらを参考にマテリアルとスクリプトを用意します。コピペするだけです。

qiita.com

それらをPlaneにアタッチして、Mirror ReflectionコンポーネントのReflection Layersから、
RealWorldのチェックを外します。

VRCSDKの鏡を使う場合

SDKのunitypackageをインポート後、
Assets/VRCSDK/Prefabs/World/VRCMirror.prefabをシーンに配置します。
VRC_Mirrior_ReflectionコンポーネントのReflect LayersからRealWorldのチェックを外します。

完成品

これで完成です。
鏡に映る3Dモデルを無事差し替えることができました。

「やあユニティちゃん・・・・・いや、誰だお前はユニティちゃんじゃないな！」
？？？「グググ・・・ヨク気ヅイタナ・・・」 

みたいな演出ができるかもしれませんね！

MirrorReflectionとVRCSDKの方でも動作確認済です。
↓はVRCSDKの鏡

応用技:世界を変える

上の例ではキャラクターのみを差し替えていますが、ステージ・パーティクル・スカイボックスなど、
全てを包括した世界そのものを差し替えることもできます。(スカイボックスは無理だった)

やり方はキャラクターと同じで、レイヤーを切り替えるだけです。
3Dモデル以外のパーティクルも同様です。

↓のgifの場合、「制服ユニティちゃんと町」はRealWorldですが、
「バトルユニティちゃんと廃墟とパーティクル(雨と火)」はMirrorWorldレイヤーになっています。

現実世界は普通の町だが、鏡の中だと廃墟だったり。
鏡の中だけ雨が降っていたり火の海だったりできるわけですね。

あなたの目は本当の世界を映していますか？

注意点

キャラクターの注意点

キャラクターの位置はもちろん、アニメーションも同期させるように注意。
RealWorldとMirrorWorldのキャラクターは同じAnimatorにしておくといいでしょう。

描画処理に注意

鏡全般に言えますが、巨大な鏡の場合は注意が必要です。
キャラクターのみなら大丈夫ですが、巨大な建築物やステージだと処理負荷が高くなることも。

おまけ:Sceneビューでもレイヤー分け

Camera(Gameビュー )と鏡に映るレイヤーを制限することができましたが、
Sceneビューに映るレイヤーも制限することができます。

Unity Editorの左上にあるLayersから、目のマークを押すだけです。

シーン内がごちゃごちゃしてきたら試してみるといいでしょう。

tsubakit1.hateblo.jp

まとめ

・レイヤーを分けることで、カメラと鏡に映るオブジェクトを制限できる
・現実世界のオブジェクトと、鏡面世界のオブジェクトでレイヤーを分ける。
・Cameraと鏡、それぞれ表示するレイヤーを変更する。

 使い道としては、「本当の姿を映す」「自分にしか見えない存在を映す」
「キャラクターの感情表現(笑顔だけど本当は悲しんでいるみたいな)」などでしょうか。

ちなみにRealWorldかMirrorWorldどちらかの3Dモデルだけにすれば、
鏡に映らないキャラクターや鏡にしか映らないモンスターを作ることができます。

どちらにせよ表現の幅が広がるのはいいことです。

 以上となります。

 明日のUnity Advent Calendar 2019は@monryさんによる
「ごっこランドを支える技術 〜AssetBundle 編〜」です。

 わかりにくいところなどがありましたら、コメントにお願いします。

【アセット紹介】Magic Mirror Lite で鏡を作る【Unity】

この記事はUnity #3 Advent Calendar 2019、11日目の記事です。
昨日は@tetsujp84さんによる「UniTaskを使ったポップアップの作成」でした。

qiita.com

今回はアセットの紹介をしていきます。
紹介するのはMagic Mirror Lite。鏡を簡単に実装する無料アセットです。

どんなアセット？

鏡を実装するアセットです。
Unityで鏡を作る方法はいくつかありますが、
このアセットを使えばとても短い時間で簡単に実装することができます。

対応するUnityは5.6.5以上です。かなり昔のプロジェクトでも導入できそうです。
VRChatでも使えそう。

このアセットで鏡バグをUnityで再現できた。という情報があったので使ってみたらこっちも再現した！
VRChat民必須では！https://t.co/p4pvrq42D5#vrchat pic.twitter.com/U7wG5iy4jX

— エルディア (@Lda6lge) 2019年10月26日

アセットパブリッシャーはWeather Makerでもお馴染みJeff Johnsonさんです。

開発環境

Unity2019.3.0f

Magic Mirror Lite ver1.2.0

※SRPには対応していません。BuiltInシェーダーを使いましょう。
※一部インスペクターに再帰やVRモードの項目がありますがLite版はサポートしていません。

サンプルシーンの確認

Demoフォルダの中にDemoSceneが入っているのでこちらを確認してみましょう。

すると、密室に黒い鏡と人型のオブジェクトがあるシーンが展開されます。
黒い鏡には何も映っていません。それではPlayボタンで実行してみましょう。

鏡が動きながら、キャラクターのモデルとパーティクルシステムが鏡に反射しているのが見て取れます。

実際に鏡を置いてみる

鏡の使い方は簡単です、Mirrorプレハブを自分のシーンに配置するだけ。

 

ちなみに、この鏡の縁部分などは取り外すことができます。
Mirrorの中に入っているMirrorFrameを非アクティブにするか削除すればよい。

インスペクターパラメーター(MirrorReflectionScript)

Maximum Per Pixel Light : 鏡像に表示されるピクセルごとのライトの最大数。
屋外やライトがたくさんある所にこの鏡を置くと、処理不可が高くなる恐れがある。
そういう時にこの値を小さくすると改善されるようです。

Texture Size : ミラーのテクスチャサイズ。これは大きくする必要があります。
値が小さいほど荒い鏡になります、高いほどよい。

Clip Plane Offset : ミラーの近接面から減算

FarClipPlane : カメラに映る平面の距離

ReflectLayers : どのレイヤーが反映されるか

AddFlareLayer : FlareLayerを含めるかどうか

NormalIsForward : 法線の向き。四角形の場合はTrue、平面の場合はFalseにします。

AspectRatio : アスペクト比。デフォルトを使用するときは0にする。

MirrorRecursion : 複数のミラーで合わせ鏡をするならTrue、そうでないならFalseにする。(Lite版は非サポート)

インスペクターパラメータ(シェーダー)

リム(輪郭)やスペキュラー(スペキュラー)など、光沢感を強くしたり色を変えたりできます。

Detail Texture : 鏡表面のテクスチャ

Detail Tint Color : 表面の色合い

Specular Color : 鏡面反射の色

Specular Area : 鏡面反射の面積

Specular Intensity : 鏡面反射の強さ

Reflection Tint Color :反射の色合い 

少し黒っぽくしたりなど、ただし窓ガラスのような半透明にはできない模様。
いろいろ値を変えてみると面白いかも。

まとめ

・プレハブを置くだけで鏡を実装することができる

・Playモードにしないと鏡は機能しないことに注意

Pro版の紹介

こちらのアセットですが、有料のPro版が存在します。

無料版との違いは、
・再帰的な反射ができる
・再帰的な影のレンダリングも可能
・VRのサポート(HTC Viveはシングルパスがサポート)

などです。

注意点としては、
・再帰反射は鏡2枚まで、3枚以上はバグあり
・SRPは未対応
・Android VR、Oculus Questは未対応
・MACの場合マルチパスが壊れる

あたりでしょうか。

他にある鏡の実装方法

MirrorReflection

Unity4からあるやり方。
Scriptの方が古い書き方になっているのでそのままだとエラーがでます。
GetComponentの部分を少し書き直して使いましょう。

qiita.com

Reflection Probeの鏡面反射で鏡を作る

周辺をキャプチャするカメラでキューブマップを生成し、
キューブマップを反射マテリアルに適応することで鏡を実現する方法。

nn-hokuson.hatenablog.com

@nkjzmさんの独自実装の鏡

去年のUnity Advent Calendar 2018で紹介された方法。

qiita.com

以上となります。

明日のアドベントカレンダーは@KoukiShimoyaさんによる、
「UnityでコマンドRPGをキューを使って実装する その2」です。
乞うご期待！

余談ですが、Unity Advent Calendar 2019 #1の13日目の記事にて、
鏡を使ったおもしろ表現方法について紹介しますのでそちらもどうぞ。

raspberly.hateblo.jp

今年のUnity Advent Calendarは3枠あるので、みなさんもいろいろチェックしてみてくださいね！

Unity Advent Calendar 2019 - Qiita

Unity #2 Advent Calendar 2019 - Qiita

Unity #3 Advent Calendar 2019 - Qiita

他のアセットの紹介記事はこちら↓

raspberly.hateblo.jp

他間違っている箇所、わかりにくい所がありましたらコメントにお願いします。

【勉強会レポ】: Unity お・と・なのLT大会 2019

勉強会のレポート(メモ)です。
参加したのはこちら「Unity お・と・なのLT大会 2019」
会場はユニティ・テクノロジーズ・ジャパンさんです。

meetup.unity3d.jp

ハッシュタグ : #Unity_LT

長丁場のイベントなので簡単な概要とスライドだけ。 
※スライドがまだ公開されていないLTもあります。

LT#1 むろほし@RyotaMurohoshi: Tilemap 2019 Winter

『【年末だよ】Unity お・と・なのLT大会 2019』の発表資料です。https://t.co/1hODziQ1WJ

#unity_lt

— むろほし (@RyotaMurohoshi) 2019年12月8日

ゲームロジックを作るうえでオススメのC#の機能を紹介。
プロパティやタプルなどいろいろ。

LT#2 とりすーぷ@toRisouP: DoozyUI 

Doozy UI 使おうぜ! #unity_lt by @toRisouP #unity https://t.co/GINjGWmPCD @SlideShareさんから

— とりすーぷ (@toRisouP) 2019年12月7日

pic.twitter.com/qlfhQgss8h

— とりすーぷ (@toRisouP) 2019年12月7日

人気アセットDoozyUIの解説です。

前回のHumble Bundleで購入された方も多いのではないでしょうか？
心当たりのある方はマイアセットを覗いてみましょう。

www.asset-sale.net

LT#3 ichijo@takaaki_ichijo: 同じ音が二度とならないゲーム環境音を作る

#Unity_lt 死霊です 同じ音が二度と鳴らないゲームの環境音を作る https://t.co/VkHjwr3upR

— ichijo (@Takaaki_Ichijo) 2019年12月7日

ゲーム内の環境音などで、ループ音源で同じ音を繰り返さないようにする方法について。
ADX2を使って実現しています。
本もあるよ！

Unityサウンド エキスパート養成講座

LT#4 のたぐす@notargs: SteamVR2.0対応のためにVRインタラクションを全て作り直した話

notargs.hateblo.jp

VRTKがSteam VR2.0に対応していないため、同等の機能を自前で実装した話。

LT#5 かーくん@kakunpc: お気に入り機能の話

資料公開しました！ お気に入り機能の話 - https://t.co/j4mdK1CJqv #Unity_LT

— かーくん (@kakunpc) 2019年12月7日

Unityのお気に入り機能(Selection)について、
これはUnityEditorが終了すると全て保存した内容が消えてしまうため、保存するEditor拡張を作った話。

↓こちらからダウンロードできます。

Verdaccio

LT#6 mekezzo@mogmogvr: unitywasm関連話します

Unity初心者がWebAssembyで苦戦した話。

LT#7 mao@TEST_H_: DOTSでゴリラ向けのゲームを作ってみた話

資料公開しました！#Unity_LT

DOTSでゴリラ向けのゲームを作ってみた話https://t.co/mvP1PgPimf

— mao (@TEST_H_) 2019年12月7日

ゴリラ向けゲームをDOTSで作ったときの話。

もなふわすい〜とる〜むはいいぞ

www.showroom-live.com

参考資料

qiita.com

LT#8 Shanon@___shanon: Parallax Occlusion Mapping in Correct Texture Space

Parallax Occlusion Mapping in Correct Texture Space の資料公開しました！https://t.co/iZmlzamvLB#Unity_LT

— Shanon (@___shanon) 2019年12月7日

パララックスオクルージョンマッピングについて。
板ポリでも板ポリでないような表現ができる機能です。

LT#9 tomotomospot: yokohama.unityの話 and 今だから話せる社内でUnityを浸透させる際のアレコレ

Yokohama.unityなど、コミュニティについてのお話。

Yokohama.unityに参加した時のレポートはこちら

raspberly.hateblo.jp

LT#10 なかの.asmdef@naninuneno_y: clean architecture と asmdef

本日の死霊ですhttps://t.co/3oAYk7tY66
#Unity_LT

— なかの.asmdef (@naninuneno_y) 2019年12月7日

CleanArchitectureとAsemblyDiffintionについて。
今回作ったプロジェクトはgithubにあるので興味の方はぜひどうぞ。

参考資料

tsubakit1.hateblo.jp

Clean Architecture for Unity from Mori Tetsuya

www.slideshare.net

Unityでオニオンアーキテクチャ from torisoup

www.slideshare.net

LT#11 mewlist: ジッタを攻略する

先程お話した「ジッタを攻略する」のスライドを公開しました！https://t.co/esaBa80Gv3

#Unity_LT

— mewlist - Massive Clouds @ AssetStore (@mewlist) 2019年12月7日

MassiveCloudというアセットをリリースしています。

ジッタ(fpsは60あるのになんだかカクカクする現象)はFIxedUpdateのズレが原因。
これを解消しヌメヌメ動かすtipsについて。

LT#12 さやちゃんぐbot@songofsaya_: HDRPで使えるようになるポスプロカスタマイズを使ってレイマーチングを描いてみよう！

発表スライドです。

HDRPで使えるようになるポスプロカスタマイズを使ってレイマーチングを描いてみよう！https://t.co/EzSALzCBjy#Unity_LT

— さやちゃんぐbot (@songofsaya_) 2019年12月7日

HDRPでポストプロセスを自作する話＋レイマーチング。

20min Shader Live Coding by @kanetaaaaaa / KLab TECH Meetup #4 https://t.co/t7bpXfh3Y2 @YouTubeさんから#Unity_LT

— EF (@_EorF) 2019年12月7日

scrapbox.io

LT#13 青木とと@lycoris102: URP + Light2D でエモい影が出せるという話

📝本日の資料です！ #Unity_LT | [Unity] URP + ⁰ShadowCaster2D 2Dプロジェクトで影を出す - Speaker Deck https://t.co/CiDDC4xtek

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

Shadow Caster 2Dで影を作る話。

pic.twitter.com/5WgaaWI4kl

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

📝こういうカメラの揺らぎ、CinemachineのNoise機能でノーコーディングで実装できます https://t.co/VorVUNPhBX

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

告知

📣イベント告知

【#gotandaunity #15】
日時:1/8(水) 19:30~22:00
場所:日本マイクロソフト様 品川オフィス

【#unity1week meetup 2020】
日付:1/18(土) 12:00~16:00
場所:ユニティテクノロジーズジャパン様
ゲーム展示等を予定しています！

イベントページ公開は12/10(火) 12:00を予定しています🎉

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月6日

LT#14 OROCHI@OROCHI_TUNGUS: キャラクター制御関連で何か

接地判定、モーション繊維、キャラクター制御クラスについて。

・設置判定はOnGroundではなくRaycastでとる。
・アニメーションは複数のステートからなるステートマシンだと複雑になるのでスクリプトで管理。
・キャラクター制御クラスは全てのキャラクターの基底となるクラスを使いました。

LT#15 だいさんさん＠dsgarage: Unity Teacher Tsukada2019なお話(とある世界線の専門学校の話)

専門学校でUnityを教えたときの知見、カリキュラムなど。

LT#16 荻野雄季@YuukiOgino: DOTS Visual Scriptingのお試しバージョンを触ってみた＋闇の開発話（可能なら）

色々とライブコーディングしくじりましたがｗ
スライドアップしました。DOTS VSの参考に
DOTS Visual Scriptingのお試しバージョンを触ってみた https://t.co/ymnMBjosld #Unity_LT

— 荻野雄季@デジゲー博X-12ab (@YuukiOgino) 2019年12月7日

DOTS Visual Scriptingを使ったときの知見について。

LT#17 Cova@8bitdots: SpriteAtlas の落とし穴について

https://t.co/7adbXmKGdh

先ほどのSpriteAtlasの愚ch(ry 改め使い方の注意点をまとめた死霊になります。#Unity_LT

— Cova (@8bitdots) 2019年12月7日

Sprite Atlasを実際に使ってみた時の落とし穴についてのお話。

告知

prodevelopers-gamejam.connpass.com

LT#18 ヤスハラユウジ@dsedb: 敵キャラ行動の実装テクニック

先ほどお話しした内容をブログに書きました。https://t.co/uUwelxZiNi#unity_lt

— ヤスハラユウジ (@dsedb) 2019年12月7日

パッドの入力バッファを使ってキャラクタの行動を作る方法について。
リピート機能でどの位置から初めても破綻しないようにしています。

LT#19 gremito@grem_ito: ゲーム系から離れてもUnityは触っていたい話とか

これまでとこれからのキャリアのお話。

LT#20 えんちゃん@enpel: SteamVR1.x to 2.x でAssemblyDefiniton使ったら移行作業が良い感じに進んだ話

AssemblyDefinitionでSteamVRの移行作業をした知見について。

えんぺるのタイムラインに居るバーチャル存在を推していくチャンネル https://t.co/XfxgvNDemI

頭がバヤ

#Unity_lt

— ichijo (@Takaaki_Ichijo) 2019年12月7日

LT#21 鉄@tetsujp84: 新規開発でやっちまった話の予定

https://t.co/WUiITdMW3W
本日の死霊です。消されたら察してください。 #Unity_LT

— 鉄 (@tetsujp84) 2019年12月7日

やらかした時のお話。消されるかも。

タイムライン

そろそろ受付開始！ |【年末だよ】Unity お・と・なのLT大会 2019 #Unity_LT #UnityMeetup https://t.co/JoIhgadjKS pic.twitter.com/RtcomuSmKw

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

DoozyUI、ノンコーディングでUI、アニメーション+サウンドがつけられるアセット。

よさそう#Unity_LT

— 殺意駆動開発 (@toru_inoue) 2019年12月7日

環境音の話！
シンプルに実装すると長時間のプレイだとループしてるのに気付いてしまう

ADX2で解決
Unity以外のツールを経由する手間はあるが手軽にランダム性を出しつつ表現力やメモリ負荷、コーディングの手間は減らせる
しかも個人なら無料で使える
#Unity_LT

— クロノス (@khronos2510) 2019年12月7日

VRTKはプロトタイプには適しているがシンプルではないのでスクリプトで制御しようとすると面倒
#Unity_LT

— クロノス (@khronos2510) 2019年12月7日

#unity_lt 登壇者が作業しまくってる pic.twitter.com/Z0DAJzi2HW

— えんちゃん@技書博12/14 (@enpel) 2019年12月7日

すさまじい量の唐揚げが来た #Unity_LT pic.twitter.com/joDBsXEeC4

— のたぐす＠Unityプログラマ (@notargs) 2019年12月7日

10kg #Unity_LT pic.twitter.com/FWHBfBboEx

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

？？？？？？？？？？？？ #Unity_LT pic.twitter.com/w06SV1KEFE

— ｷﾀ (@atasfrznnks) 2019年12月7日

ジッターの話

UpdateのTime.deltatimeは変動FPSなので固定FPSのFixed Updateと同時に使うと更新タイミングの違いでガタつく#Unity_LT

— クロノス (@khronos2510) 2019年12月7日

FixedUpdateの挙動についてはここがわかりやすいhttps://t.co/Ndd2EGnyY4
#Unity_LT

— ラズ (@Raspberly) 2019年12月7日

結論:レイマーチングは健康に良い。#Unity_LT

— warlitz (@warlitz7) 2019年12月7日

安定のテラシュールブログhttps://t.co/yX9NSbHgwV
#unity_lt

— とりすーぷ (@toRisouP) 2019年12月7日

カメラの障害物避け、Cinemachine使ってるならCollider機能で実現できるらしいhttps://t.co/ykKJwgYpB2
#Unity_LT

— Aless (@aless3511) 2019年12月7日

* ProBuilder
* PostProcessing
* Cinemachine
* Timeline
* CharacterController

確かに最近のUnityはこの辺り使えればいい感じのホワイトモックできそう #Unity_LT

— 青木とと(ˊᗜˋ*) (@lycoris102) 2019年12月7日

(さっき自分の登壇の時にDOTSコール来なかった....😿)#Unity_LT

— mao (@TEST_H_) 2019年12月7日

キャー @dsedb 〜　#Unity_LT pic.twitter.com/xSA11lZwTm

— 齋藤あきこ (@akiko_saito) 2019年12月7日

#Unity_LT pic.twitter.com/hUYgKtthkY

— さやちゃんぐbot (@songofsaya_) 2019年12月7日

今日のLTで一番驚いたのは僕のアセットリストにもDoozyUIが入っていたことだな

DoozyUIは気付いたら持ってるらしい#Unity_LT

— mewlist - Massive Clouds @ AssetStore (@mewlist) 2019年12月7日

（ピザだけ撮り忘れた）キタサァン・ランチ（遅刻）
#Unity_LT pic.twitter.com/NB1L17ecz5

— ｷﾀ (@atasfrznnks) 2019年12月7日

参加者の、楽しもうとするあまり真剣に行儀よく座ってる感じが好きです。それも５時間。何度も主催がユルさを演出してるのにw
おつかれでした！#Unity_LT

— ヤスハラユウジ (@dsedb) 2019年12月7日

ピザL15枚、からあげ10kg、すし400貫がなくなるとかマジかよ・・ってなりました。

Unityお・と・なのLT大会2019に参加された方々、おつかれさまでしたー！スタッフのみんなもおつかれさまでした！おかげさまで無事にイベントが終わりました！今年のUnity部の活動はこれまで！良いお年を！#Unity_LT

— かまた (@kamayuki_fs) 2019年12月7日

他の方の感想ブログとかまとめ

mrstar-logs.hatenablog.com

 去年のレポはこちら

raspberly.hateblo.jp

間違っている箇所、消してほしいツイートがありましたらコメントにお願いします。

【アセット紹介】Weather Maker で雪を積もらせる【Unity】

これはUnityアセット冬のアドベントカレンダー 2019 Winter！7日目の記事です。

昨日は和辛子びびびさんの「【Unityアセット】GameCreatorで4足歩行の動物を動かしたい」でした。

今回はアセットの紹介をしていきます。
紹介するのはWeather Maker - Unity Weather System, Sky, Water, Volumetric Clouds and Light*1です。
天気など自然環境を構築できるアセットです。

前回から

前回のUnity アセット真夏のアドベントカレンダー 2019 Summer!の記事では、
基本的な概要とセットアップ、天気のコントロールをメインでやりました。
↓初めてWeather Makerを触る方はこちらからどうぞ。

raspberly.hateblo.jp

今回は冬ということで、地面や建築物に雪を積もらせるスノーオーバーレイをやってみます。

0.開発環境 

Unity2019.3.0f

Weather Maker var5.9.4

Weather Makerはアップデート頻度が非常に多いアセットです。
使用するバージョンによって、やり方やUIが異なる場合があります。

1.初期セットアップ

基本的な初期セットアップは前回の記事を見てください。

シーンの用意

新しくシーンを作ります。
今回はせっかくなので、こちらのアセットを導入します。

非常に高品質な寺院の無料アセットです。その分描画負荷が高いですが。

www.asset-sale.net

こちらにあるDemoSceneを使います。
Sun_Temple\Scenes\DemoScene.unityを開きます。

シーンにWeather Makerプレハブを配置

UnityEditorのWindow/Weather Maker/Add Weather Maker to SceneでWeatherMakerPrefabを配置します。

DirectionalLightの削除

シーンに最初から含まれているライトは削除しておきましょう。
太陽にすでにライトがあります。

LightingSettings

Window/Rendering/LightSetting/EnvironmentのSkybox MaterialとSun Sourceを変更します。

SkyboxにはWeatherMakerに含まれているSkybox用のマテリアルWeatherMakerSkyBoxMaterialを、
SunSourceにはシーン内に配置したWeatherMakerPrefab内にあるSunを追加する。

Environment LightingをGradientかColorに変更
Environment ReflectionsをCustomに変更

MainCameraの編集

Cameraパラメータの設定

・Clear FlagをSolidColor
・Backgroundを全て0(真っ黒)
・Far Planesを2000以上
・Rendering PathをDeferred
・Allow MSAAを無効化

Rendering PathはDeferredにした方がよりよく見えるようになるそうです。

Tagの設定

シーン内のMainCameraのTagがMainCameraになっていることを確認しましょう。
通常はデフォルトで大丈夫のはず。

PostProcessingの設定

必須ではありませんが、見栄えがよくなるため設定しておきます。
PackageManagerからインストールしておきましょう。

Window/Weather Maker/Setup Post Processingで、シーン内にあるカメラにPost Processing Stackが自動で設定されます。

2.実際にオーバーレイしてみる

それでは雪を積もらせてみます。

設定するのはこちら、WeatherMakerPrefab/FullScreenEffects/Snowです。

Watherの時と同じように、実際に触るのはプロファイルとなります。

プロファイルのインスペクター

雪をオーバーレイ

雪を地表のテクスチャの上にオーバーレイ(上書き)します。

パラメータはOverlay Intensityです。これはオーバーレイの強度を表します。
値が高ければ高いほど雪が積もるイメージです。

最大値の1まで上げると真っ白ですが、0.5くらいだと良い感じになります。

雪がオーバーレイされる範囲を調整する

パラメータはOverlay Normal Reducerです。これは雪の粘着性です。

y法線が1から遠ざかるときのオーバーレイオーバーレイの強度。値が小さいと、y値が小さい法線でオーバーレイがより多く表示されます

つまり負の値になるほど、斜面に関係なく雪がつくようになります。

この値を調整することで、屋根や地面など水平な箇所には雪が積もり、
壁など斜面がある箇所は積もらないといったことができます。

天気が雪の時に自動でオーバーレイする

手動で調整するのではなく、天気が雪の時に自動でオーバーレイされるようにします。
パラメータはAuto Intensity Multiplierです。
この値が正の値になるほど、早くオーバーレイされます。

注意点として、この値が0以外の時、Overlay Intensityを手動で設定できなくなります。

雪の降らし方は前回を見てね。

天気が晴れた時に自動でオーバーレイを解除する

パラメータはAuto Intensity Multiplierです。
これが負の値になるほど、早くオーバーレイが解除されます。
ちなみにこれ、どういうわけなのか雪が降っててもオーバーレイが解除されます。

オーバーレイが解除される時、最低値を設定する

手動にしろ自動にしろ、オーバーレイの最低値を設定します。
パラメータはOverlay Minimum Intensityです。
これはオーバーレイの最小強度で、オーバーレイは他の要因に関係なくこの値を下回ることはありません。

Overlay Intensityのパラメータは一応Overlay Minimum Intensityより小さくはなりますが、
雪が止んでも積もったままの状態にすることができます。
↓の例の場合、Overlay Intensityが0.4以下にはならない。

雪の色味や反射色を変える

Colorから色を変えることができます。
また太陽からの反射光も調整できます。

ノイズマスクを使いまばらにオーバーレイさせる

今までは地表全体に均等にオーバーレイしていましたが、
ノイズマスクを使うことで、まばらに雪が積もるような演出をすることができます。

ノイズ用のテクスチャは初めからいくつか用意されています。

こちらのノイズマスクはオフセットのUVスクロールやスケール変更も可能です。

注目すべきパラメータは複数あります。

Overlay Noise Multiplierはオーバーレイノイズの乗数を表し、
Overlay Noise Powerはノイズパワーを表します。

下の例を見ると、

Multiplierはノイズの強さで高ければ全体を覆うほどノイズが大きくなり、
Powerはノイズの濃さで高ければノイズとそれ以外がくっきり描画されます。

オフセットや移動させたい場合の速度も設定できます。

特定の高さ以上のみオーバーレイさせる

オーバーレイの最小の高さを設定することができます。

パラメータは複数あります。
Overlay Min Heightはオーバーレイを表示する最小の高さを設定します。

Overlay Min Height Noise Multiplierは、オーバーレイノイズ乗数。
値が高いとオーバーレイの境界がくっきりとなります。
逆に低いと境界が荒くなります。

Overlay Min Height Falloff Powerでも同じようなことができます、
どういう使い分けをすればいいのかはよくわかりませんでした。

まとめ

・Weather Makerのスノーオーバーレイを使えば、簡単に雪を積もらせることができる。
・積もらせ方にノイズをつけたり、一部分だけつけたりと応用ができる。

Weather Makerをお持ちで雪の降るステージなどを作りたい方はぜひお試しください。
今回紹介したスノーオーバーレイとは別に、地面の濡れを表すオーバーレイもあります。

参考文献

www.youtube.com

その他のチュートリアルビデオ
--------------------------------------------------
最新のWeather Makerビデオ...

-Open Weather Map API：https://youtu.be/7_r7oibCM68
-uMMORPG / Mirrorチュートリアル：https://youtu.be/BIFQqmG2Gws
-体積雲：
	-美しい空のセットアップ：https://youtu.be/1Xk2z858T1U
	-完全な概要（40分以上）：https://youtu.be/ZoULn0mYbt8
	-レイマーチの最適化：https://youtu.be/Dwk4vF_6ogs
	-クラウドノイズエディター：https://youtu.be/NxuJ5H2mZwY
	-オーロラ/オーロラ：https://youtu.be/J9QSebVLEO8
-時間的再投影：https://youtu.be/JCzE7JfFPU8
-パフォーマンスプロファイル：https://youtu.be/-Yoj_OjJL4g
-完全なセットアップガイド：https://youtu.be/DHNnS6f85rM
-クイックスタートガイド：https://youtu.be/5IACGZULiDw
-新しいプレハブの概要：https://youtu.be/hWJF5v0s4gc
-天気ゾーン：https://youtu.be/11QoMD_qhHw
-ヌルゾーン：https://youtu.be/ZPBum2YcgB8

明日のアドベントカレンダーはVR発掘隊さんによる
「とても簡単にUIシステムを作れるアセット Doozy UIの解説 」です。
乞うご期待。

 他間違っている箇所、わかりにくい所がありましたらコメントにお願いします。

*1:名前が長いので記事内では「Weather Maker」と表記します

【アセット紹介】Rainbow Folders 2【Unity】

今回はアセットの紹介をしていきます。
紹介するのはRainbow Folders 2。
Unityプロジェクトのフォルダアイコンをカスタムする作業効率向上アセットです。

どんなアセット？

UnityEditorで表示されるプロジェクトフォルダに色をつけて強調したり、
独自のフォルダアイコンに差し替えたりすることでプロジェクトビューの視認性を上げるアセットです。

ユーティリティアセットの例に漏れず、1.2MBと非常に軽量なためあらゆるプロジェクトに使えます。
この記事では使い方をいろいろ書いていますが、インポートするだけで機能するので何もしなくて問題ない。

前回のGotanda.unity #14でのたぐすキャットさんのLTでも登場しました。

notargs.hateblo.jp

このアセットはUnity2018.3.0以上のバージョンを対象としています。
現在進行中のプロジェクトに導入する場合は注意しましょう。 

開発環境

Unity2019.2.9f

Rainbow Folders 2 ver2.1.0

用語の解説

ドキュメントにも頻出する重要単語を解説します。

ルール

フォルダアイコンを変更する対象の情報、及び設定。
ちょっとわかりにくいですが、このルールに従ってフォルダアイコンは変更されます。

インポートの確認

このアセットはインポートするだけで効果を発揮します。
それではインポートしてみましょう。

インポート前のプロジェクトビュー

インポート後のプロジェクトビュー

特定のフォルダアイコンが差し変わりました。
またヒエラルキーの表示にも変化がありますね。

対応するフォルダ

アセットストアからの引用になりますが、
デフォルトのフォルダ名対応は以下の通りになります。

試しに、新しいフォルダを作成して名前を「Shaders」にすると自動的にフォルダアイコンが変更されました。

※ここから先は自分の好みでカスタマイズしたい方向けです

フォルダアイコンのルールを手動変更

それではフォルダアイコンを手動で変更していきます。
今回は「Test」というフォルダを用意しましたのでこちらを使っていきます。

Apply Customでルール設定

ルールをダイアログから入力して設定する方法です。

フォルダの上にマウスカーソルを乗せた状態でキーボードのAltキーを押します。
するとフォルダアイコンの上に歯車のマークが表示されるので、この状態でTestフォルダをクリックします。

するとこのようなダイアログが現れます。
上から順番に見ていきましょう。

Path

これはフォルダアイコンを変更するフォルダをディレクトリパスで指します。

Name

PathからNameに変更できます。
これはフォルダアイコンを変更するフォルダ名を指します。
この場合ですと、プロジェクト内にある「Test」という名前の全てのフォルダが対象になります。

Priority

ルールの優先順位です。
同時に適応されるルールが複数ある場合、このPriorityが最も高いルールが選ばれます。

Icon

フォルダに適応するカスタムアイコンです。
用意されているプリセットから選べますし、独自のテクスチャを用いることもできます。

Background

フォルダ名の背景(テキストの部分)です。
用意されているプリセットから選べますし、独自のテクスチャを用いることもできます。

Recursive

Icon、Backgroundにあるこのチェックボックスにチェックを入れると、
そのフォルダのサブフォルダ全てに同じアイコン、または背景が適応されます。

IconとBackgroundの種類

Iconは非常に多くのプリセットが用意されています。
Back goundは基本的に色のみです。

色だけでこんなにあります。

他にも、半透明にしたり、特定のアイコンを重ねたりできます。

設定例

今回はこのような設定でやりました。
Iconはローズ色、Backgroundはセルリアン色です。
Applyを押して初めて設定されます。

無事プロジェクトビューのフォルダが変更されました。

ちなみにTestフォルダをクリックして選択した状態で、
右クリックからRainbow Folders/Apply Customを選択しても同じダイアログが出ます。

右クリックメニューからルール設定

アイコンを変更したいフォルダを右クリックしてから直接ColorやBackgroundを設定することもできます。
手っ取り早く設定する場合はこちらがオススメです。

デフォルトに戻す

もし変更したアイコンを元に戻したい場合、そのフォルダを右クリックして、
Rainbow Folders/Revert to Defaultを押しましょう。これでデフォルト状態に戻ります。

複数フォルダを同時編集

フォルダの同時編集にも対応しています。
Ctrキーを押しながら選択するだけです。

ルールの管理

ルールの一覧

自分で設定したルールや、最初から設定してあるルールは一覧で確認することができます。

適当なフォルダを右クリックし、Rainbow Folders/All Rulesを選ぶか、

ダイアログ左下の歯車のマークを押すことで、

全てのルールを確認することができます。

ここではルールの書き換えや削除もできます。

このルール一覧は、下記のディレクトリにあるScriptable Objectに保存されています。

まとめ

・フォルダアイコンを簡単にカスタマイズできる。

・細かく設定できるが、インポートするだけですぐ使えるためそのままでよい。

他のアセットの紹介記事はこちら↓

raspberly.hateblo.jp

他間違っている箇所、わかりにくい所がありましたらコメントにお願いします。