トマシープが学ぶ

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

UI

UdemyのFigma&UIデザイン講座メモ

こちらの講座を受けたのでメモ www.udemy.com Figmaについて知りたいわけではなく、UIの勉強がしたくて受けたけど、そういう観点だと微妙かも。 Figma目当ての人にはとても良い! AppStoreを真似するというものだった。 内容はこのサイトに全部載っている we…

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

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

アプリ内撮影機能&SNSシェアUI

アプリ内の様子を画像付きでSNSでシェアできるものまとめ VirtualTGC XR CLOUD ZEPETO XR WORLD αU Reality ピクミンブルーム Alto's Odyssey: The Lost City Cluster ユージェネ 伊勢丹VR Virtual Fighter Rec room 2024/3/21追加 なかったもの VirtualTGC …

読み込み中のUIプレースホルダー【スケルトンスクリーン】

コンテンツを読み込み中の時、真っ白な画面を出すのではなくコンテンツがまだ提供されていないことを示すために、プレースホルダを出すと良いってAppleのガイドラインに書いているらしい。 追記 スケルトンスクリーンという呼び方があるらしい qiita.com こ…

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…

外部サイトへのジャンプ注意UI

最近、別のサイトにジャンプする時に注意のダイアログが一旦入ることが多い。 邪魔だよね〜 まとめてみる GoogleMap Discord ? 最後に GoogleMap GoogleMapのブラウザでお店のURLを押したら、別タブで確認のページが表示されるようになった 特におしゃれさ…

使い方画像

zepeto バーチャルTGC DOOR 空間の中に説明オブジェクトを置くスタイルすごくいい。 Clusterの原宿ワールド イヤホン必須になってた チュートリアルワールドの画像も変わってた docomoのアプリはチュートリアルがあった 背景が難しいんだよね~無地の背景に…

メニュー・設定画面UI

ウマ娘 Widar tiktok radiko Nitendo Online Amazon Lightroom Navitime Yahoo乗換案内 Googleフォト Rev World バーチャルTGC Inspix World zepeto Mozila Hub Cluster Neoket VRchat VirtualCast ウマ娘 右上のメニューから オプション Widar tiktok プロ…

テキストのURL部分をクリックできるようになるuGUI-Hypertext使ってみた【Unity】

uGUI-Hypertext Unityでテキストの選択 uGUI-Hypertext UnityのテキストがURLだった時にクリックできるようになるもの。(ブラウザで開く挙動は入ってない) github.com ここからunitypackageダウンロード Releases · setchi/uGUI-Hypertext · GitHub こちら…

LayoutElementsの子の中でサイズ変えるときはContentSizeFitterではなくLayoutGroup【uGUI】

テキストチャットみたいなリストを作った bibinbaleo.hatenablog.com そのリストに入るチャットの中メッセージ量によって、そのチャットオブジェクトのサイズを変えようとContentSizeFitterを使ったら怒られた LayoutGroupのControlChildSize LayoutGroupのC…

iPhoneのセーフエリアに対応する

リジェクトされる? Unityで確認 対応 全画面 参考 リジェクトされる? iPhoneXシリーズからホームボタンがなくなった&上にノッチができた。 画面内のホームバーと、ノッチのへこんでいない部分にはUIを置いたらダメなんだって;; セーフエリアと呼ばれる…

ネットワークエラーのUI

WiFi切れた時に出るエラーのUXライティング探し〜 事例 参考 MaterialDesign 事例 GoogleMap。こんなの初めて見た。Googleってこんなテイストだったっけ? ピクミンブルーム zepeto バーチャルTGC かわいい Steam ウマ娘「通信中にエラーが発生しました」 (…

しゃべってるよ表現UI

ゲームとかVRSNSとかでしゃべってるときに、誰がしゃべっているのかをどう表現しているのか。 VRchat Neoket RecRoom AltspaceVR Cluster その他 VRchat ネームプレートの枠が青く光る why I stopped uploading vrchat fullbody.. - YouTube より引用 おしゃ…

退出ボタンUIまとめ

退出のUI MozilaHubは右下 Clusuterは右上 NEOKETは左上。変わったアイコンだ。 文字でExitって書いている奴もある。Altspaceは左下の赤いボタン FallGuys 設定画面にある。 方向 ちゃんと画面端の方向を矢印が示している。 左上に右矢印の退出アイコンを使…

Modern UI Packよかった【Unity】

Modern UI Pack 一覧 使い方 注意点 TextMeshPro 黒背景用 一気に色などを変える 個別に変える スクリプトから反映 ProgressBar DropDown Modern UI Pack かっこいいUIパーツが入ったパック 定価20ドルだけど、なぜか90%オフで2ドルで買えた。 購入後に見て…

トップページ+利用規約同意+ロード画面まとめ

PC スマホゲーム PC NEOKET 同じ会社のスマホ版 利用規約 Cluster アバター選択を閉じたらこんな感じ。意外と質素 VirtualCast Steamでアップデートするときにも利用規約出た。 Altspace 利用規約 ローディング Steamでインストールするときにも出るよね Fal…

Unityの自動スクロール

ScrollViewの下にコンテンツがたまっていったときに、一番下にスクロールして最新のコンテンツが見えるようにしてほしい。LINEみたいな感じ Scrollbar scrollRect.verticalNormalizedPosition コルーチン使う Scrollbar 観察してたらScrollbarのValueの0~1で…

コメント・チャットUI

XR Cloud hubs XR World Spatial Cluster メタパ zepeto TGCVR 月面劇場 VirtualCinema Slack zoom Teams GoogleMeet Hubs アイコン XR Cloud 左上にある。×を押したらチャットマーク hubs チャット専用画面に行く XR World 右下のペンマークから 入力欄がで…

スマホでの3D移動UI

スマホゲームでの3Dキャラの移動方法 左下の丸を動かす方式 荒野行動/PBGMobile Cluster ピンチ その他 Unityアセット StandardAsset Ultimate Joystick Joystick Pack 最後に 左下の丸を動かす方式 画像検索したらだいたいこの方式 www.google.com 荒野行動…

リアクション/モーションUIまとめ

zoomなどのテレビ会議ほか、ClusterやVRchatなどにもあるエモーションのUIとか種類とか出方をまとめる。 数を数えた https://docs.google.com/spreadsheets/d/10eCwwDUDiGDwxMDberNdzNewuY-Udn-JusccAB_yO1k/edit?usp=sharing αU メタパ XR Cloud XR World S…

DoozyUI使ってみる【Unity】

DoozyUI 参考 インストール サンプル スライド見ながら作る データベース UI作成&設定 UICanvas UIView アニメーション設定 UIButton Sound ノード管理 GraphControllerをシーンに置く 完成 画面タップでUI出す UIDrawer UIPopup (おまけ)UnityのUIBuilde…

Web通話システムのUIスクショまとめ

音量ゲージのUIは以前まとめた bibinbaleo.hatenablog.com zoom FaceTime GoogleMeet Slack Hubs Cluster discord zoom 左端にマイク・カメラミュート切り替え。右端に退出 参加者一覧 FaceTime GoogleMeet 下にマイク、通話終了、カメラ。右上に参加者 ちな…

独身セールで70%オフでアセット買った【RayFire for Unity・DoozyUI 】

今日の夜中1時までの独身セール。 assetstore.unity.com 対象商品をカートに入れて割引コードを入れる方式。 SINGLESDAY70OFF コードを入れたら元々持っているバウチャーは支払いに使えないみたいで、クレカで買った。 3つアセット買ったので紹介だけする(…

360度動画ビューワーアプリのUIまとめ

Youtube 360channel VRSQUARE ハコスコ Blinky XRStadium 最後に Youtube www.youtube.com いつものUI+左上にクリックでビュー操作できるものがある。 https://www.youtube.com/watch?v=R4NBnu1-wcA&feature=emb_titleより アプリだとVRモードにするボタン…

Unityパフォーマンス改善

VRのUnityプロジェクトが激重になったので、どうにかしたい。 プロファイラは見た。 bibinbaleo.hatenablog.com 次はパフォーマンス改善。最適化ともいうのかな? いろいろツールやアプローチ方法はありそう。 初心者なので間違ってるところも多いと思います…

VR空間内のエラー表示UIまとめ

UI VR

そういえばVR内でのエラー表示見たことないなと思っていくつかのVRソフトでWifiを切って試してみた。 Cluster VRChat VirtualCast RecRoom 最後に Cluster Wifiを切って1分後ぐらいにUIが出てきた キャンセルを押すとVR内の描画は止まってガビガビになる。 …

CEDEC2020の聞いたセッションメモ50

タイムシフトで見たり記事読んだセッションメモ。 記事になっているものは記事を貼ったので、CEDECのパスを買っていない人にも参考になると思う。 くくりは私の雑な括りです。 CEDiLで発表スライドのpdfはみれます cedil.cesa.or.jp 各社のCEDEC2020記事リン…