Raspberlyのブログ

LT4. CircleCI,TravisCIでAndroid,iOSアプリのビルドを自動化

展開が早く、情報量が多いので動画をご覧ください。

LT5. エモいピッチ変換

このあと発表する資料をアップしております。https://t.co/PXIjxZqOT5 #roppongiunity
— Cova (@8bitdots) August 26, 2019

エモくならないようにしないためのノウハウについて

ピッチって何

音程のこと、心理的な値です。

音律

音と音の相対的な高い。
覚えてほしい音律は平均律、これはオクターブを基準に12音を等間隔に分割したもの。
早送りや巻き戻しでピッチが変わることに気を付けましょう。

Unityでのピッチ変換

UnityではAudioSourceのピッチをいじるだけでピッチが変わります。
ランダムピッチでは本当にピッチをランダムにしてもいいのでしょうか？
実は2音以上鳴らす時不協和音になりやすい。

そのため、あらかじめ使う音は定義しておく必要があります。
ランダムで使う場合はその中から抽選して使いましょう。

まとめ

ピッチ変換をうまく使うと1つの音で複数の音を作ることができます
ただしピッチ変換は時間軸もいじることに注意

宣伝

こちらの本をよろしくお願いします。本日発売です。

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

作者: 一條貴彰,株式会社CRI・ミドルウェア,佐藤英一
出版社/メーカー: ボーンデジタル
発売日: 2019/08/27
メディア: 単行本
この商品を含むブログを見る

LT6. Zenject Example 〜さよならManager〜

本日の死霊です #roppongiunity https://t.co/bK0ghcC3PN
— いも@技術書典こ20D (@adarapata) August 26, 2019

ZenjectでManagerを滅ぼす話をします。

MastarDataManager

どこのご家庭でもManagerクラスはあると思いますが、
このManagerの立ち位置を考えてみましょう。

・複数のデータクラスを保持しているから
・全てユニークなインスタンスなのでシングルトンに持たせた方が楽だから
・シングルトンならどこからでもアクセスできるから

つまりこれらを解決できるのであればManagerは必要なくなります。

なぜシングルトンなのか

シングルトンをZenjectで差し替える、Bindするようにしましょう。

なぜMonoBehaviourなのか

Startで初期化したい、それならIInitializableを実装しましょう。
裏側で動いてくれるようになります。

まとめ

Zenjectを使えばただインスタンスをまとめただけのクラスは不要になります。
Managerの役割を見直しましょう。

宣伝

Zenject本を書いています。

めちゃくちゃ欲しい！ #roppongiunity | サークル詳細 | EFB～相手は死ぬ～ | 技術書典 https://t.co/XD3ftlSmCc
— 青木とと٩(ˊᗜˋ*)و (@lycoris102) August 26, 2019

LT7. 本当は簡単に実装できるリアルタイム通信(WebSocket)実装講座(デモつき)

この後
Websocketのお話をします。https://t.co/VEsxEu2i0Q
発表資料は今回はGithub Pagesでしておきました#roppongiunity
— TakuKobayashi (@taptappun) August 26, 2019

Websocketが簡単にできるというお話
Webscoketはどんなゲームでも使われる双方向通信を行う仕組みです。

どう実装するか

ミドルウェアを使ってもいいが、お高いし学習コストも高い
そこでサンプルプロジェクトを用意してきました。

github.com

ここでデモ　動画をご覧ください

運用時において考えておくこと

スケールアウト、ネットワークの寸断再接続など考えておくことはいくつかあります。

また、VR/ARでのマルチプレイやゲーム実況でのリアルタイムコミュニケーションの需要がどんどんでてくると思います。

LT8. Parameter Dance

遅ればせながら本日のLTスライドです。https://t.co/htt8Q6zvyP まぁ、スライド見て何が分かるってもんでもないけど。 #roppongiunity
— hacha (@hacha) August 26, 2019

イベント用に作ったVRVJ用コンテンツについてお話します。
OculusRiftを使ったVJです。動きなどを取得しシェーダー側で絵をつけていきます。

なぜ作ろうとおもったのか

もうちょっと身体性を使ってなにかやりかたったため。
手首の動きなど細かい小さな動きを取りたかったためOculusを使いました

カメラ設定

VRとは別にプロジェクタに投影するためのカメラが必要でした。
急激な動きの取得や値の変化などはUniRxを使うことで簡単に取れました。

知見

神楽鈴や独鈷所を持ってTouchを使う場合は、中指で持つようにすると安定します。

懇親会

#roppongiunity pic.twitter.com/TfWVl7A7s4
— Sunmax (@sunmax0731) August 26, 2019

もいちゃん🐹🐹🌸🦔💨✨✨ #roppongiunity #indiedev pic.twitter.com/uURIDHbg7A
— 夏コミ8/12(月・祝)南メ-33bモイちゃんといっしょ🐹🥦🍎🐠☀️ (@mochifuture) August 26, 2019

懇親会始まったぴょん！#roppongiunity pic.twitter.com/fgw3qbenlW
— ドコカノうさぎ＠バーチャル美少女(CM96 月曜日南キ03B ドコカノドットコム) (@patsupyon) August 26, 2019

キタサァン・ランチ（終了間際） #roppongiunity pic.twitter.com/T18fKqEYyz
— ｷﾀ (@atasfrznnks) August 26, 2019

f:id:Raspberly:20190827073721j:plain

f:id:Raspberly:20190827073741j:plain

書籍の宣伝をするichijoさん

f:id:Raspberly:20190827074844j:plain

実は今日発売、ご家庭に職場に一冊どうぞ。

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

作者: 一條貴彰,株式会社CRI・ミドルウェア,佐藤英一
出版社/メーカー: ボーンデジタル
発売日: 2019/08/27
メディア: 単行本
この商品を含むブログを見る

謎の装置にテンションの上がる大人達

f:id:Raspberly:20190827075017j:plain

「もいちゃんといっしょ！」という癒し系ゲームを体験させていただきました。

8/26月曜日、勉強会でモイちゃんのアプリ展示させていただきます❗️🐹🐹🍀🐠✨ #roppongiunity #indiedev https://t.co/uVclekfJRB
— 夏コミ8/12(月・祝)南メ-33bモイちゃんといっしょ🐹🥦🍎🐠☀️ (@mochifuture) August 23, 2019

なでなでしてあげたり、おやつを上げたりすると喜びます。
耳を澄ますと実はしゃべっている！？

f:id:Raspberly:20190827075255j:plain

告知

VRM勉強会

明日やります。LT枠が少し空いているのでよろしければどうぞ。
一般枠も空いております。

vrm.connpass.com

Unite Tokyo 2019 EVE2

Uniteの前々前夜祭です。一般参加者枠は既に埋まっていますが増枠の可能性があります。
もし時間が空いていましたら参加登録よろしくお願いします。

connpass.com

タイムライン

#roppongiunity 会場についたぴょん！ pic.twitter.com/jXBEfbhnws
— ドコカノうさぎ＠バーチャル美少女(CM96 月曜日南キ03B ドコカノドットコム) (@patsupyon) August 26, 2019

DMMきた🐹ひろい🦔💨 #roppongiunity pic.twitter.com/jSSGkmvSPE
— 夏コミ8/12(月・祝)南メ-33bモイちゃんといっしょ🐹🥦🍎🐠☀️ (@mochifuture) August 26, 2019

Embedded Browser（Unityで動くChromium） #roppongiunity
— のたぐす＠Unityエンジニア (@notargs) August 26, 2019

FPSが低いとプロポーズに失敗する #roppongiunity
— とりすーぷ (@toRisouP) August 26, 2019

斬新なプロポーズをVR(OculusQuest)で実現するための方法。こんなプロポーズされたら嬉しすぎるぴょん！
でもfpsが低いとプロポーズ失敗の恐れが…最適化ノウハウのお話です。MeshBaker使いこなせるようになりたい。#roppongiunity pic.twitter.com/pvsrp81Qh0
— ドコカノうさぎ＠バーチャル美少女(CM96 月曜日南キ03B ドコカノドットコム) (@patsupyon) August 26, 2019

(3Dマップ構築系のアセット、GOMapとかWRLD Unity SDKを試した時期があったけど、暫く触ってないなぁ....) #roppongiunity
— 青木とと٩(ˊᗜˋ*)و (@lycoris102) August 26, 2019

実際の地図をもとにしたゲームをつくると広大な範囲がプレイエリアになるのでオブジェクト数が大変なことになる。最適化が重要。ただし大きなランドマーク的オブジェクトは遠くても表示しないといけないなど。下層的なグリッド、オブジェクトの重要度の工夫をしている#roppongiunity pic.twitter.com/cxhIxeHJ3x
— ドコカノうさぎ＠バーチャル美少女(CM96 月曜日南キ03B ドコカノドットコム) (@patsupyon) August 26, 2019

「僕はゲームが作りたいんです…」 #roppongiunity
— のたぐす＠Unityエンジニア (@notargs) August 26, 2019

ピアノなどの楽器は平均律
オーケストラとかで使うような楽器は純正律
 #roppongiunity pic.twitter.com/RzErfmeBuq
— ナナキ VR技術者@銀座VR 9/14 (@nanaki_pg) August 26, 2019

一家に一台MasterDataManager #roppongiunity
— のたぐす＠Unityエンジニア (@notargs) August 26, 2019

Managerクラスが沢山あると不安よな、Zenject動きます
#roppongiunity pic.twitter.com/nlCotVniAg
— ナナキ VR技術者@銀座VR 9/14 (@nanaki_pg) August 26, 2019

そこでMagicOnionですよ！！！！ #roppongiunity
— とりすーぷ (@toRisouP) August 26, 2019

VRのマルチプレイ、VRChat、バーチャルキャスト、ambr、Cluster、といっぱいあるゾ #roppongiunity
— とりすーぷ (@toRisouP) August 26, 2019

KAMING SINGURARITY-AIが神になった世界-https://t.co/0VTyVkcOEi #roppongiunity
— ikkou / いっこう (@ikkou) August 26, 2019

VRVJ
ブッダマシンを背負いながら舞踏のパフォーマンス🤔？？？
エスニック系のライブみたいな様子
#roppongiunity pic.twitter.com/iSBbFJOO4e
— ナナキ VR技術者@銀座VR 9/14 (@nanaki_pg) August 26, 2019

「神楽鈴」「独鈷杵」「Oculus touch」という普段並ぶはずない単語達が出会った #roppongiunity
— いも@技術書典こ20D (@adarapata) August 26, 2019

#roppongiunity
すごくたくさんのすごい人たちとお話できてめっちゃ刺激をもらいました！
名刺を少量しか持って行かなかったので、最後お渡しできない方が出てしまったのが本当に心残り。
次回の反省にします！
また行きたい！
— gunsturn app Lab.（IllustChainer） (@gunsturn_tw) August 26, 2019

完全撤収しました！！

本日はDMMさんにお邪魔したり参加費を頂いたりと初めての取り組みで色々バタついてしまいましたが、皆さんのご協力のおかげで無事良い勉強会になりました🙏 今後も技術共有や向上、プレゼンス向上の機会として続けていきますので、ぜひよろしくお願いします🙇‍♂️ #roppongiunity
— Nakaji Kohki / リリカちゃん (@nkjzm) August 26, 2019

VeryAnimationが紹介されていましたが、こちら本当にすごいアセットです。
予備知識一切なしの状態から初めても20分ほどでこんなアニメーションが作れちゃいます。

f:id:Raspberly:20190827080601g:plain

使い方はこちらをどうぞ

50%Offセールもよくやっていますよ。

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

2019-08-23

【1周年】ブログを開設してから1年経ちました【記念】

雑記

🎉2019年8月22日をもちまして、このブログは1周年を迎えました🎉

今回は開設1周年を記念しまして、今までの振り返りをしてみます。

ブログを始めたきっかけ
1年間の振り返り
最後にいいたいこと

ブログを始めたきっかけ

ブログでアウトプットを始めようとしたきっかけについて

勉強会でのインプット

学生時代にコロプラさんのインターンや採用説明会に参加していまして、
講師の方がアウトプットの重要性を説いていました。
アウトプットという単語を聞いたのがこれが最初だったと思います。

「アウトプットは自分の成長につながるけど難しそうだなぁ」
といった印象でした。

colopl.connpass.com

peatix.com

昔からいろいろな勉強会に参加し、インプットはそこそこしていました。
この頃から勉強会のメモ程度は書いてましたが、公開したりなどアウトプットはしていませんでした。

techsalon.connpass.com

atnd.org

はてなブログ開設

そんな時アウトプットを始めるきっかけがありました、
それは去年2018年にあったUnity アセット真夏のアドベントカレンダー 2018 Summer! です。

今年もやります！#アセットアドカレ2018

Unity アセット真夏のアドベントカレンダー 2018 Summer! – Unity公式 Asset Portal https://t.co/6SnQspU1MI pic.twitter.com/nb0C5pOSXo
— UnityAssetStoreJapan (@AssetStore_JP) July 6, 2018

この時はてなブログを開設し、初めて技術記事を投稿しました。

記事を書くに当たって、Qiitaとはてなブログ、どちらで書こうか迷いましたが、
最終的にはてなブログを選択しました。

理由としては技術系以外の雑記なども書けますし、テラシュールブログさんやコガネブログさん、
ひよこのたまごさんなどよく見る方々が使っていたのが大きいです。

勉強会のまとめ

しかし、アドカレ以降特に書きたい事もなく、Twitterでネタを見つけて書いたり、

読んだ本のまとめを書いたりしていました。

こちらは完全に止まっている

いろいろと迷走している時にサポーターズさんの、エンジニアブログに関する勉強会に参加し、
アウトプットの利点や工夫ポイントを学びました。

supporterzcolab.com

それ以降、勉強会レポを書き始めるようになり、1年間で60以上の勉強会レポを書いています。
(1月あたり5つの勉強会レポを書いている計算に)

初めて書いた勉強会レポはTechXGameCollegeの椿さんによるUnityアニメーションの勉強会です。

勉強会のまとめを書くことは、学んだことの整理にもなりますし後で振り返ることもできます。
何よりも、自分だけが見るものではなく他の人も見るものなので、
見た目や文章構成に気を遣うようになり、きれいにまとめることができました。

そして、勉強会レポなどをいろいろ書いていった結果、4月に10000アクセスを達成しました。

祝!
ブログ開始から合計10000アクセスを達成しました。
これからも頑張っていくのでどうかよろしくね。https://t.co/t7dH7EzIp8 pic.twitter.com/jQnQweYtrQ
— ラズ (@Raspberly) April 21, 2019

この時点でセルフブランディングとしては大成功ではないでしょうか。
1年間での合計アクセス数は27236でした。

1年間の振り返り

ブログも含めアウトプットに力をいれた年だったと思います。

技術系記事の投稿

今年の5月にOculus Questを興味本位で購入しました。
VR開発は昔していましたが、DK2以来久々(CV1はちょっとだけ)ということもあり、
うまくいった所を自分なりにまとめて入門的な内容で開発記事を投稿しました。

【Oculus Quest開発メモ】離れた場所にある物を掴む Distance Grabber & Grabbable編【Unity】 - Raspberlyのブログ

これが結構好評でして、以降OculusQuest開発をシリーズ化しました。

【Oculus Quest開発メモ】VR空間内を歩き回る OVR PlayerController編【Unity】 - Raspberlyのブログ

【Oculus Touch開発メモ】手の見た目をカスタマイズする付属シェーダー編【Unity】 - Raspberlyのブログ

【Oculus Quest開発メモ】Questでもポストプロセスを使いたい！ Fast Mobile Post Processing編【Unityアセット紹介】 - Raspberlyのブログ

シリーズ化すると、固定の読者が増えやすく、執筆時のモチベーションもかなり保てます。

勉強会レポ

このブログは1年間で93記事書いてきましたが、その内の61記事が勉強会/イベントレポです。
改めて振り返るととんでもない数です。
私は感想文などがとても苦手なため勉強会の内容や要点をまとめることをメインでレポを書いています。

f:id:Raspberly:20190823235244p:plain

Gotanda.unity

11月にはGotanda.unity #9で🎉 人生初のLT登壇🎉 をしました。

本日はこちら、ユニティさんでごたゆに!
初登壇です。緊張するー!https://t.co/KeS9nUJorn
#gotandaunity
— ラズ (@Raspberly) November 28, 2018

Gotanda.unityは#7から参加していましたが、#8の懇親会でフツフツと登壇したい欲が出ていました。

ごたゆにに限らず勉強会後の懇親会はもっと積極的に動いていきたい。
最初の島でならそのまま話せるけど他の島に混ざるのがどうも苦手・・・
いい心がけとかあるのかな。次はLTも頑張ってみるぞ。
#gotandaunity
— ラズ (@Raspberly) September 26, 2018

最初はかなり不安でしたがGotanda.unityの雰囲気がよく、とても楽しくLTさせていただきました。
また、この登壇をきっかけに多くの人とつながれました。

同じくGotanda.unity#12でも登壇いたしました。

思えばUniteTokyo2019のUnity Roomコーナーの前でとと様と出会ったのが大きな転機だったのかも！

しあわせー(*‘∀‘)#今年のあなたに幸せを運んできてくれた人
１位　青木とと(ˊᗜˋ*)
２位　アズマゴロ―
３位　mao
４位　AssetSaleLove @ 汗人柱
５位　とりすーぷ@ 2日目メ08a
６位　じぇふ@ 学べるゲーム制作、…
https://t.co/vWwRM09hbq
— ラズ (@Raspberly) December 27, 2018

最後にいいたいこと

アウトプットの敷居

アウトプットをしたことない人にとって、最初の敷居はたしかに高いと思います。
私も最初躊躇しました。
「こんな内容でアウトプットしていいのかな」
「この内容なんか間違ってるかも」
「他の人がもっとわかりやすく解説してる」・・・

間違っていたら訂正すればいいですし、かぶりなど気にせず気軽に投稿してみるといいです。
勉強会の感想ツイートも立派なアウトプットです！

本格的な記事を書き始めるとっかかりとしてはアドベントカレンダーがオススメです。
特にUnityは毎年やっていますので、ぜひ参加してみてください。

コミュニティを通して学んだ、ブログの書き方整理 - らんてく！（Lanchester Tech Blog）

こちらもオススメ

Gotanda.unityは神

LT登壇するのはとても楽しいので、まだの方はぜひやってみましょう！

正直とと様と出会わなかったら今の私はいなかったと思う。

勉強会コミュニティへの感謝

勉強会ブログをいろいろ書いてきましたが、これは勉強会を開催してくれた運営様、
勉強会を支えて応援してくれる参加者様がいて初めて成り立ちます。

いろいろ参加して感じた事は、勉強会の内容以上に参加者同士の交流の大切さです。
私も多くの方に助けられているので、自分から助ける側に回ったり、
よりコミュニティを盛り上げる一員になりたいです。

長々と書いてきましたが、このブログが1年続いたのは
読者様そして勉強会やUnity開発コミュニティ皆様のおかげです！
これからもどうぞよろしくお願い致します！

2019-08-22

【アセット紹介】Weather Maker で天気を操作する【Unity】

Unityネタ/Tips アセット紹介

これはUnity アセット真夏のアドベントカレンダー 2019 Summer!の22日目の記事です。

ハッシュタグ : #アセットアドカレ2019

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

こちらは去年の8月にありました、「アセットストアの購入金額に応じてアセットが無料でもらえるイベント」でいただいたものです。今まで積んでいた。
アセットストアで50ドル以上のお買い物をすると本アセットが無料で入手できました。

開発環境
必要条件
サンプルシーンの確認
初期セットアップ
実際に動かしてみよう
- 一日のサイクルを作る
- 雲を作る
天気の操作
まだまだ紹介しきれない機能
まとめ
参考文献
類似アセット
余談

☀☂☁⚡☃⛅⛈☀☂☁⚡☃⛅⛈☀☂☁⚡☃⛅⛈

WeatherMakerはとても機能が多いため、今回は天気の操作をメインで取り上げます。

☀☂☁⚡☃⛅⛈☀☂☁⚡☃⛅⛈☀☂☁⚡☃⛅⛈

開発環境

Unity2018.4

Weather Maker var5.8.2

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

必要条件

--------------------------------------------------
-Weather MakerにはUnity 2017.4以降が必要です。
-Weather Makerにはテクスチャ配列のサポートが必要です。
-Weather Makerは、gles 2.0、WebGL、DirectX 9.0以前ではサポートされていません。Unityのバグが原因でWebGLのサポートが壊れています。私は彼らと協力して修正を支援しています。
-iOS / MACでは、OpenGL レンダリングを使用します。Metalには、3Dテクスチャルックアップなどの機能が壊れています。

.NET設定

Unity2019.1以降の場合、PlayerSettingsで.NET4.5または.NET standard 2.0を有効にします。

Rain Makerの削除

もしプロジェクト内に
Rain Maker(同パブリッシャーの類似アセット)がインポートされている場合は削除します。

ColorSpaceをLinerに

PlayerSettings->OtherSetting->ColorSpaceをLinerにします。
ガンマよりも見た目がよくなるそうです。

f:id:Raspberly:20190802150120p:plain

サンプルシーンの確認

アセットをインポートしたら、サンプルシーンを見てみましょう。豊富にそろえてあります。

f:id:Raspberly:20190819100936p:plain

UIがものすごくちっちゃいことに気をつけましょう。
画面サイズによっては潰れてしまってしまうこともあります。

f:id:Raspberly:20190819101051p:plain

こちらでは、実際に天気を変化させたり、昼夜を切り替えることができます。

デモシーン

初期セットアップ

まずは初期設定から、簡単に紹介します。
詳しくは付属のReadme.txtを見てください。

シーンの作成

デモシーンをそのままいじってもいいですが、今回は新しくシーンを作ります。
この時、他に何もオブジェクトがない状態だと少し寂しいので環境を整えましょう。

Assets/WeatherMaker/Demo/DemoResourcesにあるSimpleTerrainをシーン内に加えます。

f:id:Raspberly:20190819111829p:plain

これはWeatherMakerのデモ用として用意されたTerrainです。

f:id:Raspberly:20190819113011p:plain

もちろん自分で用意した環境や、アセットを使っても問題ありません。

シーンにプレハブを配置(重要)

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

f:id:Raspberly:20190805105801p:plain

ちなみに、MainCameraのProjectionがOrthographic(2D)になってる場合は
自動的に2D用のWeatherMakerPrefabが配置されます。

f:id:Raspberly:20190805110003p:plain

手動で配置したい場合は、Assets/WeatherMaker/Prefab/WeatherMakerPrefabを配置します。
2Dの場合はWeatherMakerPrefab2Dを。

このWeatherMakerPrefabこそ、このアセットをコアであり簡単に空や天気をコントロールできるプレハブです。
パーティクルやサウンドなど必要なものはすでにセットアップされています。
後はこいつを使うだけです。

また。各種天気の状態やデータはProfile(ScriptableObjectみたいなやつ)で管理されています。(後述)
このプレハブは、それらProfileを参照したりパラメータを変更する機能がありますが、
このProfileは直接編集もできまし、自分好みのProfileを新しく作成することもできます。

右クリックからCreate/WeatherMakerで作成できます。

f:id:Raspberly:20190822092046p:plain

今すぐ使うわけではありませんが、Profileがあることを知っておきましょう。

DirectionalLightの削除

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

f:id:Raspberly:20190802162714p:plain

LightingSettings

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

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

f:id:Raspberly:20190802164201p:plain

Environment LightingをGradientかColorに変更

Environment ReflectionsをCustomに変更

f:id:Raspberly:20190802153025p:plain

MainCameraの編集

Cameraパラメータの設定

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

f:id:Raspberly:20190821024239p:plain

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

Tagの設定

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

f:id:Raspberly:20190802151515p:plain

PostProcessingの設定

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

実はWeather MakerにはPostProcessingを簡単に自動設定する機能が用意されています。

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

f:id:Raspberly:20190819103640p:plain

f:id:Raspberly:20190819104206p:plain

ProfileはWeatherMaker側でいい感じに作成してくれたものです。
ワンクリックですべて設定してくれるのはとても便利。

実際に動かしてみよう

WeatherMakerPrefabの中にはいろいろ入っています

f:id:Raspberly:20190805115220p:plain

この中の内、
・WeatherMakerPrefab
・AudioManager
・DayNightCycle
・LightManager
の4つは必ず有効化していなければいけません。

他のPrefabで、使わないものであれば無効化することができますが、Prefabの削除はしないようにしましょう。

一日のサイクルを作る

日が沈んでまた昇る、そんなサイクルを作ることができます。

f:id:Raspberly:20190821223256p:plain

f:id:Raspberly:20190821223443p:plain

DayNightCycleにアタッチされているWeatherMakerDayNightCycleManagerのプロファイルを見てみましょう。

f:id:Raspberly:20190821223733p:plain

Time Of Dayがシーン内での時間になります。
ここの値を変えることで昼夜の変えることができます。

f:id:Raspberly:20190821225332g:plain
月は必要でないのなら無効化することができますが、太陽を無効化してはいけません。

サイクルを停止したい場合はSpeedを0に設定すれば時間が経過しなくなります。

ちなみに光に指向性を持たせたり、緯度・経度・惑星軸まで調節できます。
夕日の色を変えたりなど、こだわりたい方はとことんこだわれる。

雲を作る

雲を作ってみましょう。
雲の状態はいくつかプリセットがあります。これを選ぶだけで簡単に状態をセットできます。

f:id:Raspberly:20190821230231g:plain

雲はもちろんリアルタイムで変化します。

天気の操作

それでは実際に雨を降らせたり晴れさせたりしていきましょう。

WeatherMakerPrefabにあるPrecipitationが雨や雪を管理するオブジェクトです。

f:id:Raspberly:20190821123447p:plain

インスペクターを見てみましょう。

f:id:Raspberly:20190821130008p:plain

Precipitationが天気を設定する項目です。

Rain(雨)、Snow(雪)、Sleet(みぞれ)、Hail(雹)、Customと別れています。
Noneにすると晴れます。

f:id:Raspberly:20190821130213p:plain

Precipitation Intensityが天気の強度です。0~1まで設定でき、1が一番強い状態です。

Precipitation Change Durationは天気の推移を行う時間です。

Precipitation Change Delayは天気が変わる際に遅延させる時間です。

Precipitation Change Threadは天気が変わるしきい値です。

雨を降らす

WeatherMakerPrecipitationManagerのPrecipitationでRainを設定します。

f:id:Raspberly:20190821231651p:plain

この時、Precipitation Intensityが0だと天気が発生しないことに注意しましょう。
最大の強さで発生させたいのなら1にすべきです。

以下が雨を降らせている場面です。
非常にわかりづらいですがポツポツ降っているのが見えると思います。

f:id:Raspberly:20190822000916g:plain

デモでは以下のように確認できます

f:id:Raspberly:20190821181917g:plain
デモと比べると実際に降らせた時は雨が非常に弱く見えます。
ここを少し変えてみましょう。

雨をカスタマイズする

雨はパーティクルシステムでできています。
これはPrecipitation/Rainの子オブジェクトに配置されています。

f:id:Raspberly:20190821232711p:plain

パーティクルを直接編集してもいいですが、
親であるRainに便利なコンポーネントがアタッチされているのでそちらを使います。

f:id:Raspberly:20190821234557p:plain

画面に収まらないくらいのパラメータ数！実際は下にさらに続きます。
それぞれツールチップでパラメータの役割が表示されています。

雨を強くしたいので、適当に以下の値を最大値まで上げてみます。

f:id:Raspberly:20190822002428p:plain

先ほどと比べるとだいぶ雨っぽくなりました。ミストもいい味出しています。

f:id:Raspberly:20190822001541g:plain

できればもっと土砂降り感も出してみたいところ。

雪を降らせる

雪を降らせるのは雨同様とても簡単です。
PrecipitationをSnowに設定するだけ。

f:id:Raspberly:20190822005206p:plain

f:id:Raspberly:20190828083358g:plain

雨同様、カスタマイズも可能です。

f:id:Raspberly:20190828083457g:plain

晴れさせる

雨が降ったので次は晴れにしてみます。今から晴れるよ。

f:id:Raspberly:20190822011146g:plain
Precipitation Intensityを0、またはPrecipitationをNoneにします。
雲がある場合は、上記の通りNoneに設定すると完全に晴れます。

まだまだ紹介しきれない機能

ウェザーゾーンなどもまとめようと思ったのですが、かなり大変そうだったので概要だけ紹介します。

ウェザーゾーン

特定の範囲内に入った時あらかじめ設定しておいた天気にランダムで変化させるシステムです。

ヌルゾーン

雨や霧などをレンダリングしたくない時に使う領域です。
これにより、洞窟や屋内では天気の影響を受けません。

ボリューメトリッククラウド&フォグ&ライト

立体感のある雲や霧、光を出すことができます。

オーロラ/ライトニング

オーロラや稲妻を出すことができます

水

海を作り出すことはもちろん、水中に入った時の表現もできます。

Weather APIとの連携

現実世界の天気と連動させることができます。

まとめ

Weather Makerを使えば簡単に天気や空を作成することができます。
プレハブを配置して、パラメータを変えるだけ！

また冒頭の通り、このアセットは非常に多くの機能を持っています。
ほとんどの自然環境を再現できる上にかなり細かいカスタマイズができます。
更新頻度も短く、頻繁にバージョンアップもされています。

今回で全て解説するのは困難でしたので、HUD Navigation Systemと同様複数回に分けて解説記事を投稿する予定です。

雪のオーバーレイに関する記事を追加しました。

https://demo.digitalruby.com/WeatherMaker/Readme.txt

参考文献

チュートリアルビデオ
--------------------------------------------------
最新の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

類似アセット

アセットストアには天気にまつわるアセットがたくさんあります。

aria1.amebaownd.com

bibinbaleo.hatenablog.com

「天気」「天候」「気候」「気象」 - 違いがわかる事典

Enviroは頻繁にセールも行われているアセットですし、UniStormはかなり昔からある人気アセットです。
是非お気に入りの天気アセットを見つけてみてください。

余談

ウェザーには「天気」「天候」「気象」などいろいろ意味がありますがこれらは何が違うのでしょうか？
実は以下のように分けられます。

・気象
大気の状態・変化を物理現象として捉えた言葉

・天気
数時間から数日間の気象状態

・天候
1週間から1ヶ月程度の気象状態

・気候
1ヶ月以上の長期的な気象状態

天気、天候、気象は表す期間によって名前が異なります。
天気や天候など短期間の状態をひっくるめて気象というそうです。

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

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

2019-08-16

【Oculus Quest開発メモ】Questでもポストプロセスを使いたい！ Fast Mobile Post Processing編【Unityアセット紹介】

VR開発 Unityネタ/Tips

今回はOculus Questの開発ネタをやっていきます。
内容的にはOculus Rift Sなどにもそのまま応用できるかと思います。

OculusQuestでもポストプロセスを使いたい！
そんな時に役に立つアセットFast Mobile Post Processing(有料)について紹介します。

f:id:Raspberly:20190816233232p:plain

この記事はUnityゆるふわサマーアドベントカレンダー2019 16日目の記事です。

#ゆるふわアドカレ

UnityではPost ProcessingStackを使う事でポストプロセスを簡単につけることができます。
しかしこれは非常に重くモバイルには不向きです。(そもそもVRではPostProcessingはあまり推薦されていない)
そこで今回はアセットの力を借りてポストプロセスをかけてみます。

開発環境
アセットストア
- Fast Mobile Post Processing: Color Correction(LUT), Blur, Bloom
  - 同パブリッシャーさんのアセット
- Sleek Render(配信終了)
  - 配信終了理由
  - SleekRenderの入手方法
シーンの用意
- 光るオブジェクトの用意
Fast Mobile Post Processing
PostProcessingStack v2
プロファイラー
- Fast Mobile Post Processing
- PostProcessingStack v2
まとめ
- Fast Mobile Post Processingならとても軽量なポストプロセスをかけることができる
- PostProcessingStackなら高品質だが処理はそこそこ重い、ただし全く動かないというわけでもない
参考文献

開発環境

Windows 10

Unity 2018.4.5f

Oculus Integration ver1.39

Oculus Quest

アセットストア

アセットストアでは様々なポストプロセスパッケージがあります。
ジャンル的にはShaders Fullscreen & Camera Effectsです。

VR対応を明記していなくともMobile向けであれば動くようです。(要確認)

Fast Mobile Post Processing: Color Correction(LUT), Blur, Bloom

モバイル向けに特化したPostProcessingで、LUT(色補正)、BLUR、BLOOMの3つが入ったセットです。
特にBLURに関してはアセットストア最速を謳っています。

【最終更新日】 2019年6月11日
【サポートバージョン】Unity2017.1.0～

こちらのアセットは期間限定で無料ダウンロードすることができました。
もし入手できている方はラッキーです。

正式名称が長いので以下「Fast Mobile Post Processing」と表記。

同パブリッシャーさんのアセット

アセットの作者であるRufat Ismaylovさんですが、他にも複数のアセットをリリースされています。
どれもモバイル向けのものです。

Sleek Render(配信終了)

Standalone VR Meetup #2にて、ごんびぃー@GONBEEE_projectさんの発表にありました、
モバイル向けのポストプロセス、Sleek Renderも選択肢に入ってきます。

これはモバイルでも動く高速なPostProcessingStackです。
2017年11月にリリースされ、リリース初期は無料でダウンロードできました。

しかし2019年7月にて配信が終了しました。
これに関してはUnityForumでアセット作者の方が説明しています。

配信終了理由

要約するとアセットストアの収入だけでは生活が厳しく、これ以上更新し続けることができなくなったため。

たとえ更新できなくとも販売し続けることはできますが、カスタマーサポートの観点では大きな欠点になるため。

SleekRenderの入手方法

購入済みの方は、いつでもAssetStoreメニューからダウンロードすることができます。(AssetStoreの機能)

購入していないが興味のある方向けに、MITライセンスでGitHubに置くことを検討しているそうです。
ただし最近購入した方の金銭的努力を損なうので、2020年1月まではないとのこと。

既に購入済みの方はメールからサポートを受けることができます。
こちらもごんびぃー@GONBEEE_projectさんが解説記事を出しています。
詳しい使い方は下のリンクからどうぞ。

モバイル向けで複数のポストプロセスが入ったものですとこのあたりでしょうか。
SleekRenderは現在入手不可ですので、今回はFast Modile Post Processingを使っていきます。

シーンの用意

今回も毎度おなじみ、AvatarGrabシーンを使っていきます。
Assets/SampleFramework/Usage/AvatarGrabにあります。

f:id:Raspberly:20190816190502p:plain

光るオブジェクトの用意

Bloomなどが効いているか確認するため、光を放つオブジェクトを作っておきます。
これはまあなんでもいいです。

f:id:Raspberly:20190816183936p:plain

Fast Mobile Post Processing

基本的に付属のスクリプトをカメラに張り付けるだけで動作します。

f:id:Raspberly:20190815231338p:plain

インスペクターパラメーター

Shader

PostProcessingシェーダーを設定するだけ

Blur

ぼかしを有効にするかどうか

Iterations

ReadMeによると「不鮮明な繰り返しの数。より多くの反復、より多くの操作を必要とするシーンをよりぼやけさせる」とのこと
？？？
値が大きいほど負荷がかかるので注意、値は2のままにしたほうがいいらしい。

BlurAmout

ぼかしのレベル

f:id:Raspberly:20190816092417g:plain

BloomAmout

Bloomの量

f:id:Raspberly:20190816092441g:plain

BloomThreshold

ブルームをかけるしきい値

f:id:Raspberly:20190816092506g:plain

FilterWidht & FilterHeight

適用されるぼかし画像の幅

LUT

色補正を有効にするかどうか

LutAmout

Lutの量

f:id:Raspberly:20190816092603g:plain

SourceLut

色補正のプリセットは複数あります。

f:id:Raspberly:20190816093010g:plain

使い方

Cameraにスクリプトを追加する

MobilePostProcessingまたはMobilePostProcessingSingletonをCameraにアタッチします。
ちなみにCameraとはCenterEyeAnchorのことです。

f:id:Raspberly:20190815231338p:plain

Shaderを設定

ShaderにはSupGames/Mobile/PostProcessを設定します

f:id:Raspberly:20190815232254p:plain

LUTテクスチャの設定

Source LutにLUTテクスチャを設定します。

f:id:Raspberly:20190815233355p:plain

LUTテクスチャは以下の通りです。

f:id:Raspberly:20190815233455p:plain

Maskテクスチャの設定

ReadMeによるとBlurMask.pngまたはhumanEye.pngを設定するとのことですが、
BlurMaskが見当たらないのでhumanEyeを使います。

f:id:Raspberly:20190815234551p:plain

LUTとBlurはチェックボックスでオンオフ切り替えることもできます。
もちろん両方同時に適用可能。

実機で動かしてみる

Androidビルドをして実機で動かしてみましょう。
設定は上記の通りです。

f:id:Raspberly:20190816184010g:plain

無事動きました。が何か違う気がする。
デフォルトのパラメータ設定ですとBlurが強すぎるのかもしれません。

このあたりを少し調整してみます。
LUTとBlorをオフにしてBloomのみ使ってみます。

ここで注意点

BlurとLUT両方のチェックボックスをオフにするとPostProcessingが動作しません。
片方は必ずチェックしておく必要があります。

Blurの場合ですとBlurAmoutを0に、FilterWidthとFilterHeightを1にするとBlurが実質機能しなくなるのでこれで乗り切ります。

f:id:Raspberly:20190816184404p:plain

大分見やすくなりブルームが効いているのがわかります。
右手を握ることでオンオフ切り替えるようにしてみました。

f:id:Raspberly:20190816131547g:plain

ただ、なんかこう・・・光がにじみ出る感じが少ないですね。

どちらかというとDirectionalLightをもう一つ追加しているかのような見た目。
モバイル向けなのでこのあたりは割り切りかもしれません。

PostProcessingStack v2

そもそもUnity標準のPostProcessingStackはどのくらい重いのでしょうか。

去年あたりからアンチエイリアシング、ブルーム、色収差など一部のエフェクトにはFastModeが用意されています。
これはクオリティを落とすことでパフォーマンスをブーストするモバイル向けの機能です。

これを使って実際にQuestで動かしてみましょう。

使用するエフェクトはアンチエイリアシングとブルームです。

f:id:Raspberly:20190816120414p:plain

f:id:Raspberly:20190816184230p:plain

あれ？意外と良い。
少しカクついているような気がしなくもないですが、全く動かないというわけではなさそう。
光がにじみ出ている感じがとてもいい。

f:id:Raspberly:20190816131724g:plain

プロファイラー

パフォーマンスはどうでしょうか、プロファイラーを見てみましょう。
大体の目安としてどうぞ。

Fast Mobile Post Processing

f:id:Raspberly:20190816131505g:plain

PostProcessingStack v2

f:id:Raspberly:20190816131419g:plain

ちなみにFast Mobile Post Processingのオンオフ時の違いはこんな感じ

f:id:Raspberly:20190816125306p:plain

FastModeとはいえPostProcessingStackの処理は重い様子。
その分とてもきれいですのでここはケースバイケース。

まとめ

Fast Mobile Post Processingならとても軽量なポストプロセスをかけることができる

PostProcessingStackなら高品質だが処理はそこそこ重い、ただし全く動かないというわけでもない

ごんびぃーさんの記事を見る限り、SleekRenderの方がとてもきれいで使いやすそうではあります。
持っている方はSleekRenderの方を試してみるといいかもしれません。

PostFX v2 – アップグレードされたポストプロセッシングスタックで美しいビジュアルを実現しよう – Unity Blog

参考文献

baba-s.hatenablog.com

Create high-quality visuals in Unity with the Post-Processing Stack - Unity

Unity's post-processing image effects stack - Unity

Best Practices for Rift and Android

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

2019-08-09

【Oculus Touch開発メモ】手の見た目をカスタマイズする付属シェーダー編【Unity】

VR開発 Unityネタ/Tips

今回はOculus Touchの開発ネタをやっていきます。
使う機材はOculus Questですが、Oculus Rift Sでもそのまま使うことができると思います。

OVR GrabberやDistanceGrabberでも登場した手について。
デフォルトですとマスターハンドよろしく普通の白い手になりますが、
見た目をいろいろカスタマイズしていきます。

f:id:Raspberly:20190809230058p:plain

開発環境
セットアップ
サンプルシーンの確認
手用に用意されたシェーダー
- Oculus/Hands_DiffuseBump
  - Shininess
  - ShineColor
- Oculus/Hands_Transparent
実際に手の見た目を変えてみる
他のシェーダー
リアルな手にする
アセットストア
まとめ
参考文献

開発環境

Windows 10

Unity 2018.4.5f

Oculus Integration ver1.39

Oculus Quest

ALVR

セットアップ

始めてVR開発をする方はこちらを参考にしてみてください

また流れ的には前回の続きとなります。前回はこちら！

Gray Avatar Hands instead of Transparent Blue? — Oculus

サンプルシーンの確認

Assets/SampleFramework/Usageに様々なサンプルシーンがあります。
学習や挙動の確認にとても有益です。見てみましょう。

手を表示するシーンはたくさんありますが、前回と同じAvatarGrabシーンを使っていきます。
手が単体で置いてあるCustomHandsシーンでも問題ありません。

f:id:Raspberly:20190809102327p:plain

前回のメモでも登場した手のモデルですが、
モデル内にSkinnedMeshRendererがアタッチされているオブジェクトがあります。

左手の場合。l_hand_skeletal_lowers/hands:hands_geom/hands:Lhandがこれに該当します。

f:id:Raspberly:20190809211044p:plain

注目すべきはMaterialsです。ここのMaterialを変えるだけで手の見た目を変えることができます。

f:id:Raspberly:20190809105526p:plain

手用に用意されたシェーダー

OculusIntegrationには手用のシェーダーが既に用意されています。
2つあるのでそちらを見ていきましょう。

Oculus/Hands_DiffuseBump

f:id:Raspberly:20190809134022p:plain

Shininess

光沢感、この値が大きいほど手が輝いているように見えます

f:id:Raspberly:20190809223105g:plain

ShineColor

光沢の色

f:id:Raspberly:20190809223152g:plain

Oculus/Hands_Transparent

透過対応シェーダーです。Rimの値を変えることで手のアウトラインを強調することができます。

f:id:Raspberly:20190809112125p:plain

InnerColor

手のベース色

f:id:Raspberly:20190809223238g:plain

RimColor

手の縁であるアウトラインの色

f:id:Raspberly:20190809223311g:plain

RimPower

アウトラインの強さ。値が小さいほどはっきり表れる。

f:id:Raspberly:20190809223347g:plain

実際に手の見た目を変えてみる

適当な場所にマテリアルを作成します。
今回はHand_Matとという名前で作成しました

f:id:Raspberly:20190809210013p:plain

作成したマテリアルを手のSkinnedMeshRendererのMaterialsに設定します。

f:id:Raspberly:20190809230524p:plain

次にシェーダーを変更します。
Oculus/Hands_Transparent

f:id:Raspberly:20190809225007p:plain

最後にマテリアルのパラメータを調整するだけ
私の場合はInnerColorをグレー色に、RimColorを青くしました。
RimPowerを最低値にしてRimが目立つようにします。

f:id:Raspberly:20190809230654p:plain

実行してみるとこんな感じ、なんだがゴースト感が出てますね。

f:id:Raspberly:20190809223728g:plain

他のシェーダー

実は他にもシェーダーはいろいろあります。
手に応用できるものですと、AvatarSurfaceShader系でしょうか。

f:id:Raspberly:20190809170511p:plain

詳しくはこちら

リアルな手にする

LeapMotion用のハンドモデルを使ったやり方があります。
詳しくはこちらをどうぞ。

zabaglione.info

こちらのアセットを使います

ダウンロード時に互換性の警告が出ますが関係ないので同意しましょう。

f:id:Raspberly:20190809232714p:plain

インポートするのはModelsだけです。他の所はチェックを外しておきましょう。

f:id:Raspberly:20190809232814p:plain

元記事の方ですとHandプレハブに置き換えたりしていますが、
手がアニメーションしなかったのでマテリアルだけ使います。

両手のSkinnedMeshrendererのMaterialsをHand_Diffuseに変更します。

f:id:Raspberly:20190809233734p:plain

これでリアルな手になりました。

f:id:Raspberly:20190809233702p:plain

f:id:Raspberly:20190809235505g:plain

アセットストア

きちんとした手を出したい場合は、アセットストアなどで探すことができます。
ほとんどが有料です。

もし購入するのであれば更新日時やレビューで動作するのかどうかを確認しましょう。

まとめ

・手の見た目を変えたい場合は、手モデルのMaterialを変える

・専用のシェーダーがあるため、それを使うと簡単に半透明な手などが出せる

・モデル自体を変えたい場合はアセットストアなどを活用する

他にも自分でシェーダーを書いたりテクスチャを張っていくと細かいカスタマイズもできそうです。
ぜひ自分好みにカスタマイズしていってください。

ALVRを使うと人差し指がアニメーションしない問題もそろそろ解決したいところ。

参考文献

bibinbaleo.hatenablog.com

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

2019-08-08

【Oculus Quest開発メモ】ALVR実行時にAvatarGrabの手が出ない問題 Hand編【Unity】

VR開発 Unityネタ/Tips

今回はOculus Questの開発ネタをやっていきます。

Oculus QuestをALVRで起動した時にAvatarGrabシーンで手が出ない問題を解決します。
OculusQuestのバージョンアップでALVR関係なく手がでないことが起こりますが、そちらも解決します。

f:id:Raspberly:20190808234352g:plain

開発環境
ALVRとは
Oculus Questのバージョンアップデート
追記、Oculus Integration 1.40の場合
前提条件
主要コンポーネント
- Hand
サンプルシーンの確認
Hand
- インスペクターパラメーター
Handの修正
Handの手動追加
シーン再生時にTime.timeScaleが0になる
【8月9日追記】時間が止まる問題への対策
まとめ

開発環境

Windows 10

Unity 2018.4.5f

Oculus Integration ver1.39

Oculus Quest

ALVR

ALVRとは

こちらで少し触れています。

簡単に言うと、PC向けVRの映像をOculusQuestなどスタンドアロン型HMDに転送するソフトウェアです。
これにより、毎回ビルドしなければならないQuestの動作テストをEditor上ですぐに動作させることができます。

Oculus Questのバージョンアップデート

7月下旬にOculusQuestがアップデートされました。
この時、同時に少し不具合が起きています。これらの不具合はALVR関係なく起こります。

まずはこちらの手段をお試しください。

・コントローラーが片方したトラッキングされない！

・AvatarGrabシーンでクラッシュする！

といった問題は以下のQiitaを参考にしてみてください・