UI
最前面に表示するUnlitシェーダー WorldSpaceのCanvasを最前面に表示する 最前面に表示するUnlitシェーダー VRのUI的なものにUnlit/Textureを適用したQuadを使うことはよくあると思いますが、これを常に最前面に表示したい。オブジェクトに隠れて見えなくな…
そろそろ気にしたほうがいいお年頃ですかね・・・ 今までまったく気にしてなかったけど、UnityのUIをメインに仕事で触る身としてはそろそろ気にしたほうが良さそう （間違っている箇所あると思います） 参考 Profiler-UIについて バッチングの途切れ バッチ…
こちらの本をやっていく www.borndigital.co.jp Unity2019.4.5f1使用 エディタ PackageManager オブジェクト操作 UI操作（RectTransform） おまけ）UIScaling レイアウト uGUI 9スライス FillCenter 画像サイズ AspectRatioFitter Outline2重付け グラデーシ…
音量ゲージにも何種類あって、 ・自分のマイクの音量を示すもの ・相手の出力音量を示すもの ・出力音量を変更するスライダー など それぞれの種類を見ていきたい。 自分のマイク音量 相手の出力音量 出力音量を変更するスライダー 最後に 自分のマイク音量 …
よくVRのUIで、ボタンアイコンにレーザーを当てたらそのボタンの説明が出てくるUIあるじゃないですか。 あれを簡単に実装したい。 できた EventTriggerを使う とっても簡単で、ButtonにEventTriggerコンポーネントを付けて、PointEnterとPointExitに表示非表…
権利表記が必要な素材やソースコードを使ってアプリやソフトを作った場合、どこかに権利表記をしないといけない どこにすればいいのか。参考記事とかググりつつも、結局実例で調べるのが一番参考になりそうなので色々なアプリのスクショをとっていく 表記方…
前回構想したので、作ります。 bibinbaleo.hatenablog.com ストップウォッチ事例 素材とか パーツ制作 音 フォント ThirdParty表記 アプリアイコン Unity コード DeviceSimulator UIとか MacBuild Github 最後に ストップウォッチ事例 必要な要素はとか表示…
uGUIのToggleだけでタブ切り替えを作れるらしい！コード書かなくてもできるんだ！ fantom1x.blog130.fc2.com できた 環境：Unity2019.3 構成 TabBackGround 空のGameObject Toggle 見た目の調整 パネル Toggleのイベント 完成！ 最後に 構成 TabBackGround …
下のボタンを押したら画面が切り替わる。 随時追加する。 VR ambr ios AppStore(iPad) GooglePlayStore Googleフォト Twitter Instagram デンソーのQRコード Yahoo乗り換え 時計（Android公式？） Lips ユニクロ GU Honeys 東京流通センター ABCマート ノジ…
カメラの子オブジェクトにUIを入れたい。（というか頭にUI追従してくれたらいい） VRTKはVRSimulator、Oculus、SteamVRとかいろいろなカメラがある。 起動したもののカメラの下にUIを入れるにはどうしたらいいのか。 mainCamera取得 これでできた GameObject…
VRをやっているとuGUIではなくQuadを空中に浮くパネルとして使いたいことがあると思うんですけど、そのときのQuadを角丸にしたい。 ・Blenderとかで角丸のメッシュを作る ・テクスチャを角丸にする ・Mask機能？ が考えられるかな MaskはUIだけか Blenderで…
なるほどデザイン はじめてのUIデザイン UIのコンポーネント種類 UIの見えない部分 スマホアプリ（iosとアンドロイド） キャンセル Web レスポンシブデザイン UIを作る 命名 検証 ロゴ つい 三つの体験デザイン 直感のデザイン 驚きのデザイン 物語のデザイ…
数字から始まってローマー字も含まれる文字列を入力するInputFieldがあるとする。 iPadでそのInputFieldをクリックしたときに、数字キーボードを最初に表示するように設定したい。 ContentType Custom＞KeyboardType その他 最後に ContentType docs.unity3d…
インジケーター、スピナー アイコン アセットストア Google Material Design Loading screen animation uGUIで作る 実装参考 進捗率を取る インジケーター、スピナー 何かをロードしている時や、処理中の時に出るあれ 種類によって名前が分かれている。 イン…
位置 おまけ：canvasの描画順 位置 XDのコンポーネントのX,Yはコンポーネントの左上＆アートボードの左上との距離。 UnityのuGUIのPosX,PosYはデフォルトだと素材の真ん中＆Canvasの左上の距離 まずそこが違う。 Unityで素材の原点(Pivot）を変えるにはUnity…
SourceImageにセットした画像を、元の画像サイズのまま、左詰めで配置したい。 何も設定しないと、Imageコンポーネントを付けたRectTransformの大きさにSourceImageが変更されてしまう。 SorceImageが固定なら、SourceImageの大きさに合わせたらいいけど、So…
「作ったデザインをモノクロ表示にしたら、コントラストのある良いデザインかがわかる」という記事を見た。 CTAのバランスや色、位置が適切かどうかをテストするためのよい方法は、できあがったデザインを一旦グレースケールにしてみることです。その状態で…
iPad端末によって解像度違いすぎ qiita.com CanvasScaler 基準となるサイズ（XDで設計した画面サイズなど）をCanvasScalerに設定する。 Scale with Screen Sizeにする その状態でGameビューで解像度を変えたら、基準の大きさと比較してCanvasのスケールが変…
MESONさんの発表で「XRコンテンツではまず全てにサウンドをつけて、そのあと余計なものを取り除くぐらいでちょうどいい」って言ってた。 その発表の関連資料にあった記事を読む。 Sound Advice: A Quick Guide to Designing UX Sounds The Role of Sounds in…
前回に引き続きやるぞ！ bibinbaleo.hatenablog.com お題：蜜 マウスにライト 特定のオブジェクトクリックでポイント追加 uGUIの背景にあるゲームオブジェクトを押させない ランダム生成 List おしゃれにしたい 最後に お題：蜜 Unity 1週間ゲームジャム 第1…
Cocoda!情報設計のコースをやったメモ ユーザーがどういう風に動きたいか、どの情報があるとうれしいかを考えて設計する。 利用シーンを考え、それをもとに操作の流れを書き出す メモアプリ ECサイト ToDoリスト メモ 下タブ固定 丸数字 フォント置き換え 時…
こちらの動画を見ます www.youtube.com GoogleのSENIOR INTERACTION DESIGNERの方みたい。 Product | MikeAlger docs.google.com 以下はメモです。すごく間違っている気がします。 黒い長方形 五感？ 試行錯誤 VRキーボード テレポート UIを作る UIの大きさ …
このチュートリアルをする docs.microsoft.com Solverについて Orbital RadialView 最後に Solverについて microsoft.github.io 「事前定義されたアルゴリズムに従ってオブジェクトの位置と方向を計算する手段を容易にするコンポーネント」だって Solvers | …
Holo2でuGUIのCanvasを掴んで動かせるようにしたい uGUICanvas+コライダー ToggleFeaturePanel CanvasにQuadを入れる 最後に uGUICanvas+コライダー uGUIのCanvasにコライダーを付けて手でつかみたいんだけど、できるのかな？（MRTK+Hololens2の話） →動かな…
Hololens2でシステムキーボードを呼び出してInputFieldに入力したい。 bibinbaleo.hatenablog.com MRTKはtextMeshProを基本的に使うらしいので、InputFieldもTextMeshPro版にしてみた。 その際InputFieldにテキストを入力するには using UnityEngine; using …
UIを学んでいるcocoda!で「マイクロインタラクション」というコースを始めました。 マイクロインタラクションとは？？？？？ 事例 404 クレカ disabledはグレーじゃなく半透明 作ったもの 最後に マイクロインタラクションとは？？？？？ 初めて聞いた言葉。…
角丸 SpriteEditor ImageでSpriteを設定 角丸サイズ 元のImageスプライト 最後に 角丸 角丸の長方形だと少し垢抜ける。 角丸の長方形SpriteをUnityで変形したときに、角丸が崩れないようにしたい。 ↓ こんな感じのカッコ悪い角丸になる SpriteEditor 角丸の…
Cocoda!でUIデザイン ガイドライン テンプレートダウンロード フォント 日本語 デザイン ステータスバー ナビゲーションバー タブバー スイッチとSegmentedControl ボタン 最後に Cocoda!でUIデザイン Cocoda!というUIのweb学習コンテンツサイトでのお勉強を…
デザインツールキット 中身 Fluent Design System デザインツールキット ここからXDやAIなどいろいろな形式でダウンロードできる。 docs.microsoft.com 中身 XDファイルを開いたらこんな感じ！ iosのテンプレートみたいにいろいろなUIパーツがある！ チェッ…
これを使ってみる 追記：全然見てなかったけどドキュメントあった。 microsoft.github.io サンプルシーン プレハブ ボタンの構造 uGUIベース コライダーベース テキスト アイコン イベント Holographic Remotingでテスト エラー ビルドエラー できた！ 最後…
