トマシープが学ぶ

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

UI

Haptics Studioを使って振動をUnityに取り込む【Meta】

HapticsStudioというのがあるらしい Meta Questのコントローラーの振動を自由にデザインできるHaptic studio少し触ってみた。Unity側でリアルタイムに振動パターンを制御できないかわりに事前に設計した振動パターンを再生できる。サンプルに音との組み合わ…

Figma→UnityのToolを試す【UnityFigmaBridge】

ここで紹介されているUnityFigmaBridgeを試す zenn.dev Unity Figma Bridge ver1.0.8 Unity 2022.3.7 初期設定 Figma側 Unity側 いろいろ設定 Unity側 Figma側 プロトタイプ機能 text ボタン InputField safearea 同期後の修正の反映 スクロール マルチ解像…

既読を表すUI

リストなどになっている、複数のコンテンツのうち、すでに見たコンテンツが分かるUIを表現するにはどうしたらいいか 太字・背景色 マーク 太字・背景色 メールだと未読は太字。また既読は背景が濃くなる RSSリーダーでも薄くなって背景色も変わっている マー…

WWDC23で流れたSpatial Conputing関連の動画メモ

WWDC23で流れたSpatial Conputing関連の動画を見あさる カテゴリ別 https://developer.apple.com/videos/wwdc2023/?q=Spatial 時間順 developer.apple.com 動画多すぎてどれを優先的に見たらいいかわからん・・・ www.moguravr.com メモは間違っている可能性…

Mplus1には♪マークがない。Mplus1pにはある

UnityでMPlus1フォントをTextMeshProのアセットに変換して使っていたが、♪マークがない! Custom CharacterListにはちゃんと入れてるのに 生成時にも確かにExcluded charactersにいっぱい数があるのでもともとのフォントの中に入っていないようだ Windowsだ…

Apple Vision Pro UI Kitちょっと触った

VR UI

おお〜!! おお、これ使えば、SwiftじゃなくてもUnityでVision OSのガイドラインにのっとったアプリ開発ができそうしかも実機がなくてもQuestやPicoを用いて開発ができる https://t.co/8E9OVZCF0T — Masahiro Yamaguchi @STYLY (@from2001vr) 2023年9月13日…

CEDEC2023セッションメモ58

去年 bibinbaleo.hatenablog.com ※個人用のメモです。間違っている場合があります 記事 デザイン エンジニアとクリエイターで作る!モバイルゲーム開発における理想的なUIアニメーション開発フロー プリ IP作品のUI FF14 エンジニアリング INSPIX WORLD 低ス…

バッチのデザイン

UI

iPhone Slack Slackの自分のアイコンにある丸はバッチじゃなくてアクティブか離席中かのマーク はてなぶろぐ Appleのメッセージ。未読のものに青い丸がついてる サマリーポケットは右側 PayPay 通知がLINEみたいなDM形式だから送り主ごとに未読の数が表示さ…

UGCを入れるテキストエリアUIの悩み

UI

悩み 改善案(入力側) 改行をさせない 改行を含む文字数をカウントできる何かを作る 改善案(表示UI側) スクロール もっとみる 別画面で全文見せる 悩み 改行なしで200文字までなら入るテキストフィールドを用意するとする。 ユーザーが作った任意の文章を…

Layout Groupを使ったプレハブがプレハブを開くたびに崩れる【Unity】

LayoutGroupを使って作ったUIのTextが、プレハブの画面でCtrl+Sを押すたびに位置が変わる;; 実行したときも最初は崩れてるけど、Gameviewのサイズを変えたらちゃんとなる・・・ Editor城だけの問題かと思ったが、Androidビルドしてもくずれて表示される …

TextMeshProで裏側からは描画しない設定

TextMeshProって裏側からも描画される。メタバース空間でWorld CanvasでTextMeshProを使っていると、裏返しになった文字が見えてダサい。 裏からは見えないようにしたい。 TextMeshProコンポーネントのマテリアルのCullModeをBackすると裏からは表示されなく…

【Unity】Buttonに2つ以上のTargetGraphic指定【uGUI】

問題 Buttonスクリプト置き換え UnityAsset 他 問題 こういうボタンがあったとして、押したときやハイライトした時にラベルとアイコン両方の色を変えたい。 デフォルトだとTargetGraphicでは一つしか選べない テキストの色を変えたいときは、TargetGraphicに…

MapUI

UI

マップでのピンの表現 まとまるタイプ 重なりっぱなし まとまるタイプ 重ならないように近くにあるものはまとまって数字がつくタイプ PayPay 重なりっぱなし 大きさに差がある。下にバナー 下にバナー。店の種類によってアイコンが違う たべろぐ 下にバナー …

画像を設定していないときに表示されるデフォルトの画像集

UI

画像を設定していないときに表示されるデフォルトの画像はどんなものがあるか調査! CHARGE SPOT。薄いグレー+ロゴ NewsDigest 都会の画像+グラデーション+ロゴ 過去の胃炎と画像詰め合わせ+薄い青+ロゴ はてなブログ。グレーの菱形模様+ロゴ Peatix …

マルチ解像度で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…

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

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

スマホ縦でのジョイスティックの位置と右手左手どっちで持つか問題

昔も少し調べたけど、スマホで移動する時に使うこの丸いやつのデザインというか位置 bibinbaleo.hatenablog.com 縦画面ジョイスティック 刃牙VR(Door共通っぽい) 左下 メタパ 左下 zepeto 左下 Rev World 右下。矢印付き ちなみにClusterは横だけど左下。横…

無限スクロール城【Unity】

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

アバター選択画面UI

Metapa アプリを起動した後、名前を決めた後、アバター選択。その後ワールド選択 設定から変更する時 Cluster。ワールドに入る前に選択画面が出る。ワールド毎に別のアバターを選べる 伊勢丹VR。設定からアバター zepeto。アプリで一つ? rec room。部屋の鏡…

UIデザインクイズ

UI

こちらのツイートで紹介されてたゲームやってみた ゲームでデザインを学べる無料サイトまとめ pic.twitter.com/j1NfnRsniB — デザイン研究所 (デザ研) (@designkenkyujo) 2022年3月13日 UI間違い探し 色当て サイズ当て カーニング UI間違い探し cantunsee.s…

6桁のコードで入室UI

VR UI

プライベートなルームに6桁のコードで入室するUIはよくある。まとめる。 バーチャルTGC bigscreen BratSaber rec room Zepeto Hatjitsu Slido 最後に バーチャルTGC 参加 会場に入る前の画面で友達を探す IDを入れる 見つからなかったとき グループ作成 bigs…

ロビーやイベント選択画面

UI

bigscreen ホームにメニュー画面があってそこからロビーに行く ロビーにはみんないるし、そこから2個ぐらいの部屋に行けた Cluster Clusterもワールド&イベント選択はUI。トップにロビーへのボタンがある。 ロビーも存在する 人気のワールドに行ける ちなみ…

バーチャル空間内でのパネル

なぜ人は空間にパネルを置くのか 企業のバーチャル展示会は大体パネルを置いている。 改めて調査 Synamn XRKaigiの時のめちゃバース。 ZEPETO パネルっていうかランキングだけど サーティーワンのCMが流れていたパネル。ふちがあって光ってる Award会場の大…

カイゼンの本のメモ

これ読んだ!すごくよかった!! UIデザイン みんなで考え、カイゼンする。 作者:栄前田 勝太郎,河西 紀明,西田 陽子 エムディエヌコーポレーション(MdN) Amazon 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 なかったもの VirtualTGC 右上にカメラがある。(…

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

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

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

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