トマシープが学ぶ

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

Unity

マルチ解像度で2つ並んだテキストをいい感じに表示したい【uGUI】

パターン① パターン2 パターン① 赤と黒みたいに、横に並んだテキストUIがあるとする これをマルチ解像度(特に細長いスマホ)でもテキストが切れないようにいい感じに表示したい。 stretch-mediumにしたら こんな感じになる;; LayoutGroupを使ってこういう…

CEDEC2022セッションメモ52

去年 bibinbaleo.hatenablog.com 他社記事など ファミ通 www.famitsu.com 4Gamer www.4gamer.net Game Watch game.watch.impress.co.jp CEDECのチャンネルに動画ある。タイムテーブルの右端のセッションかな? www.youtube.com Unityの講演もYoutubeにある w…

FigmaでもUnityでも使えるUIKitないかな~

世の中にUIKitはいっぱいあるけど、Unityのプレハブも用意されてるUIKitがあれば実装がすっごく楽だな~ ないかな^^ FigmaもUnityも MRTK Converter ない Figmaだけ ★Nucleus UI Ticketapp Template Material Design 日本向けアプリ Social Food App Deca …

【Unity】実機で文字が消える件【TextMeshProのバグ】

実機でTextMeshProで作ったuGUIのTextの一部が表示されないことがあった。 毎回ではなく、特定のシーンに入って出た後から一部のTextが表示されない。 NotosansのBoldとRegularを使っているけど、Boldのひらがなのみ消える。 ひらがなだけ消えるのは、fallba…

ARCore Geospatial APIためす【失敗編】

スキャンなしで周りの景色の情報をもとにARコンテンツ表示ができるAPIがARCoreに含まれたらしい!VPS! www.moguravr.com GoogleMapアプリのAR道案内で使われているのと同じ この記事は2週間ぐらい前に書きましたが、結局ビルドかAPIかがうまく行ってなくて…

チキチキバンバン踊ってみたをLookingGlassPortraitで表示

パリピ孔明がオープニングの踊ってみたデータを配布してくれている!!しかもUnity想定!!すごい!!! paripikoumei.booth.pm 自分が見ているアニメでこんなサービス初めてだから感動しちゃった;; なので踊らせてLookingGlassPortraitで表示した〜 www.y…

XDとUnityで透明度が違うときの変換

XDとUnityで透明度が違う 理由 TransparencyConverter 白黒の時の一覧表 画像書き出しの場合 XDとUnityで透明度が違う XDで作ったデザインをUnityに反映する作業をしているのだが、XDで設定されていた透明度をUnityのImageに適用したら全然見た目が違った! …

無限スクロール城【Unity】

無限というかループというか要素が輪っかのようになっているスクロールを作りたいqiita.com github.com FancyScrollView こちらを使ってみる github.com manifest.jsonに書いた後、PackageManagerからDemoをインストールした "dependencies": { "jp.setchi.f…

色を一括変更できるアセット【Unity】

UnityのImageやTextに使う色を「Gray1」「Blue」みたいに指定して、スクリプトで管理しておいて、あとから一括で色を変えれるようにしたい。 昔読んだこちらの記事に書いてあったなーと思って、スクリプトを参考にして作ろうとしたけど私のC#力がゴミ過ぎて…

Scratch Cardアセット【UnityAssetStore】

セールしてた時に気の迷いで買ったスクラッチが作れるアセット デモシーン。3種類の傷跡が選べる 新しいシーン位追加するにはCreate>2D Objecr>Scratch Card この状態だと背景の画像はないので自分でヒエラルキーにスプライトを置く こんな感じ でーん 上の…

【Unity】指定したデフォルト解像度がビルドに反映されない!

お悩み ProjectSettingsでStandaloneのWIndowedの時のデフォルトサイズを設定できるのに、これがビルドしたものに反映されない。前回のログなのかよく分からないサイズになる 解決 この記事でも同じこと書かれてた! Default Screen WidthとDefault Screen H…

フェードの演出【Unity】

昔やったこれ bibinbaleo.hatenablog.com これをUnity2020のURPでするには? Fill Amount 凝った動きはできないが、uGUIのFill Amountを使えば用意した画像を下から表示するとか時計のようにぐるりと表示するとかはできる www.midnightunity.net トランジシ…

SVGからBlenderで厚みづけしてUnityに読み込む

厚みのついたパネルをUnity内におきたい Blenderで厚みづけした Blenderで厚み付け 厚み付け 整理 側面のメッシュを分割する Unity 最後に Blenderで厚み付け 以下の記事を参考にやりました zootoeigo.com ベクター画像を3D化(立体化)してモデリング【Ble…

Pro Builderを久しぶりに使う

4年ぶりにProBuilderを使う unity.com 昔使ったのはまだUnityに組み込まれる前 bibinbaleo.hatenablog.com こんなのを作った 今回はUnity2020でやる インストール 使う インストール package managerで検索したらBasicと2.xの二つが出た。 どうやらこれはUni…

縦でも横でも対応できるUnityのスマホUI設計【Unity】

ワールドを移動する系のアプリにフォーカス 他アプリの縦・横画面 縦と横のメリデリ Unity Canvas Scaler 姿勢検知で数値変更 回転禁止 UI 最後に 他アプリの縦・横画面 私が見たことあるのはZEPETOとRev Worldぐらいかな Rev Worldは対応しているっていうか…

Unity1Week「正」に参加しました

久しぶりに参加する。 bibinbaleo.hatenablog.com 今回は「正」 今年最後のUnity 1週間ゲームジャム始まりました!今回のお題は「正」です! https://t.co/2uhr9rdqDr初心者大歓迎なゆるいイベントなのでどなたでも気軽にご参加ください。それではゲーム作り…

Unity Editorの進化とか小ネタを実践する【Unity2021.2】

UnityEditorも日々進化を続けている。 Unity2021.2で知らないこと試す〜 Unity 2021.1 ベータ版公開、フィードバック募集中です | Unity Blog Unity 2021.2 beta is available for feedback | Unity Blog #UniTips15sも試す! 新しく作成したGameObjectの座…

SkyboxとSphereで360度映像を流す方法【Unity2020.3】

以前のが古いので書いた bibinbaleo.hatenablog.com bibinbaleo.hatenablog.com Skybox Render Texture作成 VideoPlayer Skybox用マテリアル Skybox設定 完成 Sphereに流す RenderTexture作成~VideoPlayer設定 シェーダー用意 マテリアル作成 Sphere 完成 S…

【Unity】XD⇨UnityへのUI反映のための手探りフローメモ

この記事は以下のアドベントカレンダー2の記事です。 qiita.com 「エンジニアリングに興味があるデザイナーやデザインに興味があるエンジニアが知見や想いを書き綴っていくカレンダーです」とのことだったのですが、デザインとエンジニアリングに両方関係し…

【Unity】SNSシェア機能を実装できるアセット【NatShare】

いくつかあるみたいなので使ってみる。 UI参考はこちら bibinbaleo.hatenablog.com 環境:Unity2020.3.20 NatShare 準備 基礎 テキスト追加 各SNSでの表示 social-connector 最後に NatShare 無料のアセット! assetstore.unity.com リポジトリもある github…

2重スクロール反応しない【uGUI】

画面の中で横スクロールできるうえに、その中のコンテンツも個別で縦スクロールできるようにした。 そしたら青いところを左右にドラッグしても反映しない。 そういうものなのかな~

Rect2DMaskのソフトシャドウ【uGUI】

ソフトマスクを調べてた時にちょうどこちらの記事が出てきた shibuya24.info RectMask2Dだとソフトにできるらしい。 これでスクロールビューの下の部分をボヤーっと出来たらいい感じになりそう!と思って試した。 結果的にImageとかtextはできたけど、TextMe…

uGUIのボタンにソフトシャドウを付けたい

uGUIの機能で付けられるShadowはくっきりしている。 もやもやっとしたのを付けたい 方法1:影画像を背景に置く 方法2:ボタン画像に初めから影を付けておく 方法2:アセット 最後に 方法1:影画像を背景に置く もやもやとした画像をXDとかで作って、ボタ…

UnityのuGUIで逆マスクとモワモワMask

UnMask もわもわMask UnMask 大きい画像の中の一部を切り抜く逆マスクは既存のuGUIのマスク機能じゃできないらしい。 以下のアセットを使えば逆マスクができる github.com kan-kikuchi.hatenablog.com OpenUPMでもPackagManagerのgitでも入れられる。ちゃん…

iOSのスクロールーバーのデザインとuGUI

iOSのスクロールバーのデザイン Appleが配布しているXDのガイドライン?みたいなのには載ってなかった safariだとこんな感じ。 半透明で、背景の色の明度?によって白と黒と変わるっぽい。どうやって判定してるんだろう? 設定アプリでも表示される uGUI uGU…

GooglePlayConsoleへのadbファイルのアップロード時のエラー【Unity】

内部テストするためにabbファイルをGooglePlayConsoleをあげたときに出たエラーなど Androidのabbビルドが150MB超えた 解決方法 APIレベル 解決方法 完全にブロック 解決方法 その他 最後に Androidのabbビルドが150MB超えた develop.hateblo.jp unagirabbit…

Build Reportと軽量化【Unity】

Androidのapkが200MBぐらいになってGooglePlayStoreにアップできない>< 軽量化してみる そのために何が容量を食っているか見る Build Report Inspector qiita.com Unityの公式アセット。 Build Report InspectorはPackageMangerの検索から出ないので、git …

VRMをVRChat用に変換してアップ 【Unity2019/VRCSDK2】

// 追加するmetaタグの作成 var newMeta = document.createElement("meta"); newMeta.setAttribute("name","robots"); newMeta.setAttribute("content","noindex"); // 作成したmetaタグをhead要素内末尾に追加 document.getElementsByTagName("head")[0].ap…

TextMeshProの英語フォントとかウエイトとか

Version3.0.6 英語フォント 設定項目の説明 Weights 英語フォント 前回日本語フォントのNotoSansJPは変換した。今回は英語フォントを変換したい。 bibinbaleo.hatenablog.com 使うのはRobotフォント。数字だけ使えればいい https://fonts.google.com/specime…

【Unity】VirtualCameraとFace Capture【繋がらない::

新しい機能が来たって Unityの映像制作(Cinematic) コンパニオンアプリ 2種が正式リリース。Unity Virtual CameraUnity Face CaptureどちらもiOSアプリで、Unityエディタ側はWin10とMacで可能。詳細→ https://t.co/XR6otyOAT2 https://t.co/3bIQexy6oP — tam…