TextMeshProでOSにインストールされたフォントを使いたい - Qiita
こんにちはcoconeでクライアントエンジニアをしているものです。 ここ最近ローカライズについて考える機会が増えておりましてそこで得た知見を記事にしてみようかと思います。 本記事 Cocone Advent Calendar 2023 15日目の記事となります。 記事の内容 UIデザイナーさんに「言語毎に使用するフォントを変えたいです」と言われたときにTextMeshProでどうにか頑張ってみた知見のまとめです。 問題点 TextMeshProを使用する場合ダイナミックフォントを使用することがあると思います。 （ダイナミックフォントの必要性や使用方法は調べればたくさん記事があると思うので省略します） ダイナミックフォントはRuntimeでMeshを生成するために大本のフォントデータ(.ttf等)への参照が必要となります。 ローカライズ機能を搭載したアプリで言語毎にフォントを変えたいとなると
TextMeshPro 1.4.0 のダイナミックフォント（Dynamic SDF System）使ってみたけど、元の static に戻したお話。 - Qiita
TextMeshPro 1.4.0 のダイナミックフォント（Dynamic SDF System）使ってみたけど、元の static に戻したお話。UnityTextMeshPro 半分は使い方間違えてたんですけど、同じような誰かが見るかもしれないしそのまま。 期待してた感じとはちょっと違う。 期待 UI.Text のダイナミックフォントみたいな感じ。 （もうstaticは用意しない。dynamicが良くしてくれる） 実際 JIS第1水準とか常用漢字とかを、今まで通りstaticで作る。 ユーザー入力文字用に、staticなやつのフォールバックにdynamicなのを登録する。 って感じになりそう。 環境 バージョン Unity 2018.3.8f1, TMP 1.4.0 プラットフォーム エディタ上, WebGL 1.4.0 にアップデートしたら既存のフォントでワーニング出た。 The c
UnityのTextMeshPro覚書 - Qiita
はじめに TextMeshPro、フォント（+ライセンス）に関してのまとめです。 TextMeshProバージョンは、Unityバージョン(2018や2019)により替わります。 2019.3.4だと2.0.1がインストールされます。変更内容はChangesLog(2.0.1)を確認しましょう。 リンク先は古い内容も含まれています。 上手く解決できない場合は、記載内容のキーワードから新しい方法がないか探してみましょう。 TextMeshPro TextMesh Pro Documentation オフィシャルドキュメント uGUIのTextの代替となるTextMesh Proとは【Unity】【TextMesh Pro】 - (:3[kanのメモ帳] synctamの雑談日記: 様々なバージョンの TextMesh Pro でフォントを作成する手順 TextMeshProの使い方 - Qi
【Unity UI】uGUIできれいなソフトマスクを作る方法 - 渋谷ほととぎす通信
↑の画像は女の子の顔を中心に円形のソフトマスクを適用したサンプルです。 ※このイラストアセットは中世ファンタジーRPG風2Dキャラクターパックを使わせていただいてます。 ゲームUIをデザインをする際には表現の候補に入るのではないでしょうか。しかし、Unity UIのマスク表現には課題がありました。Unityが未対応で 「ソフトマスクが使えなかったこと」 です。UIデザイナーのみなさま朗報です。 Unity2020からソフトマスクが使えるようになりました！！ 本記事ではUnity2020から使えるようになったソフトマスクを紹介します。ただしこのソフトマスクは条件付きです。 でも、安心してください。 条件を満たさない場合の代替方法も合わせて紹介 します。この記事を読むだけでソフトマスクは実現できると思いますので、ぜひ最後まで読んでみてください。 ソフトマスクはRectMask2Dで簡単実装U
【Unity】UI制作に役に立つシェーダー6選［uGUI］ | CGメソッド
海外でフリーランスをしているテクニカルアーティスト ゲーム開発・映像制作・WEB制作等を請け負っています。 当ブログは作業効率化のための技術ブログです。 UI制作に役に立つシェーダーまとめ UnityのUI表現で使ったシェーダー記事をまとめました。 スプライトをシェーダーで明るくしたり暗くしたりする方法 昔使っていたスプライトをシェーダーで明るくしたり暗くしたりするシェーダー。 そもそも中身を知らないまま使っていたので、調べてみました。 ※UIをタッチした時明るくするなどで使えます。 [timeline] [tl label=’STEP.1′ title=’ビルトインシェーダーをダウンロード’] [/tl] [tl label=’STEP.2′ title=’シェーダーをコピー’] Sprites-Default.shaderを探し、Unityへコピー [/tl] [tl label=’S
Unityで手軽に2D擦りガラスシェーダー - Qiita
擦りガラスUIは好きですか ぼくは大好きです。 やります。 方針 描画中の画面をテクスチャとして取得できるGrabPassをつかい、そいつにガウシアンブラーをかけるシェーダーを書きます。 ガウシアンブラー 既にいろんなサイトにも書いてある超メジャーなアルゴリズムなので詳しくは説明しませんが、要は「描画対象のピクセルに対して、その周辺ピクセルの色を距離に応じた重み付けをしながら平均を取る」ということになります。そしてこの重みづけにガウス関数を利用するのでガウシアンブラーと呼ばれるわけです。この関数を使うことによりとてもいい感じのぼかしが得られます。 描画負荷 ガウシアンブラーを愚直に実装すると画面上のそれぞれのピクセルに対してその周辺ピクセルを参照することになるわけですから、ぼかしの強さを高めると、かなりの速さで計算負荷が高まります。例えばぼかし範囲20x20ならば各ピクセルに対し20x20
uGUIの背景をぼかしてオシャレに見せる - e.blog
概要 最近、Apex Legendsにハマって毎日のように時間が吸われていってます。（まずい） さて、今回はこのApex LegendsのUIで使われているような「背景がボケているUI」を作る方法を書いていきたいと思います。 ↓こんな感じで、背景が透過＋ボケている「すりガラス」風のUIですね。 ↓実際に実装した動画はこんな感じ uGUIの背景をぼかす pic.twitter.com/zqcoxohaNc— edom18@AR / MESON (@edo_m18) 2019年4月2日 背景がぼけているだけでなんか途端にオシャレ感でますよねｗ 今回のサンプルはGithubにアップしてあります。 github.com 概要 フロー CommandBufferを使って画面をキャプチャしブラーをかける CommandBufferとは CommandBufferをセットアップしているC#コード 画面の
【Unity】uGUIでimageに穴を開けたい！(くり抜く) - ぐーるらいふ
ルパン三世的な…？ チュートリアルなどでゲーム画面の説明をしたい。 よくある画面を暗くして見てほしい箇所にライトを当てるような演出をしたい。 こんなんただ塗って穴開けてるだけやん。 それだけなのに、パッと実装が分からない。 Maskじゃない、なんというかMaskの逆？ uGUIだけで出来る？どうやるんだ？ すでにゲームは作ってあるので、そこはなるべく触りたくない uGUIベースのゲームなのでuGUIでやりたい。 実装はなるべくシンプルで簡単に どうも既存機能だけでは厳しそうな感触。 なんらかの工夫が必要か。 くりぬく？ nn-hokuson.hatenablog.com なるほど、ColorMask 0！ これでも行けそう？だけど 裏のQueueもいじらないと駄目か…。うーむ。 あ、そうか別Layerにして、サブカメラにすればいけそうかな？ ワイプ、トランジション？ 裏に影響なく画面全体を
Unity uGUIのInputFieldでのモバイル端末の入力補助について。
スマートフォンをターゲットとした、アプリケーションを作成中です。 ユーザーから、キーボード入力の受付対象としてuGUIのInputFieldを使って 実現させようとしています。 ###困っていること Android端末においてなのですが、InputFieldをタップした際、 画面上キーボードが表示され、文字入力は可能なのですが キーボードの上に表示される補助用の入力フィールドの文字が 白でBackgroundも白な為、補助用の入力フィールドに何が入力されているか わからないという状態になっています。 （InputFieldはTextを黒に設定しているのできちんと表示されます。） ###試したこと InputFieldのプロパティにHide Mobile Inputで補助用の入力フィールドを 表示/非表示できるとあったので試してのですが、特に変わりませんでした。 ###質問 0. 補助用の入
UnityのScrollRectを拡張しよう | 株式会社ヘキサドライブ | HEXADRIVE | ゲーム制作を中心としたコンテンツクリエイト会社
Switchの予約ができてゼルダが待ち遠しい某（なにがし）です スプラトゥーン2の試射会もとても楽しみにしています Happy Valentine's Day！ pic.twitter.com/c4nvpBri0J — ネリネ (@ikei_nerine) 2017年2月14日 そういえば今日はバレンタインですね。 しかし、今回はUnityのプログラムネタです。ごめんなさい。 新しいことではないですが、uGUIでよくある問題の対処法をひとつ紹介します。 uGUIはとっつきやすく便利ですが、 スクロールビュー上のボタンが押しにくい（クリックしにくい） という問題に悩まされる人は多いんじゃないかと思います。 スクロールビュー上のボタンをドラッグするとスクロールが始まりますが、 この時点でボタンに指を離したイベントが発生して押下状態がキャンセルされ、 クリックイベントの対象から外れてしまいます
【Unity】uGUI で表示に必要なオブジェクトだけ生成するスクロールを実装できる「Loop Scroll Rect」紹介 - コガネブログ
はじめに 「Loop Scroll Rect」を Unity プロジェクトに導入することで uGUI で表示に必要なオブジェクトだけ生成するスクロールを実装できるようになります 使用例 使い方 Hierarchy の「Create>UI>Loop Vertical Scroll Rect」を選択して 作成された「Loop Vertical Scroll Rect」の「Prefab Source」の「Prefab Name」に スクロールで使用する項目のプレハブのパスを入力して 「Loop Vertical Scroll Rect」に「InitOnStart」をアタッチして 「Total Count」にスクロールの要素の初期数を設定して 「Content」オブジェクトの「Child Controls Size」を両方ともオンにして シーンに Event System が存在しない場合は Hi
[Unity] TouchScript FullScreenLayer Flick Gesture 利用してみた
１、空のGameObjectを作成し、名前を「TouchManager」に変更（なんでもいいけど一応）
【Unity】要素を使い回すスクロールを実装できる「Scroll - Mutate - Infinity - ZenUI」紹介 - コガネブログ
はじめに 「Scroll - Mutate - Infinity - ZenUI」を Unity プロジェクトに導入することで 要素を使い回すスクロールを実装できるようになります 目次 はじめに 目次 使用例 特徴 基本的な使い方 スクリプトの作成 シーンのオブジェクトの作成 要素の追加、挿入、削除、指定した要素へジャンプ 使用例 特徴 スクロール内の要素がそれぞれ違う高さでも動作する 要素の追加、挿入、削除ができる 指定されたインデックスの要素にジャンプできる 基本的な使い方 スクリプトの作成 まずはスクリプトを作成します public class ScrollItemData { public string m_text; } スクロール内の要素の表示に使用するクラスを定義します using Scrmizu; using UnityEngine; using UnityEngine.U
[Unity] リストビューやスナップページが実装できるFancyScrollViewを使う - Qiita
FancyScrollViewとは FancyScrollViewはスクロールビューやページビューなどを実装することができます。 主な機能としては基本的なスクロールビューに加えて、 無限スクロールにも対応 スナップ機能にも対応 柔軟なセルのアニメーション があります。 制約としては セルごとに異なる高さ、または幅 が実装できないということでしょうか。 アニメーションに関してはgithubを参照してもらえれば https://github.com/setchi/FancyScrollView 概要 FancyScrollViewを使うにあたっての実装手順をまとめる。 忘備録です。 条件 Unity 5.5.2p4 FancyScrollView (2017/07/20のもの) 手順 データクラスを作る スクロールビューのセルに割り当てるデータクラスを作る。 セルクラスを作る FancyScr
![[Unity] リストビューやスナップページが実装できるFancyScrollViewを使う - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e13cb3d6a90bd2fb1fbc78c0d74f66e0119e1090/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVW5pdHklNUQlMjAlRTMlODMlQUElRTMlODIlQjklRTMlODMlODglRTMlODMlOTMlRTMlODMlQTUlRTMlODMlQkMlRTMlODIlODQlRTMlODIlQjklRTMlODMlOEElRTMlODMlODMlRTMlODMlOTclRTMlODMlOUElRTMlODMlQkMlRTMlODIlQjglRTMlODElOEMlRTUlQUUlOUYlRTglQTMlODUlRTMlODElQTclRTMlODElOEQlRTMlODIlOEJGYW5jeVNjcm9sbFZpZXclRTMlODIlOTIlRTQlQkQlQkYlRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTdjOTZmYTVjMWM1MDNkNjllM2NlMmIyOWIwYjEzNmQz%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBha2VydXNvZnQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRlMDEwMmU3NmM5ZDc2YzQzNTY5OGEyZTI2MTY4ZDVj%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D5d19917764d8c3be3ea8e7e7d1363b43)
【Unity】uGUI において多機能でアニメーションも適用可能なスクロールビューを実装できる「FancyScrollView」紹介 - コガネブログ
はじめに 「FancyScrollView」を Unity プロジェクトに導入することで、uGUI において 多機能でアニメーションも適用可能なスクロールビューを実装できるようになります 目次 はじめに 目次 サンプル 基本 押下イベント 無限スクロール フォーカス 使用例 スクリプトの用意 セルの表示に使用するデータ セルを管理するコンポーネント スクロールビューを管理するコンポーネント オブジェクトの作成 セルのプレハブ スクロールビューのオブジェクト MyScrollView ScrollPositionController 完成 関連記事 サンプル 基本 押下イベント 無限スクロール フォーカス 使用例 ここではシンプルなスクロールの作成方法を紹介していきます 詳細な作成方法は、「Examples」フォルダ内のサンプルや GitHub で公開されているドキュメントを参照してください
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Unity】uGUI の背面をぼかすことができる「Blured uGUI」紹介 - コガネブログ
Unityでパフォーマンスの良いUIを作る為のTips
【Unity】uGUI や SpriteRenderer で 5 種類のシェーダを使用できる「Sprite-Postprocessing-Tool」紹介 - コガネブログ
FancyScrollView | GUI Tools | Unity Asset Store
GitHub - setchi/FancyScrollView: [Unity] Scroll view component that can implement highly flexible animations.![GitHub - setchi/FancyScrollView: [Unity] Scroll view component that can implement highly flexible animations.](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b106f0901516f657790d248e6df7c597caf367e/height=288;version=1;width=512/https%3A%2F%2Frepository-images.githubusercontent.com%2F83178374%2F4892e700-28b5-11ea-8020-79d7315c568e)
