トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

Application.targetFrameRateでアプリのフレームレートを設定できる【Unity】

Application-targetFrameRate

アプリのフレームレートを設定できる

docs.unity3d.com

「スタンドアロンプ​​ラットフォームでは、デフォルトのフレームレートは達成可能な最大フレームレート」なので、そんなにフレームレート高くしなくてもいいのに勝手にマックスにして、CPUをめっちゃ使うことがあるらしい。なので設定した方がいい

 

NEOKETでfps設定できる項目あったけど、ここの数値を変えてるのかな?

f:id:bibinbaleo:20210131213632p:plain

設定方法

Application.targetFrameRate = 60;

で設定できる。

AwakeとかStartに書く

動作条件

エディタでは効かないらしいが、必ずしもその限りではない。

ameblo.jp

teratail.com

あとVSyncを設定している時も無視する。

f:id:bibinbaleo:20210129153914p:plain

Don't Syncにする

 

EveryだとディスプレイのフレームレートSecondだとその半分。

esto.sakura.ne.jp

unityleaning.blog.fc2.com

知らなかった~

Nreal触るときに設定でDontSyncにした記憶

bibinbaleo.hatenablog.com

おまけ)ディスプレイ

ディスプレイのフレームレートなんて気にしたことなかった。

今使っているやつは「応答速度:14 ms (Gray to Gray) ※オーバードライブ時は5ms」だって

ゲーミングディスプレイだと1msのが多いんだって

digitaldiy.jp

よくわかんないけど、14msだと60fpsで、5msだと144fpsぐらいでるのかな?

 

【Unity】UI入力中かどうかの判定【EventSystem.current.IsPointerOverGameObject()】

こちらの記事のままだけど一応メモ

nn-hokuson.hatenablog.com

解決したいこと

WASDキーで移動するゲーム内で、InputFieldに名前やチャットなど入力するとき、「w」などを押すと移動してしまう。

これをどうにかしたい!

あとドラッグでカメラ回している時とかも、スクロールUIをマウスでドラッグしてスクロールするとカメラのほうも反応してしまう!

uGUIに入力中か判定

判定方法はいろいろあるだろうけど、これ知らなかったし一番便利だった!

docs.unity3d.com

if (EventSystem.current.IsPointerOverGameObject())

でuGUI操作中だったらtrueになる。

 

スマホはInput.GetTouch(0).fingerIdを入れないといけないって。

#if UNITY_EDITOR
if(EventSystem.current.IsPointerOverGameObject()){
return;
}
#else
if (EventSystem.current.IsPointerOverGameObject(Input.GetTouch(0).fingerId)) {
return;
}
#endif

 

Joystickの入力も追加したい

joystickアセットを追加したんだけど、これを動かしたときも画面のドラッグが反応してしまう;;

bibinbaleo.hatenablog.com

EventSyetemの入力じゃないからなのか・・・?

docs.unity3d.com

結局Joystickが動いているかどうかの判定にした

uLipSyncをVRMで試してみた【Unity/iOS】

凹みさんのNewリップシンク「uLipSync」を触ってみる!

tips.hecomi.com

github.com

VRMでやるぞ

LipSyncの種類

今まではOVRLipSyncが主流?だった

bibinbaleo.hatenablog.com

 ただiOSでストアに出せないという問題があった。(今どうかは知らない) 

bibinbaleo.hatenablog.com

OVRLipSync以外だとSALSAという有料アセットがある。使ってないけど、これはOVRと違って音量から口パクをしているらしい(ソースは忘れた)

assetstore.unity.com

qiita.com

 

マイク音量から単純に口パクさせるならアセット使わなくてもできる

bibinbaleo.hatenablog.com

 

環境準備

Unity2019.4

こちらからUnityPackageをダウンロード

github.com

いれる

f:id:bibinbaleo:20210118143553p:plain

Burst、Mathmaticsというパッケージを検索して入れる

f:id:bibinbaleo:20210118143549p:plain

VRMも入れる

f:id:bibinbaleo:20210118152054p:plain

uLipSyncセットアップ

uLipSyncBlendShape

VRMにuLipSyncBlendShapeをつける

f:id:bibinbaleo:20210118152124p:plain

FindFromChildrenにチェックを入れるとSkinnedMeshRendererを持つものを探してくれるので、Faceを選んで、AIUEOにそれぞれの口の形をセットする。

(最初blendshapeがドロップダウンに出てこなかったけど、FaceをBodyとかに変えたあと戻ったら出てきた)

ULipSync+AudioSource

適当なオブジェクトにAudioSourceとULipSyncをつける

f:id:bibinbaleo:20210118151705p:plain

そしてCallBackにVRMモデルを付けてOnLipSyncUpdateを選ぶ

f:id:bibinbaleo:20210118152421p:plain

マイク

マイクからリアルタイムに口パクさせるにはAudioSourceと同じ場所に、uLipSyncMicrophoneをつける。

f:id:bibinbaleo:20210118173010p:plain

実行中にデバイスを変えたり、マイク入力をストップさせたり、リピートさせたりいろいろできる(ありがたい)

マイクを使わないならAudioSourceに音声を入れたらいい

 

これで口パクする!

f:id:bibinbaleo:20210118172755g:plain

調整

デフォルトの設定だと、何もしゃべっていないのに雑音でパクパクしてた。

パラメーターのMiniVolumeの値を少し上げたら無音のときの口パクなくなった。

f:id:bibinbaleo:20210118173008p:plain

あとOutputを0にしたら、マイクの自分の声がOutputされなくなる!

Visualizer

どの母音判定かをリアルタイムで示してくれる!

f:id:bibinbaleo:20210119101502p:plain

iOSビルド

iOSで動くかが大事!

ビルドついでにMacで動くことは確認した。

f:id:bibinbaleo:20210124220059p:plain

AirPodsで動いたけど、MacだとMinVolumeは0にしないとダメだった

f:id:bibinbaleo:20210124220142p:plain

あとパーミッションを出す必要がありそう。わからないけど

bibinbaleo.hatenablog.com

それでも反応しない

検索したらいくつか設定が必要そう 

Burstエラーでビルドできないとあったけど、私の環境ではそれはなかった。これはM1の問題なのかな?

 maxFreqは周波数

docs.unity3d.com

uLipSyncMicrophone.csのここのことだと思う。

f:id:bibinbaleo:20210124222133p:plain

ここを96000にしてビルドしたら動くけど、無音の時もずっとぱくぱくするようになった><

(minVolumeパラメーターの調整をiOSでもできるようにしたほうがいいかな)

とりあえずminVolumeを0.01とかにして再ビルドしたら動いた!

f:id:bibinbaleo:20210125204714p:plain

「アイウエオ」って言ってます

 ただ、口の形が一定。「あ」の形だけ?

後ちょっと遅れてる感じがするかも

 

最後に

良さそう〜〜

凹みさんも認識しているみたいだし、次のアップデートを待っていいかも!

 他にも精度改善するらしいし 

 

iOSのマイクパーミッション【Unity】

UnityのOtherSettingsのMicDescriptionに書くだけじゃダメなのか?

f:id:bibinbaleo:20210120092135p:plain

XCodeにもちゃんと反映されている

f:id:bibinbaleo:20210120092427p:plain

http://yamakengames.seesaa.net/article/455788932.html

パーミッション要求のスクリプトを書かないといけないっぽい

qiita.com

 

docs.unity3d.com

    IEnumerator Start()
    {

        yield return Application.RequestUserAuthorization(UserAuthorization.Microphone);
        if (Application.HasUserAuthorization(UserAuthorization.Microphone))
        {
            Debug.Log("Microphone found");
        }
        else
        {
            Debug.Log("Microphone not found");
        }
    }

 

書いたらちゃんと出た!

f:id:bibinbaleo:20210124223113p:plain

ちなみにAndroidの許可は別

Permission.RequestUserPermission(Permission.Microphone);

docs.unity3d.com

添い寝彼氏VRの続きの続き【Quest2】

2度も放り投げたやつをもう一度やる。

過去

Goのときの

bibinbaleo.hatenablog.com


OculusGoでイケメンと添い寝&膝枕

Quest(無印)のとき

bibinbaleo.hatenablog.com

今回はQuest2向けでやるぞ。Quest2は頭がゴムになったから寝転がりやすそう~

環境づくり

まずQuestの時のリポジトリを探すところから

あった。せっかくなので最新のUnity2020.2で開きなおす

f:id:bibinbaleo:20201221214221p:plain

エラーが出る><

namespaceVRが見つからないって

 

Oculusフォルダを消して、OculusIntegrationの最新版を入れなおしたら直った!

Unity Integration Archive | 開発者センター | Oculus

そういえばUnity2020.1以降はUnityAssetStoreにアクセスできないんだね><

知らなかった

f:id:bibinbaleo:20210111124348p:plain

XRPluginManagementでOculusにチェック入れて、OculusLinkで動かしたら普通にVRでも動いた

f:id:bibinbaleo:20210111130757p:plain

f:id:bibinbaleo:20210111130826p:plain

 

Quest2向けにビルドする。最新のOculusIntegarationならQuest2にチェック入ってた。

f:id:bibinbaleo:20210111125536p:plain

これでQuest2をつないでBuild&Runしたら動いた!

実際のベットとの位置合わせは、Oculusボタン長押しで正面の向きをリセットすることでできる。

ちゃんとベットに寝転がりながら見ると良い〜〜

 

暗すぎてわからないだろうけど、添い寝彼氏の写真を添い寝彼氏アプリ内で見ている

f:id:bibinbaleo:20210111125532p:plain

エディタで見ると明るくて、Quest内だとちょうどよくて、Questでスクショとると暗すぎるのどうにかならないかな~~

 

彼を変える

彼の格好が寝るときの格好ではない。最近VRoidMobileで作ったジャージの彼に変える

bibinbaleo.hatenablog.com

 いいね!

f:id:bibinbaleo:20210111131123p:plain

メッシュ消える対策

近づくと消える

f:id:bibinbaleo:20210111131127p:plain

これで対処。顔だけじゃなくてジャージも設定しなおさないといけない

bibinbaleo.hatenablog.com

f:id:bibinbaleo:20210111132551p:plain

テカリ消す

あとテカリがいらない

f:id:bibinbaleo:20210111221519p:plain

f:id:bibinbaleo:20210111135018p:plain

マテリアルのMatCapのテクスチャを消したら消える

f:id:bibinbaleo:20210111135015p:plain

探すの大変だった・・・まさかテクスチャだったとは

https://virtualcast.jp/wiki/unity/shader/mtoonreference

サウンド

BGMをかける

dova-s.jp

Git管理!!

忘れちゃいけない!

f:id:bibinbaleo:20210111135751p:plain

 AnimationRigging

自分(カメラ)のほうを見るようにしたい

AnimationRiggingでやろうとしたけど、なぜか入れられない><

f:id:bibinbaleo:20210111221515p:plain

bibinbaleo.hatenablog.com

 

いつものLookAtスクリプト使った

f:id:bibinbaleo:20210111230100p:plain

ノーマルマップ

壁に素材感を出したい。

ノーマルマップを設定したらいいんでしょう。

どっかに配布しているところないか探したけど、あんまりないのかな~

あるだろうけど。

「ノーマルマップ 配布」で検索したらMMDばかり出てきて意外だった。

こちらをお借りした

bowlroll.net

でもSweetHomeで作ったモデルの壁には使えなかった~。Cubeにはできるのに

f:id:bibinbaleo:20210111230104p:plain

UV展開されてないのかな?

最後に

とりあえず簡単に手直しできるとこはできた。

ここからどうしようかな〜

ライティングをリッチにしたい。

あとは部屋移動とか・・・?彼にふふふって微笑んで欲しい

 

ただ一個問題に気づいたけど、部屋を暗くした状態だとQuest2のトラッキングが働かない;;

暗い部屋でやるのがいいのに

 

 

週刊添い寝全集 第二巻

週刊添い寝全集 第二巻

 

 

TextMeshProで日本語フォントを使う&分割してGithubへ〜

ModerunUIPackがTextmeshProを使っていたので、しかたなく日本語フォントをTextMeshPro対応させた

 

asset生成

参考

hi-network.sakura.ne.jp

qiita.com

Window>TextMeshPro>FontAssetCreator

f:id:bibinbaleo:20210112095220p:plain

NotoSansを変更する。こんな設定

f:id:bibinbaleo:20210112095232p:plain

CustomCharacterListに以下のgistの文字たちをコピペする

 

gist.github.com

「GenerateFontAtlas」で生成。5分ぐらいでできる

f:id:bibinbaleo:20210112101105p:plain

ファイルサイズでかすぎ問題

生成されたファイルは131MBになってしまった><

f:id:bibinbaleo:20210112135644p:plain

これじゃあGithubにアップできないよ!

それを解決するのがこちらのFontFallback(分割)とDynamicSDFSystem(動的なロード?)

tsubakit1.hateblo.jp

 FontFallBack

分割してアセットを作り、足りない部分はほかのアセットを読み込む

漢字以外と漢字だけのを分けて作る。

この時AtlasResolutionを小さくしないとファイルサイズが変わらない。

漢字以外のは2048*2048で入ったっぽい

f:id:bibinbaleo:20210112142434p:plain

8MBだった

f:id:bibinbaleo:20210112142526p:plain

!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~ abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890〜¡¢£¤¥¦§¨©ª«¬ ®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ‒–—―‖‗‘’‚‛“”„‟†‡•…‪‫‬‭‮ ‰′″‴‹›‼‾⁄⁞€™□ 、。,.・:;?!゛゜´`¨^ ̄_ヽヾゝゞ〃仝々〆〇ー―‐/◆□■△▲▽▼※〒→←↑↓〓∈∋⊆⊇⊂⊃アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンァィゥェォッャュョーガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポヴぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞたァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭ─│┌┐┘└├┬┤┴┼━┃┏┓┛┗┣┳┫┻╋┠┯┨┷┿┝┰┥┸∴♂♀°′″℃¥$¢£%#&*@§☆★○●◎◇∇≡≒≪≫√∽∝∵∫∬ʼn♯♭♪†‡¶abcdefghijklmnopqrstuvwxyzむめもゃやゅゆょよらりるれろゎわゐゑをんムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶопрстуфхцчшщъыьэюя
\~∥|…‥‘’“”()〔〕[]{}〈〉《》「」『』【】+-±×∪∩∧∨¬⇒⇔∀∃∠⊥⌒∂ABCDEFGHIJKLMNOPQRSTUVWXYZだちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミαβγδεζηθικλμνξοπρστυφχψωЮЯабвгдеёжзийклмн╂

漢字は適当に4096*4096にした。収まったのかは知らない

f:id:bibinbaleo:20210112142643p:plain

Missingcharactersが0だからいけたのかな?

亜唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或院陰隠韻吋右宇烏羽迂雨卯鵜窺丑碓臼渦嘘唄欝蔚鰻姥厩浦瓜閏噂云運押旺横欧殴王翁襖鴬鴎黄岡沖荻億屋憶臆桶牡乙俺卸恩温穏音下化仮何魁晦械海灰界皆絵芥蟹開階貝凱劾外咳害崖慨概涯碍蓋街該鎧骸浬馨蛙粥刈苅瓦乾侃冠寒刊勘勧巻喚堪姦完官寛干幹患感慣憾換敢柑桓棺款歓機帰毅気汽畿祈季稀紀徽規記貴起軌輝飢騎鬼亀偽儀妓宜戯技擬欺犠疑供侠僑兇競共凶協匡卿叫喬境峡強彊怯恐恭挟教橋況狂狭矯胸脅興蕎郷掘窟沓靴轡窪熊隈粂栗繰桑鍬勲君薫訓群軍郡卦袈祁係傾刑兄啓圭珪型検権牽犬献研硯絹県肩見謙賢軒遣鍵険顕験鹸元原厳幻弦減源玄現絃舷后喉坑垢好孔孝宏工巧巷幸広庚康弘恒慌抗拘控攻昂晃更杭校梗構江洪此頃今困坤墾婚恨懇昏昆根梱混痕紺艮魂些佐叉唆嵯左差査沙瑳砂詐鎖察拶撮擦札殺薩雑皐鯖捌錆鮫皿晒三傘参山惨撒散桟燦珊産算纂蚕讃賛次滋治爾璽痔磁示而耳自蒔辞汐鹿式識鴫竺軸宍雫七叱執失嫉室悉湿漆宗就州修愁拾洲秀秋終繍習臭舟蒐衆襲讐蹴輯週酋酬集醜什住充十従戎勝匠升召哨商唱嘗奨妾娼宵将小少尚庄床廠彰承抄招掌捷昇昌昭晶松梢拭植殖燭織職色触食蝕辱尻伸信侵唇娠寝審心慎振新晋森榛浸深申疹真澄摺寸世瀬畝是凄制勢姓征性成政整星晴棲栖正清牲生盛精聖声製西誠繊羨腺舛船薦詮賎践選遷銭銑閃鮮前善漸然全禅繕膳糎噌塑岨措曾曽楚臓蔵贈造促側則即息捉束測足速俗属賊族続卒袖其揃存孫尊損村遜他多叩但達辰奪脱巽竪辿棚谷狸鱈樽誰丹単嘆坦担探旦歎淡湛炭短端箪綻耽帖帳庁弔張彫徴懲挑暢朝潮牒町眺聴脹腸蝶調諜超跳銚長頂鳥勅捗直朕邸鄭釘鼎泥摘擢敵滴的笛適鏑溺哲徹撤轍迭鉄典填天展店添纏甜貼転顛董蕩藤討謄豆踏逃透鐙陶頭騰闘働動同堂導憧撞洞瞳童胴萄道銅峠鴇匿如尿韮任妊忍認濡禰祢寧葱猫熱年念捻撚燃粘乃廼之埜嚢悩濃納能脳膿函箱硲箸肇筈櫨幡肌畑畠八鉢溌発醗髪伐罰抜筏閥鳩噺塙蛤隼伴判半反鼻柊稗匹疋髭彦膝菱肘弼必畢筆逼桧姫媛紐百謬俵彪標氷漂瓢票表評豹福腹複覆淵弗払沸仏物鮒分吻噴墳憤扮焚奮粉糞紛雰文聞丙併兵塀幣平法泡烹砲縫胞芳萌蓬蜂褒訪豊邦鋒飽鳳鵬乏亡傍剖坊妨帽忘忙房暴望某漫蔓味未魅巳箕岬密蜜湊蓑稔脈妙粍民眠務夢無牟矛霧鵡椋婿娘冥名命諭輸唯佑優勇友宥幽悠憂揖有柚湧涌猶猷由祐裕誘遊邑郵雄融夕予余与痢裏裡里離陸律率立葎掠略劉流溜琉留硫粒隆竜龍侶慮旅虜了亮僚両凌蓮連錬呂魯櫓炉賂路露労婁廊弄朗楼榔浪漏牢狼篭老聾蝋郎六麓禄肋録粟袷安庵按暗案闇鞍杏以伊位依偉囲夷委威尉惟意慰易椅為畏異移維緯胃雲荏餌叡営嬰影映曳栄永泳洩瑛盈穎頴英衛詠鋭液疫益駅悦謁越閲榎厭円伽価佳加可嘉夏嫁家寡科暇果架歌河火珂禍禾稼箇花苛茄荷華菓蝦課嘩貨垣柿蛎鈎劃嚇各廓拡撹格核殻獲確穫覚角赫較郭閣隔革学岳楽額顎掛笠樫汗漢澗潅環甘監看竿管簡緩缶翰肝艦莞観諌貫還鑑間閑関陥韓館舘丸含岸祇義蟻誼議掬菊鞠吉吃喫桔橘詰砧杵黍却客脚虐逆丘久仇休及吸宮弓急救鏡響饗驚仰凝尭暁業局曲極玉桐粁僅勤均巾錦斤欣欽琴禁禽筋緊芹菌衿襟契形径恵慶慧憩掲携敬景桂渓畦稽系経継繋罫茎荊蛍計詣警軽頚鶏芸迎鯨言諺限乎個古呼固姑孤己庫弧戸故枯湖狐糊袴股胡菰虎誇跨鈷雇顧鼓五互浩港溝甲皇硬稿糠紅紘絞綱耕考肯肱腔膏航荒行衡講貢購郊酵鉱砿鋼閤降裟坐座挫債催再最哉塞妻宰彩才採栽歳済災采犀砕砦祭斎細菜裁載際剤在酸餐斬暫残仕仔伺使刺司史嗣四士始姉姿子屍市師志思指支孜斯施旨枝止疾質実蔀篠偲柴芝屡蕊縞舎写射捨赦斜煮社紗者謝車遮蛇邪借勺尺杓灼爵柔汁渋獣縦重銃叔夙宿淑祝縮粛塾熟出術述俊峻春瞬竣舜駿准循旬楯殉淳樟樵沼消渉湘焼焦照症省硝礁祥称章笑粧紹肖菖蒋蕉衝裳訟証詔詳象賞醤神秦紳臣芯薪親診身辛進針震人仁刃塵壬尋甚尽腎訊迅陣靭笥諏須酢図厨誓請逝醒青静斉税脆隻席惜戚斥昔析石積籍績脊責赤跡蹟碩切拙接摂折設狙疏疎礎祖租粗素組蘇訴阻遡鼠僧創双叢倉喪壮奏爽宋層匝惣想捜掃挿掻太汰詑唾堕妥惰打柁舵楕陀駄騨体堆対耐岱帯待怠態戴替泰滞胎腿苔袋貸胆蛋誕鍛団壇弾断暖檀段男談値知地弛恥智池痴稚置致蜘遅馳築畜竹筑蓄沈珍賃鎮陳津墜椎槌追鎚痛通塚栂掴槻佃漬柘辻蔦綴鍔椿潰坪壷嬬紬爪吊点伝殿澱田電兎吐堵塗妬屠徒斗杜渡登菟賭途都鍍砥砺努度土奴怒倒党冬得徳涜特督禿篤毒独読栃橡凸突椴届鳶苫寅酉瀞噸屯惇敦沌豚遁頓呑曇鈍農覗蚤巴把播覇杷波派琶破婆罵芭馬俳廃拝排敗杯盃牌背肺輩配倍培媒梅叛帆搬斑板氾汎版犯班畔繁般藩販範釆煩頒飯挽晩番盤磐蕃蛮匪卑否妃庇廟描病秒苗錨鋲蒜蛭鰭品彬斌浜瀕貧賓頻敏瓶不付埠夫婦富冨布府怖扶敷弊柄並蔽閉陛米頁僻壁癖碧別瞥蔑箆偏変片篇編辺返遍便勉娩弁鞭保舗鋪棒冒紡肪膨謀貌貿鉾防吠頬北僕卜墨撲朴牧睦穆釦勃没殆堀幌奔本翻凡盆明盟迷銘鳴姪牝滅免棉綿緬面麺摸模茂妄孟毛猛盲網耗蒙儲木黙目杢勿餅誉輿預傭幼妖容庸揚揺擁曜楊様洋溶熔用窯羊耀葉蓉要謡踊遥陽養慾抑欲寮料梁涼猟療瞭稜糧良諒遼量陵領力緑倫厘林淋燐琳臨輪隣鱗麟瑠塁涙累論倭和話歪賄脇惑枠鷲亙亘鰐詫藁蕨椀湾碗腕萎衣謂違遺医井亥域育郁磯一壱溢逸稲茨芋鰯允印咽員因姻引飲淫胤蔭園堰奄宴延怨掩援沿演炎焔煙燕猿縁艶苑薗遠鉛鴛塩於汚甥凹央奥往応迦過霞蚊俄峨我牙画臥芽蛾賀雅餓駕介会解回塊壊廻快怪悔恢懐戒拐改橿梶鰍潟割喝恰括活渇滑葛褐轄且鰹叶椛樺鞄株兜竃蒲釜鎌噛鴨栢茅萱巌玩癌眼岩翫贋雁頑顔願企伎危喜器基奇嬉寄岐希幾忌揮机旗既期棋棄朽求汲泣灸球究窮笈級糾給旧牛去居巨拒拠挙渠虚許距鋸漁禦魚亨享京謹近金吟銀九倶句区狗玖矩苦躯駆駈駒具愚虞喰空偶寓遇隅串櫛釧屑屈劇戟撃激隙桁傑欠決潔穴結血訣月件倹倦健兼券剣喧圏堅嫌建憲懸拳捲伍午呉吾娯後御悟梧檎瑚碁語誤護醐乞鯉交佼侯候倖光公功効勾厚口向項香高鴻剛劫号合壕拷濠豪轟麹克刻告国穀酷鵠黒獄漉腰甑忽惚骨狛込材罪財冴坂阪堺榊肴咲崎埼碕鷺作削咋搾昨朔柵窄策索錯桜鮭笹匙冊刷死氏獅祉私糸紙紫肢脂至視詞詩試誌諮資賜雌飼歯事似侍児字寺慈持時酌釈錫若寂弱惹主取守手朱殊狩珠種腫趣酒首儒受呪寿授樹綬需囚収周準潤盾純巡遵醇順処初所暑曙渚庶緒署書薯藷諸助叙女序徐恕鋤除傷償鉦鍾鐘障鞘上丈丞乗冗剰城場壌嬢常情擾条杖浄状畳穣蒸譲醸錠嘱埴飾逗吹垂帥推水炊睡粋翠衰遂酔錐錘随瑞髄崇嵩数枢趨雛据杉椙菅頗雀裾窃節説雪絶舌蝉仙先千占宣専尖川戦扇撰栓栴泉浅洗染潜煎煽旋穿箭線操早曹巣槍槽漕燥争痩相窓糟総綜聡草荘葬蒼藻装走送遭鎗霜騒像増憎退逮隊黛鯛代台大第醍題鷹滝瀧卓啄宅托択拓沢濯琢託鐸濁諾茸凧蛸只逐秩窒茶嫡着中仲宙忠抽昼柱注虫衷註酎鋳駐樗瀦猪苧著貯丁兆凋喋寵釣鶴亭低停偵剃貞呈堤定帝底庭廷弟悌抵挺提梯汀碇禎程締艇訂諦蹄逓凍刀唐塔塘套宕島嶋悼投搭東桃梼棟盗淘湯涛灯燈当痘祷等答筒糖統到奈那内乍凪薙謎灘捺鍋楢馴縄畷南楠軟難汝二尼弐迩匂賑肉虹廿日乳入楳煤狽買売賠陪這蝿秤矧萩伯剥博拍柏泊白箔粕舶薄迫曝漠爆縛莫駁麦彼悲扉批披斐比泌疲皮碑秘緋罷肥被誹費避非飛樋簸備尾微枇毘琵眉美斧普浮父符腐膚芙譜負賦赴阜附侮撫武舞葡蕪部封楓風葺蕗伏副復幅服圃捕歩甫補輔穂募墓慕戊暮母簿菩倣俸包呆報奉宝峰峯崩庖抱捧放方朋摩磨魔麻埋妹昧枚毎哩槙幕膜枕鮪柾鱒桝亦俣又抹末沫迄侭繭麿万慢満尤戻籾貰問悶紋門匁也冶夜爺耶野弥矢厄役約薬訳躍靖柳薮鑓愉愈油癒沃浴翌翼淀羅螺裸来莱頼雷洛絡落酪乱卵嵐欄濫藍蘭覧利吏履李梨理璃類令伶例冷励嶺怜玲礼苓鈴隷零霊麗齢暦歴列劣烈裂廉恋憐漣煉簾練聯弌丐丕个丱丶丼丿乂乖乘亂亅豫亊舒弍于亞亟亠亢亰亳亶从仍仄仆仂仗僉僊傳僂僖僞僥僭僣僮價僵儉儁儂儖儕儔儚儡儺儷儼儻儿兀兒兌兔兢竸辧劬劭劼劵勁勍勗勞勣勦飭勠勳勵勸勹匆匈甸匍匐匏匕匚匣匯匱匳匸區咫哂咤咾咼哘哥哦唏唔哽哮哭哺哢唹啀啣啌售啜啅啖啗唸唳啝喙喀咯喊圈國圍圓團圖嗇圜圦圷圸坎圻址坏坩埀垈坡坿垉垓垠垳垤垪垰埃埆埔埒奸妁妝佞侫妣妲姆姨姜妍姙姚娥娟娑娜娉娚婀婬婉娵娶婢婪媚媼媾嫋嫂屐屏孱屬屮乢屶屹岌岑岔妛岫岻岶岼岷峅岾峇峙峩峽峺峭嶌峪崋崕崗嵜廖廣廝廚廛廢廡廨廩廬廱廳廰廴廸廾弃弉彝彜弋弑弖弩弭弸彁彈彌彎弯悄悛悖悗悒悧悋惡悸惠惓悴忰悽惆悵惘慍愕愆惶惷愀惴惺愃愡惻惱愍愎戞戡截戮戰戲戳扁扎扞扣扛扠扨扼抂抉找抒抓抖拔抃抔拗拑抻拏拿拆擔據擒擅擇撻擘擂擱擧舉擠擡抬擣擯攬擶擴擲擺攀擽攘攜攅攤攣攫攴攵攷曄暸曖曚曠昿曦曩曰曵曷朏朖朞朦朧霸朮朿朶杁朸朷杆杞杠杙杣杤枉杰棔棧棕椶椒椄棗棣椥棹棠棯椨椪椚椣椡棆楹楷楜楸楫楔楾楮椹楴椽楙椰檗蘗檻櫃櫂檸檳檬櫞櫑櫟檪櫚櫪櫻欅蘖櫺欒欖鬱欟欸欷盜欹飮歇歃歉歐沺泛泯泙泪洟衍洶洫洽洸洙洵洳洒洌浣涓浤浚浹浙涎涕濤涅淹渕渊涵淇漾漓滷澆潺潸澁澀潯潛濳潭澂潼潘澎澑濂潦澳澣澡澤澹濆澪濟濕濬濔濘燹燿爍爐爛爨爭爬爰爲爻爼爿牀牆牋牘牴牾犂犁犇犒犖犢犧犹犲狃狆狄瓠瓣瓧瓩瓮瓲瓰瓱瓸瓷甄甃甅甌甎甍甕甓甞甦甬甼畄畍畊畉畛畆畚畩畤癲癶癸發皀皃皈皋皎皖皓皙皚皰皴皸皹皺盂盍盖盒盞盡盥盧盪蘯盻眈眇磧磚磽磴礇礒礑礙礬礫祀祠祗祟祚祕祓祺祿禊禝禧齋禪禮禳禹禺秉秕秧筺笄筍笋筌筅筵筥筴筧筰筱筬筮箝箘箟箍箜箚箋箒箏筝箙篋篁篌篏箴篆紂紜紕紊絅絋紮紲紿紵絆絳絖絎絲絨絮絏絣經綉絛綏絽綛綺綮綣綵緇綽罅罌罍罎罐网罕罔罘罟罠罨罩罧罸羂羆羃羈羇羌羔羞羝羚羣羯羲羹羮羶隋腆脾腓腑胼腱腮腥腦腴膃膈膊膀膂膠膕膤膣腟膓膩膰膵膾膸膽臀臂膺茵茴茖茲茱荀茹荐荅茯茫茗茘莅莚莪莟莢莖茣莎莇莊荼莵荳荵莠莉莨菴蕁蘂蕋蕕薀薤薈薑薊薨蕭薔薛藪薇薜蕷蕾薐藉薺藏薹藐藕藝藥藜藹蘊蘓蝓蝣蝪蠅螢螟螂螯蟋螽蟀蟐雖螫蟄螳蟇蟆螻蟯蟲蟠蠏蠍蟾蟶蟷蠎蟒蠑蠖襦襤襭襪襯襴襷襾覃覈覊覓覘覡覩覦覬覯覲覺覽覿觀觚觜觝觧觴觸訃訖譟譬譯譴譽讀讌讎讒讓讖讙讚谺豁谿豈豌豎豐豕豢豬豸豺貂貉貅貊貍貎蹇蹉蹌蹐蹈蹙蹤蹠踪蹣蹕蹶蹲蹼躁躇躅躄躋躊躓躑躔躙躪躡躬躰軆躱躾遏遐遑遒逎遉逾遖遘遞遨遯遶隨遲邂遽邁邀邊邉邏邨邯邱邵郢郤扈郛鄂錙錢錚錣錺錵錻鍜鍠鍼鍮鍖鎰鎬鎭鎔鎹鏖鏗鏨鏥鏘鏃鏝鏐鏈鏤鐚鐔鐓鐃陝陟陦陲陬隍隘隕隗險隧隱隲隰隴隶隸隹雎雋雉雍襍雜霍雕雹霄霆霈霓顱顴顳颪颯颱颶飄飃飆飩飫餃餉餒餔餘餡餝餞餤餠餬餮餽餾饂饉饅饐饋髻鬆鬘鬚鬟鬢鬣鬥鬧鬨鬩鬪鬮鬯鬲魄魃魏魍魎魑魘魴鮓鮃鮑鮖鮗鮟鮠鮨鵝鵞鵤鵑鵐鵙鵲鶉鶇鶫鵯鵺鶚鶤鶩鶲鷄鷁鶻鶸鶺鷆鷏鷂鷙鷓鷸鷦鷭鷯鷽堯槇遙瑤凜熙仞仭仟价伉佚估佛佝佗佇佶侈侏侘佻佩佰侑佯來侖儘俔俟俎俘俛俑俚俐俤兩兪兮冀冂囘册冉冏冑冓冕冖冤冦冢冩冪冫决冱冲冰况冽凅凉凛几處凩凭卆卅丗卉卍凖卞卩卮夘卻卷厂厖厠厦厥厮厰厶參簒雙叟曼燮叮叨叭叺吁吽喟啻啾喘喞單啼喃喩喇喨嗚嗅嗟嗄嗜嗤嗔嘔嗷嘖嗾嗽嘛嗹噎噐營嘴嘶嘲嘸埓堊埖埣堋堙堝塲堡塢塋塰毀塒堽塹墅墹墟墫墺壞墻墸墮壅壓壑壗壙壘壥媽嫣嫗嫦嫩嫖嫺嫻嬌嬋嬖嬲嫐嬪嬶嬾孃孅孀孑孕孚孛孥孩孰孳孵學斈孺宀崟崛崑崔崢崚崙崘嵌嵒嵎嵋嵬嵳嵶嶇嶄嶂嶢嶝嶬嶮嶽嶐嶷嶼巉巍巓巒巖巛彑彖彗彙彡彭彳彷徃徂彿徊很徑徇從徙徘徠徨徭徼忖忻忤忸忱忝悳忿怡恠慇愾愨愧慊愿愼愬愴愽慂慄慳慷慘慙慚慫慴慯慥慱慟慝慓慵憙憖憇憬憔憚拈拜拌拊拂拇抛拉挌拮拱挧挂挈拯拵捐挾捍搜捏掖掎掀掫捶掣掏掉掟掵捫收攸畋效敖敕敍敘敞敝敲數斂斃變斛斟斫斷旃旆旁旄旌旒旛旙无旡旱杲昊枩杼杪枌枋枦枡枅枷柯枴柬枳柩枸柤柞柝柢柮枹柎柆柧檜栞框栩桀桍栲桎楡楞楝榁楪榲榮槐榿槁槓榾槎寨槊槝榻槃榧樮榑榠榜榕榴槞槨樂樛槿權槹歙歔歛歟歡歸歹歿殀殄殃殍殘殕殞殤殪殫殯殲殱殳殷殼毆毋毓毟毬毫毳毯淦涸淆淬淞淌淨淒淅淺淙淤淕淪淮渭湮渮渙湲湟渾渣湫渫湶湍渟湃渺湎渤濱濮濛瀉瀋濺瀑瀁瀏濾瀛瀚潴瀝瀘瀟瀰瀾瀲灑灣炙炒炯烱炬炸炳炮烟烋烝狎狒狢狠狡狹狷倏猗猊猜猖猝猴猯猩猥猾獎獏默獗獪獨獰獸獵獻獺珈玳珎畧畫畭畸當疆疇畴疊疉疂疔疚疝疥疣痂疳痃疵疽疸疼疱痍痊痒痙痣痞痾痿眄眩眤眞眥眦眛眷眸睇睚睨睫睛睥睿睾睹瞎瞋瞑瞠瞞瞰瞶瞹瞿瞼瞽瞻矇矍秬秡秣稈稍稘稙稠稟禀稱稻稾稷穃穗穉穡穢穩龝穰穹穽窈窗窕窘窖窩竈窰篝篩簑簔篦篥籠簀簇簓篳篷簗簍篶簣簧簪簟簷簫簽籌籃籔籏籀籐籘籟籤籖綫總綢綯緜綸綟綰緘緝緤緞緻緲緡縅縊縣縡縒縱縟縉縋縢繆繦縻縵縹繃縷羸譱翅翆翊翕翔翡翦翩翳翹飜耆耄耋耒耘耙耜耡耨耿耻聊聆聒聘聚聟聢聨臉臍臑臙臘臈臚臟臠臧臺臻臾舁舂舅與舊舍舐舖舩舫舸舳艀艙艘艝艚艟艤萓菫菎菽萃菘萋菁菷萇菠菲萍萢萠莽萸蔆菻葭萪萼蕚蒄葷葫蒭葮蒂葩葆萬蘋藾藺蘆蘢蘚蘰蘿虍乕虔號虧虱蚓蚣蚩蚪蚋蚌蚶蚯蛄蛆蚰蛉蠣蚫蛔蛞蛩蛬蠕蠢蠡蠱蠶蠹蠧蠻衄衂衒衙衞衢衫袁衾袞衵衽袵衲袂袗袒袮袙袢袍袤袰袿訐訌訛訝訥訶詁詛詒詆詈詼詭詬詢誅誂誄誨誡誑誥誦誚誣諄諍諂諚諫諳諧貔豼貘戝貭貪貽貲貳貮貶賈賁賤賣賚賽賺賻贄贅贊贇贏贍贐齎贓賍贔贖赧軅軈軋軛軣軼軻軫軾輊輅輕輒輙輓輜輟輛輌輦輳輻輹轅轂輾轌轉轆轎轗轜鄒鄙鄲鄰酊酖酘酣酥酩酳酲醋醉醂醢醫醯醪醵醴醺釀釁釉釋釐釖釟釡釛釼鐇鐐鐶鐫鐵鐡鐺鑁鑒鑄鑛鑠鑢鑞鑪鈩鑰鑵鑷鑽鑚鑼鑾钁鑿閂閇閊閔閖閘閙霎霑霏霖霙霤霪霰霹霽霾靄靆靈靂靉靜靠靤靦靨勒靫靱靹鞅靼鞁靺鞆鞋鞏饑饒饌饕馗馘馥馭馮馼駟駛駝駘駑駭駮駱駲駻駸騁騏騅駢騙騫騷驅驂驀驃鮴鯀鯊鮹鯆鯏鯑鯒鯣鯢鯤鯔鯡鰺鯲鯱鯰鰕鰔鰉鰓鰌鰆鰈鰒鰊鰄鰮鰛鰥鰤鰡鸚鸛鸞鹵鹹鹽麁麈麋麌麒麕麑麝麥麩麸麪麭靡黌黎黏黐黔黜點黝黠黥黨黯俥倚倨倔倪倥倅伜俶倡倩倬俾俯們倆偃假會偕偐偈做偖偬偸傀傚傅傴傲凰凵凾刄刋刔刎刧刪刮刳刹剏剄剋剌剞剔剪剴剩剳剿剽劍劔劒剱劈劑辨呀听吭吼吮吶吩吝呎咏呵咎呟呱呷呰咒呻咀呶咄咐咆哇咢咸咥咬哄哈咨噫噤嘯噬噪嚆嚀嚊嚠嚔嚏嚥嚮嚶嚴囂嚼囁囃囀囈囎囑囓囗囮囹圀囿圄圉壜壤壟壯壺壹壻壼壽夂夊夐夛梦夥夬夭夲夸夾竒奕奐奎奚奘奢奠奧奬奩它宦宸寃寇寉寔寐寤實寢寞寥寫寰寶寳尅將專對尓尠尢尨尸尹屁屆屎屓巫已巵帋帚帙帑帛帶帷幄幃幀幎幗幔幟幢幤幇幵并幺麼广庠廁廂廈廐廏怙怐怩怎怱怛怕怫怦怏怺恚恁恪恷恟恊恆恍恣恃恤恂恬恫恙悁悍惧悃悚憊憑憫憮懌懊應懷懈懃懆憺懋罹懍懦懣懶懺懴懿懽懼懾戀戈戉戍戌戔戛捩掾揩揀揆揣揉插揶揄搖搴搆搓搦搶攝搗搨搏摧摯摶摎攪撕撓撥撩撈撼昃旻杳昵昶昴昜晏晄晉晁晞晝晤晧晨晟晢晰暃暈暎暉暄暘暝曁暹曉暾暼梳栫桙档桷桿梟梏梭梔條梛梃檮梹桴梵梠梺椏梍桾椁棊椈棘椢椦棡椌棍槲槧樅榱樞槭樔槫樊樒櫁樣樓橄樌橲樶橸橇橢橙橦橈樸樢檐檍檠檄檢檣麾氈氓气氛氤氣汞汕汢汪沂沍沚沁沛汾汨汳沒沐泄泱泓沽泗泅泝沮沱沾滿渝游溂溪溘滉溷滓溽溯滄溲滔滕溏溥滂溟潁漑灌滬滸滾漿滲漱滯漲滌烙焉烽焜焙煥煕熈煦煢煌煖煬熏燻熄熕熨熬燗熹熾燒燉燔燎燠燬燧燵燼玻珀珥珮珞璢琅瑯琥珸琲琺瑕琿瑟瑙瑁瑜瑩瑰瑣瑪瑶瑾璋璞璧瓊瓏瓔珱痼瘁痰痺痲痳瘋瘍瘉瘟瘧瘠瘡瘢瘤瘴瘰瘻癇癈癆癜癘癡癢癨癩癪癧癬癰矗矚矜矣矮矼砌砒礦砠礪硅碎硴碆硼碚碌碣碵碪碯磑磆磋磔碾碼磅磊磬窶竅竄窿邃竇竊竍竏竕竓站竚竝竡竢竦竭竰笂笏笊笆笳笘笙笞笵笨笶筐籥籬籵粃粐粤粭粢粫粡粨粳粲粱粮粹粽糀糅糂糘糒糜糢鬻糯糲糴糶糺紆縲縺繧繝繖繞繙繚繹繪繩繼繻纃緕繽辮繿纈纉續纒纐纓纔纖纎纛纜缸缺聳聲聰聶聹聽聿肄肆肅肛肓肚肭冐肬胛胥胙胝胄胚胖脉胯胱脛脩脣脯腋艢艨艪艫舮艱艷艸艾芍芒芫芟芻芬苡苣苟苒苴苳苺莓范苻苹苞茆苜茉苙葯葹萵蓊葢蒹蒿蒟蓙蓍蒻蓚蓐蓁蓆蓖蒡蔡蓿蓴蔗蔘蔬蔟蔕蔔蓼蕀蕣蕘蕈蛟蛛蛯蜒蜆蜈蜀蜃蛻蜑蜉蜍蛹蜊蜴蜿蜷蜻蜥蜩蜚蝠蝟蝸蝌蝎蝴蝗蝨蝮蝙袱裃裄裔裘裙裝裹褂裼裴裨裲褄褌褊褓襃褞褥褪褫襁襄褻褶褸襌褝襠襞諤諱謔諠諢諷諞諛謌謇謚諡謖謐謗謠謳鞫謦謫謾謨譁譌譏譎證譖譛譚譫赭赱赳趁趙跂趾趺跏跚跖跌跛跋跪跫跟跣跼踈踉跿踝踞踐踟蹂踵踰踴蹊轢轣轤辜辟辣辭辯辷迚迥迢迪迯邇迴逅迹迺逑逕逡逍逞逖逋逧逶逵逹迸釵釶鈞釿鈔鈬鈕鈑鉞鉗鉅鉉鉤鉈銕鈿鉋鉐銜銖銓銛鉚鋏銹銷鋩錏鋺鍄錮閠閨閧閭閼閻閹閾闊濶闃闍闌闕闔闖關闡闥闢阡阨阮阯陂陌陏陋陷陜陞鞐鞜鞨鞦鞣鞳鞴韃韆韈韋韜韭齏韲竟韶韵頏頌頸頤頡頷頽顆顏顋顫顯顰騾驕驍驛驗驟驢驥驤驩驫驪骭骰骼髀髏髑髓體髞髟髢髣髦髯髫髮髴髱髷鰰鱇鰲鱆鰾鱚鱠鱧鱶鱸鳧鳬鳰鴉鴈鳫鴃鴆鴪鴦鶯鴣鴟鵄鴕鴒鵁鴿鴾鵆鵈黴黶黷黹黻黼黽鼇鼈皷鼕鼡鼬鼾齊齒齔齣齟齠齡齦齧齬齪齷齲齶龕龜龠

これで35MBだった!

そして基本となるフォントアセットのFontFallbackに片方のをセットする

f:id:bibinbaleo:20210112142828p:plain

これでできた!やったー

DynamicSDFSystem

ダイナミックに生成してくれるらしい。でも設定は生成したフォントアセットのGenerationSettingsをSynamicにする。

f:id:bibinbaleo:20210112143300p:plain

いまいち使い道が分からない。

よく使う文字を今まで通り事前生成して、そのアセットファイルの設定をDynamicにするのか?多分違う気がする

qiita.com

まあいいや。分割で用は済んだし!

 

最後に

TextMeshProめんどくさいな~みんなこんな作業しているのかな

ちなみにTextMeshにもともと入っているフォントはOpenSansというNotoSansと同じ仲間だけど英語しかない

 

あとModeruUIに適用するには、個別のTextMEshProにフォントを設定してもダメで、Tools>ModernUIPackの要素のフォントを置き換える必要がある。

f:id:bibinbaleo:20210112100241p:plain

これをしないと、上書きされる!!罠だ


スマホでの3D移動UI

スマホゲームでの3Dキャラの移動方法

左下の丸を動かす方式

画像検索したらだいたいこの方式

www.google.com

荒野行動/PBGMobile

初めてスマホで3D移動をしたのは、私は荒野行動だったと思う。もしくはPUBGMobile

確かにその時はなかなか慣れなかった。しかも素早く動くことが大事だから余計焦る

Clusterと同じく左下の円マークで移動。真ん中にある円を動かすと外に出るのが面白い。

f:id:bibinbaleo:20210105104949p:plain

初心者は知らない!荒野行動、腰撃ちの最強技!(二本指) | あらの趣味部屋

 荒野行動はボタンの配置を変更できるんだって!

xn--88j6euf4gsct400au65dhli4qv.com

PUBGMobile。同じような感じ。薄い

f:id:bibinbaleo:20210105105544p:plain

原神はもはや表示されてない。動かしたときのみ円弧が見える。

www.youtube.com

Cluster

左下の丸を上下左右に動かすと移動する

f:id:bibinbaleo:20210105103638p:plain

円を動かすと外側の円に張り付くように真ん中の白い円が移動する。シンプル

方向転換は何もないところをドラッグ

f:id:bibinbaleo:20210105104349p:plain

私は割とすぐ動かせた気がするけど、ママはうまく動けてなかった

 

ピンチ

ピンチインで前に進む!ピンチアウトで後ろに下がる。面白い

 

ジャンプはできなさそう

f:id:bibinbaleo:20210105105540p:plain

その他

引っ張る感じ?左右に動かしたらカメラも傾いて、上下の時は進んでいくだけ

qiita.com

www.youtube.com

Unityアセット

StandardAsset

StandardAssetsに入っている「MobileSingleStickControl」

f:id:bibinbaleo:20210105134503p:plain

操作性はよくないんだって

www.petitmonte.com

なぜか表示されない;;

f:id:bibinbaleo:20210105134457p:plain

Ultimate Joystick

おすすめされてたのはこちらの有料アセット「Ultimate Joystick」

assetstore.unity.com

良さそう!いろいろなデザインもある

f:id:bibinbaleo:20210105132412p:plain

Joystick Pack

無料のアセットもある

assetstore.unity.com

4種類入ってる

f:id:bibinbaleo:20210105135233p:plain

FixedJoyStickは普通。Clusterと同じ感じ

f:id:bibinbaleo:20210105135320p:plain

Dynamicはタッチしたら出てきて、いっぱい引っ張ったらその方向へUIごと動く。画面のドラックとかしない時なら使えそう。

f:id:bibinbaleo:20210105135112g:plain

FloatingJoyStickはタッチした場所でドラッグUI

f:id:bibinbaleo:20210105135632g:plain

Variableは設定でどれにでもなるって感じかな?

f:id:bibinbaleo:20210105135949p:plain

いずれも、X軸だけとかY軸だけとか細かく設定できて良き!

こちらで紹介されてた

goodlucknetlife.com

最後に

メモ

tama-lab.net

新unity-webxr-exportでWebVR再チャレンジ成功!

以前使ったMozilaのWebXRExporter

bibinbaleo.hatenablog.com

結局VRでうまく動かなかった。Unityのバージョン変えてもダメだった。

新unity-webxr-export

本家は開発ストップしていたらしい!そして別のリポジトリだと動くんだって~

こちら 

github.com

公式サンプルはここ。QuestでちゃんとVR動いた!

Unity WebGL Player | Unity WebXR Export

f:id:bibinbaleo:20201229141549p:plain

ものもつかめる。Quest2のコントローラーなのすごい

ドキュメントはここ。ビルド設定が書いてある

https://github.com/De-Panther/unity-webxr-export/blob/master/Documentation/Getting-Started.md

 

 

環境

今回はUnity2019.4.14のビルドインでやる。

MozilaのはURPじゃないといけないといううわさがあったが、今回のはURPでやってたらサンプルシーンがピンクになった

 

Unity Editor version
2019.4.7 and up.
2020.1 and up.

インポート

WebXR ExportWebXR Interactionsの二つのunitypackageがある。

UnityPackageManagerの+gitからurl入れてインポートできる

f:id:bibinbaleo:20201229125654p:plain

たぶん両方入れたほうが良い。カメラのプレハブがInteractionsのほうにしかなかった

https://github.com/De-Panther/unity-webxr-export.git?path=/Packages/webxr

https://github.com/De-Panther/unity-webxr-export.git?path=/Packages/webxr-interactions

 

Add押してからインポートが始まるまですごい時間かかる。しばらく何のリアクションもないけど、1分ぐらいしたらダウンロードが始まる。

エラーで入れれなかったときあったけど、Unity再起動したらいけた

f:id:bibinbaleo:20201229130503p:plain

 

詳しくはここに書いてある

unity-webxr-export/README.md at master · De-Panther/unity-webxr-export · GitHub

入れたものはAssets下じゃなくて、Packages下にあるよ

 

WebXR Exportを入れた後は、ProjectSettingsのXRPluginManagementでWebXRExportにチェックを入れる

f:id:bibinbaleo:20201229130507p:plain

あとWindow>WebXR>CopyWebGLTemplatesでWebGLテンプレートをインポート

f:id:bibinbaleo:20201229131112p:plain

サンプルとカメラ

InteractのほうはSampleSceneがImportできる

f:id:bibinbaleo:20201229130906p:plain

いつものシーン

f:id:bibinbaleo:20201229131313p:plain

ここで使われているWebXRCameraSetはPackagesの以下の場所か、

f:id:bibinbaleo:20201229131309p:plain

Samples以下にもある

f:id:bibinbaleo:20201229131612p:plain

このカメラを自分のシーンにも置く

ビルド

カメラ置いたらビルドする

インポートしたWebGLTemplateがある。2020はUnity2020の時に使うこと!!

f:id:bibinbaleo:20201229131819p:plain

Unity2019使ってるのに2020使ったら真っ白で何も表示されなかった

f:id:bibinbaleo:20201229141811p:plain

WebXRFullを選んでビルドしたら動いた!

f:id:bibinbaleo:20201229150820p:plain

GithubPagesでもちゃんと動いたよ

 

最初は激重だけど、だんだんスムーズになる気がする

公式サンプルでも最初は30fpsぐらいだけど、時間がたてば90fpsで普通に動いてたし

f:id:bibinbaleo:20201229151130p:plain

試してないけど右下のAR\VRでARにもなるのかな?

とにかくちゃんと動いて良かった!

(おまけ)エラー

無印Fullを選んでビルドしたらエラーが出て失敗した

f:id:bibinbaleo:20201229142505p:plain

Error: Cannot create FMOD::Sound instance for clip "Chirp Notification" (FMOD error: An error occured that wasn't supposed to. Contact support. )
UnityEngine.GUIUtility:ProcessEvent(Int32, IntPtr)

miya033.hatenablog.com

こちらの記事ではEditorで再生できないだけで、ビルドデータでは動くって書いてるけどビルド失敗して生成されてない

 

原因は自分で書いてたコードがNullとか゚エラー起こしているせいっぽかった👧

Warningで出てるとこをつぶしたら不通にビルドできた。

Zenjectのお勉強

こちらの本を買ったのでZenject勉強する

booth.pm

Interface

まずInterfaceを完全に理解しないといけない。

Interface使ったことないから、何度読んでも忘れてしまう

bibinbaleo.hatenablog.com

DIコンテナ

密結合を疎結合にしていっても、誰かは依存関係を知っている必要がある。

知っているクラスがDIコンテナ

DIコンテナを自分で作るのは大変らしい。

そこでZenject

Zenject

modesttree社のリポジトリが元

github.com

メインの人がmodesttree社を退職して、Zenjectをフォークして機能追加をしているのがExtenject

github.com

続き物だったんだ~

ちなみにExtenjectも配布しているunitypackage名はzenjectだった

f:id:bibinbaleo:20201225163944p:plain

ーー

Zenjectとは違うDIコンテナとしてVContainerというのを日本の方?が作っているみたい

hadashia.hatenablog.com

Zenject使ってみる

使ってみる。zenject(extenject)のv9.1.0を入れた。

f:id:bibinbaleo:20201225163904p:plain

Bind,Inject,Context

二つのC#をを作る。片方から片方を参照する

ZenjectBindingというコンポーネントをどこかにつけて、それに渡したいコンポーネントをセットする

f:id:bibinbaleo:20201225165923p:plain

DIコンテナに情報を登録することをBind

バインドしたオブジェクトを渡すことをInject

 

Injectしたいところに[Inject]と付ける(呼び出す側)

f:id:bibinbaleo:20201225170416p:plain

 

ヒエラルキーでZenject>SceneContextを作る。

f:id:bibinbaleo:20201225164641p:plain

コンテナを使ってInject を行うのがContext

SceneContextはContextの一種

f:id:bibinbaleo:20201225164847p:plain

 

 

これが一連の流れみたい!

f:id:bibinbaleo:20201225171832p:plain

ContextとInjectの図示の仕方がよくわからないが、まあいいや

Bind

今回BindはZenjectBindingというコンポーネントを使ったけど、スクリプトからもBindできる。

 ZenjectBindingが使えるのはMonobehaviorなクラスの時のみ。

Installer

スクリプトからBindするときはInstallerというクラスを定義して、その中に書く

Create>Zenject>MonoInstallerでC#ができる

f:id:bibinbaleo:20201228101012p:plain

こんな感じ

using UnityEngine;
using Zenject;

public class UntitledInstaller : MonoInstaller
{
    public override void InstallBindings()
    {
       
    }
}

 この中に

Container.Bind<XXXX>().AsCached();

と書いてBindする

 

そしてInstallerをどこかのオブジェクトに付けてSceneContextのMonoInstallerにそのオブジェクトをタッチ!!!

f:id:bibinbaleo:20201228105109p:plain

これでBindできた

 

Container.Bind<XXXX>().AsCached();

のAsCachedの部分は何種類かある。

mikimemo.hateblo.jp

AsSingledはXXXインスタンスが一つしか生成されないことを保証する=シングルトンらしい。シングルトン・・・

 

Container.Bind以下はいろいろ種類があるらしい。本にも全部乗せれないレベル!すごーい。とはいえよく使うのは載っているらしいので、辞書的な感じで使えそう?

公式のドキュメントはリポジトリのreadmeみたい。すごい長い

GitHub - modesttree/Zenject: Dependency Injection Framework for Unity3D

 

クラス名はIExampleだけど、実際にInjectするのはExampleの時?

Container.Bind<IExample>().To<Example>()

 

Inject

フィールドに直接つけてもいいし、メソッドに付けてもいい

    [Inject]
    private FooBehavior _fooBehavior;

メソッドのほうが推奨されている。

zenjectを使わないとなった時に、メソッドのほうだと変更が少なくて済む

f:id:bibinbaleo:20201228101141p:plain

 その他

・動的にBindする

・シーンをまたいだDI

パラメーターを渡すZenjectSceneLoader

 

プロジェクト全体のContextであるProjectContextを使う。

マルチシーンを使うときはParentContract

DecoratorContext

Unityで絵文字っぽいのをパーティクルで出す

 VRChatの絵文字機能みたいな感じで、絵文字をパーティクルで空間に飛ばしたい

bibinbaleo.hatenablog.com

絵文字画像用意

別にあのUnicodeのEmojiじゃなくていいんだけど、どうやって用意しようかな~🥺

ちなみにVirtualCastでUniCodeのEmojiをUnityで扱った記事があった。大変そう><

https://virtualcast.jp/blog/2019/10/emoji/

OpenEmoji

単色のアイコンならいろいろサイトはあるけど、カラフルなアイコンがあるサイトいまいち知らない・・・探せばいろいろあるだろうけど。

OpenEmojiというサイトがあった

openmoji.org

いろいろなEmojiがあって、

f:id:bibinbaleo:20201228133906p:plain

個別でsvgやpngでダウンロードできる。全部まとめてもできる。

f:id:bibinbaleo:20201228133911p:plain

カラフルだし良きー

全部誰かが作ってくれている。ぴえん🥺(PladingFace)はあんまりぴえん感がなかった

f:id:bibinbaleo:20201228151414p:plain

https://openmoji.org/library/#search=Pleading&emoji=1F97A

ライセンスはCC-BY-4。著作権表記が必要

All emojis designed by OpenMoji – the open-source emoji and icon project. License: CC BY-SA 4.0

 

 

とてもありがたいけど、表記必要なの忘れるとめんどくさいから、MaterialDesignでアイコンダウンロードして自分で色付けたほうが良いかな

Icons - Material Design

あっ、でも拍手とかかなさそう

パーティクル

久々にParticle使う

Create>Effect>ParticleSystem

f:id:bibinbaleo:20201228140601p:plain

Perticle用のマテリアルを作る。

ShaderはParticles>StandardUnlit。もしくはMobile>Particle>?でもいい

RenderingModeをCutoutなどにする。Albedoに画像入れる

f:id:bibinbaleo:20201228140610p:plain

これをPerticleにぽいってする。RendereのMaterialに入ってたらいい

f:id:bibinbaleo:20201228140808p:plain

これでできたー

f:id:bibinbaleo:20201228140613p:plain

あとはLooping外したり、数値をいろいろ減らした。

f:id:bibinbaleo:20201228140805p:plain

ボタン押したら出てくる

ボタン押したら作ったParticleが出てくるようにする。(下のがボタン)

f:id:bibinbaleo:20201228150415p:plain

方法はいろいろありそう

f:id:bibinbaleo:20201228144006p:plain

パーティクルをプレハブ化して、Instantiateする方法

パーティクルをプレハブ化してGameObjectとしてInstantiateする

    public GameObject particleObject;

    public void ShowParticle()
    {
        Instantiate(particleObjectthis.transform.positionQuaternion.identity);
    }

your-3d.com

パーティクルのEmit()を使う

ParticleSyetemでパーティクルのパラメーターをいじれる

    public ParticleSystem particleObject;

    public void ShowParticle()
    {
        particleObject.Emit(10);
    }

Emit(数字)でパーティクルが出る

この場合、パーティクルはPlayOnAwakeをオフにしてシーンにおいておく

f:id:bibinbaleo:20201228143832p:plain

で、スクリプトのInspectorにセット

f:id:bibinbaleo:20201228143920p:plain

こちらのほうがInstantiateするよりコストが安いって

オブジェクトの生成・破棄は結構負荷が高いです。また、ParticleSystemは結構多くのパラメータを持つオブジェクトであり、インスタンス化・破棄で結構多くのCPU・メモリを喰います。

その点、ParticleStstem.Emitでパーティクルを生成しまくる場合、ParticleSystemを量産するよりかなり安くパーティクル表現出来るっぽいです。

tsubakit1.hateblo.jp

 パーティクルシステムが1個だけの場合はそんなに変わらないかな?

gomafrontier.com

マテリアルだけ変える

今回ParticleSystemを複数用意したけど、一つのParticleSystemでマテリアルだけ変えてもよさそう。

スクリプトからRendereを変えるにはParticleRendererをGetComponentする

cdecrement.blog.fc2.com

こんな感じでできた。

    private ParticleSystemRenderer _Renderer;
    public ParticleSystem _ParticleSystem;
    private void Start()
    {
        _Renderer = _ParticleSystem.GetComponent<ParticleSystemRenderer>();
    }
    
    public void ShowParticle(Material material)
    {
        _Renderer.material=material;
        _ParticleSystem.Emit(10);
    }

f:id:bibinbaleo:20201229094739p:plain

Textureだけ変える

もっといえば、マテリアルも共通にしてTextureだけ変えてもよさそう

mslgt.hatenablog.com

    public ParticleSystem _ParticleSystem;
    public Material _TargetMaterial;

        public void ShowParticle(Texture2D texture)
    {
        _TargetMaterial.SetTexture("_MainTex"texture);
        _ParticleSystem.Emit(10);
    }

テクスチャ名はMaterial>歯車>EditのPropertiesで見れる

f:id:bibinbaleo:20201229100554p:plain

f:id:bibinbaleo:20201229100552p:plain

 

どれがいいんだろう

最後に

とりあえずできた

f:id:bibinbaleo:20201228150623g:plain

Release パーティクルで絵文字が飛ぶやつ · bibinba/Haihu · GitHub

 

本格的なパーティクルは昔本でやって以来。スクリプトで操作するのは初めてだと思う。いつも出しっぱなし
bibinbaleo.hatenablog.com

文字入り360度画像を作りたい

よく360度映像コンテンツの最初に、文字だけ出てくるのあるけど、ああいうのってどうやって作るんだろう?

Photoshopのパノラマレイヤーを使えば、パノラマビューができてそこに文字を置いていける!

vr360.work

XD

PhotoshopないからもうXDで普通に画像作ろう

f:id:bibinbaleo:20201228130704p:plain

後で書くけど2048*1024にしてみた

Unity

シェーダー

最終的にはこちらのシェーダーを使わせていただいた

qiita.com

内側から見ても反転しない~

f:id:bibinbaleo:20201228132223p:plain

この記事書いたときに見つけたやつね

bibinbaleo.hatenablog.com

 

最初、いつもみたいにSphereにSkyboxシェーダーを付けて、テクスチャをCubemapに変換する方式にしてた

f:id:bibinbaleo:20201228131424p:plain

f:id:bibinbaleo:20201228131813p:plain


でもなぜかSkyboxシェーダーだとなぜか画像が表示されなかったので、UniGlTF>UniUnlitでCullModeをOffにして表示させた。テクスチャは2Dのままでいい

f:id:bibinbaleo:20201228131720p:plain

でもこれだと内側から見たら反転してしまう。

f:id:bibinbaleo:20201228130946p:plain

 

2の累乗

テクスチャサイズを適当にしてたら、2の累乗じゃないとCubeにできないといわれた

Only Power of Two textures can be cubemaps.

f:id:bibinbaleo:20201228131328p:plain

Non power of 2 textures - Unity Forum

ここに2の累乗が載ってる

www.gaoshukai.com

512*256にしたらCubeにできた。

解像度

512*256だと解像度低すぎて、文字がぼやけている。

f:id:bibinbaleo:20201228130641p:plain

2048*1024にしたらいい感じになった

f:id:bibinbaleo:20201228130852p:plain

でも1MBもある

f:id:bibinbaleo:20201228130854p:plain

さいごに

昔イラストを書いたときの記事

bibinbaleo.hatenablog.com

VSCodeで正しいのに赤線エラーが出る【Unity】

なんかめっちゃ赤線が出る

f:id:bibinbaleo:20201228101151p:plain

でもUnityだと特にエラーは出てない。

この状況、以前VisualStudioでも遭遇したし、それ以降Twitterで同じ現象の人ちょこちょこ見かけるな

VisualStudioの時は、VisualStudioを更新したら治った

bibinbaleo.hatenablog.com

1.1.4に下げる

VSCodeだと「Unity の公式パッケージである Visual Studio Code Editor のバージョンをv1.2.2からv1.1.4に下げる」という手段で直った方がいる

zenn.dev

現状1.2.2だった。

1.2.3が出てたからアップグレードしてみたけどダメだった。

f:id:bibinbaleo:20201228110315p:plain

1.1.4がいいらしい

f:id:bibinbaleo:20201228110421p:plain

そしてVSCode再起動!

直った!!

f:id:bibinbaleo:20201228110514p:plain

UnityのAssembly Definitionのお勉強~

完全とは言わないまでも、少し理解しないといけなくなったのでお勉強

qiita.com

雰囲気で書いているのであってないと思います。↑の記事を見ましょう

引用マークを書いているところは、基本的に上の記事からです。

Assembly Definition

Unity公式の機能で「C#のビルドファイル(アセンブリ)を分割して出力する」んだって

docs.unity3d.com

Assembly Definitionを適用したモジュール(フォルダ的な?)は、定義したフォルダごとにコンパイルされたり分割される。

Assembly-CSharp

何もしてなかったらC#スクリプトは「Assembly-CSharp」に全部納められる

 

Assembly-CSharpって聞いたことある・・・と思ったら、逆コンパイルを試したときに出てきたやつだ

bibinbaleo.hatenablog.com

Monoビルドしたときのフォルダの中に入っているんだよね

f:id:bibinbaleo:20201225110258p:plain

これが分割されるのか~

メリット

分割されると何がうれしいのか。

ソースコードに修正があった場合、該当するアセンブリのみがコンパイルされます。
そのため全体でコンパイル時間が短くなります。

他にもnamespaceがかぶっててもAssembly Definitionが違ったらセーフだったり、プラットフォーム毎にコードを分けてくれたりするって

tsubakit1.hateblo.jp

所属確認

C#スクリプトがどこに所属しているかはInspectorで分かる

f:id:bibinbaleo:20201225111526p:plain



例えばuniVRMは定義してあるので、

f:id:bibinbaleo:20201225111421p:plain

VRMフォルダの中の適当なスクリプトを見たらVRMになってた。

f:id:bibinbaleo:20201225111737p:plain

定義する

Create>AssemblyDefinitionでasmfdefファイルというのが生成される

f:id:bibinbaleo:20201225105620p:plain

こんなのができる

f:id:bibinbaleo:20201225112021p:plain

このファイルがあるフォルダ以下のC#が一つのアセンブリのくくりになる

f:id:bibinbaleo:20201225112132p:plain

さっき作ったC#をこのフォルダに入れただけで所属が変わった!簡単!

f:id:bibinbaleo:20201225112018p:plain

依存関係

アセンブリ同士の依存関係を持つ場合…例えばコードから他のアセンブリに対してアクセスを行いたい場合、Referenceで対象のAssembly Definition Filesを選択すればOKです。

【Unity】Assembly Definition Filesという神機能 - テラシュールブログ

定義を分けたもの同士で依存関係を持つ場合はReferencesに設定しないといけない。

 VRMだとこんな感じ。

f:id:bibinbaleo:20201225114402p:plain

VRMフォルダの下に入っているUniJSONフォルダなどは、また別にasmdfが作ってあり、それをVRMが参照している

 

 

asmdfで定義していない=Assembly-CSharp.dllに含まれるやつからは、他のアセンブリが何もしなくても参照できる

逆にAssembly Definition Filesで隔離されていないクラス…つまりAssemblyCSharpに入っているクラスは、Assembly Definition Filesで隔離したクラスに直接アクセス可能です。

【Unity】Assembly Definition Filesという神機能 - テラシュールブログ

でも逆に、定義した側から定義してない側は参照できない 

f:id:bibinbaleo:20201225114627p:plain

Packagesフォルダ

Assets下じゃなくてPackages下に外部アセットがフォルダごと入ることもある。

f:id:bibinbaleo:20201225115345p:plain

 その場合、Packages内のフォルダの中のスクリプトを参照するにはasmdfファイルがPackages内のフォルダにある必要があるっぽい

TextMeshの中身などを見たらちゃんとあった。

f:id:bibinbaleo:20201225115609p:plain

ーーー

もともとAssets下にあったuniVRMアセットをPackagesに移したら、シーン内で使っているVRM関連のスクリプトが「the associated script can not be loaded」ってなって使えなくなったの

f:id:bibinbaleo:20201225120206p:plain

原因はasmdfファイルがないことだった。

uniVRMにasmdefが同梱されたのはv0.56からなんだけど、v0.55を使ってた><

asmdef を本体の unitypackage へ同梱 · Issue #391 · vrm-c/UniVRM · GitHub

 

Packages以下はAssets以下とは別アセンブリなのかな~

 

WebGLビルドに出る下のロゴを非表示にする

UnityでWebGLビルドしたものを、そのままGithubPagesとかに置くと出てくる下のマーク

f:id:bibinbaleo:20201221154600p:plain

これ

f:id:bibinbaleo:20201217102233p:plain

これを非表示にするには、ビルドするときのテンプレートをMinimalにすればいい!

f:id:bibinbaleo:20201221211653p:plain

知らなかった~。

ビルドしたらできた

f:id:bibinbaleo:20201221214247p:plain

若干寂しい。

なんかビルドデータにあった。

f:id:bibinbaleo:20201221211649p:plain

 

他にも自分でテンプレート作れるみたい。

docs.unity3d.com

 

 Mininalにした・・・けど、コンテンツが表示されなくなっちゃった。

bibinba.github.io

Macで初めてWebGLビルドしたんだけど、なんかzipファイルっぽいのに圧縮されてるしどうなってるんだ〜

f:id:bibinbaleo:20201221220141p:plain

Build&Runした後のローカルでは立ち上がるのに。

DlibFaceLandmarkDetectorで顔認識【Unity】

DlibFaceLandmarkDetector

40ドル

assetstore.unity.com

顔のパーツを機械学習で検出してくれる。OpenCVよりも精度がいいって

qiita.com

 

基本OpenCV for Unityと一緒に使うといろいろできる(95ドル)

写真の人物の顔のパーツを変形したり、二人の人物の顔を交換するなどの高度な写真加工アプリ等の作成が可能になる

UnityでDlibFaceLandmarkDetectorを利用した顔器官検出アプリ事始め - Qiita

assetstore.unity.com

 

VRMモデルを動かすにはこちらのアセットも一緒に使うと良い?

assetstore.unity.com

qiita.com

上のアセット、特にエラーなく動いた。

サンプル動かす

Readme.pdfにセットアップ方法が書いてある

f:id:bibinbaleo:20201215133543p:plain

Tools>SetPluginImportSettingsをする

f:id:bibinbaleo:20201215114720p:plain

DlibFaceLandmarkDetectorフォルダの下にあったStreamingAssetsAssets直下に置く

f:id:bibinbaleo:20201215133620p:plain

そしてExample下に置いてあるサンプルシーンをBuildSettingsに置く

f:id:bibinbaleo:20201215142801p:plain

その状態でDlibFaceLandmarkDetectorExampleを起動する

f:id:bibinbaleo:20201215142808p:plain

OpenCVなしで動くサンプルが4つ(さっきBuildSettingsに入れたやつ)

f:id:bibinbaleo:20201215130658p:plain

猫や人間の写真でパーツを把握

f:id:bibinbaleo:20201215130651p:plain

WebCameraから自分の顔も認識してくれた

最後に

そのままのデータだとピクプクするから、フィルターをかけた方が良さそう。

VMagicMirrorもDlibを使っているらしいけど、滑らかに少し遅れて顔が動くのでフィルター使ってそう。