【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でパフォーマンスの良いUIを作るためのTips UIのリビルドとの上手な付き合い方
2018年12月12日、『神姫PROJECT』などソーシャルゲームの企画・開発を手がける株式会社テクロスが主催するイベント「TECH x GAME COLLEGE」が開催されました。第10回となる今回のテーマは「Unityでパフォーマンスの良いUIを作る為のTips」。今回は、Unity Technologies Japan合同会社エヴァンジェリストの山村達彦氏が、高いパフォーマンスを出すためのUIまわりの設定方法や仕組みについて解説します。後半の本パートでは、パフォーマンスの低下を招くUIのリビルドを防ぐ方法について語ります。 講演資料はこちら UIのリビルドについて 山村達彦氏（以下、山村）：では、フィルレートの話も終わったので、次の話をしましょう。UIのリビルドについてです。これが初耳という方は、どれぐらいいらっしゃいますか？ （会場挙手） 意外と少ない。じゃあきっと大丈夫ですね。U
UnityのUIで要素の最大サイズを指定する方法 | Nyahoon Games Pte. Ltd.
なかなかUnityを使う機会がなかったので、Unity 4.6から導入されたUIもさわっていなかったのだけど、ようやく機会がおとずれたので勉強しながら使ってみました。 作っていたのはメッセージウィンドウで、短いメッセージならそのメッセージの長さに合わせてウィンドウの幅を狭めて、長いメッセージの場合には幅に上限を設けて改行する、という動作にしたかった。 そこで、LayoutElement の flexibleWidth(と flexibleHeight)でその要素の最大サイズを指定するのかなと思ってやってみたらそうじゃなかった。 例えば VerticalLayoutGroup と HorizontalLayoutGroup を使って
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の新しいGUI機能（uGUI）で実装されたRect Transformの仕様メモ - お米 is ライス
（初めの10行ぐらいはしょうもないので読まなくていいです） 今年の夏ぐらいにリリースされたUnity4.6のβ版で、前々から告知されていた新しいGUIがやっとこさ使えるようになった。 Unityさん、実はこれまで、GUIを実装するにはAssetに頼らないとスクリプトをごりごり書くしかなかったのだが、実装されたuGUIのおかげでグラフィカルにGUIを作れるようになった。 このuGUIのオブジェクトはほかのUnityのオブジェクトとは違い、「Transform」コンポーネントではなく、これを（多分）継承した「Rect Transform」というコンポーネントがついていて、これでGUIの見た目をいろいろいじるのだけれど、こいつの仕様がちょっとだけわかりにくい（説明動画が英語版しかない）ので動画の英語を頑張って聴いたり、自分でいろいろいじってみてわかったことをメモしておく。（ので信憑性はないです）
iOS用のレスポンシブなUIをつくる - Unityな日々（Unity Geek）
iOSデバイスにはさまざまな解像度、アスペクト比があり、それぞれに適切なUIとなるような工夫がいる。 参考： unitygeek.hatenablog.com 実現したいUI：トリミングとストレッチ たとえば、次のようなUIデザインを実現したいとする。 背景の画像は画面の縦サイズにあわせ、横方向はトリミングされる。 ボタンを３つ配置したメニューバーは、画面の横いっぱいに表示し、バー内にボタンを３等分して配置する。 テキストボックスは、横幅一定、高さはテキスト量によって変える。 具体的な完成イメージは次のようなものだ。２つの画面の解像度・アスペクト比はそれぞれ、iPhone5s, iPad Retinaを想定している。 背景の人物の写真は、iPhoneでは左右がトリミングされている。ボトムの黒色のメニューバーは、iPhone, iPadそれぞれに横方向いっぱいに表示され、ボタンは３等分されて
Oculus Rift で頭の動き + タップで簡単に Unity 4.6 UI を選択できるやつを作ってみた - 凹みTips
はじめに HMD での UI 操作は色々と議論がなされていると思いますが、中でも頭の向きを利用した UI は結構安定して操作できると個人的に感じています。頭は思ったよりも低カロリーで正確に動かすことが可能で、実際ブラウザ操作（リンククリック）もできるくらいです。 開発者向け Oculus Rift イベントの 裏 OcuFes #1 で発表してきた - 凹みTips 他にも Leap Motion を使った指の空中タッチ等も色々試したり、色んな人が利用できるようにしてフィードバックを頂いて色々考察できればと思い、まずは手始めに Unity 4.6 UI を頭の向きで選択 + HMD タップで決定できる VR 用 Input Module およびカスタム Raycaster を作ってみました。 デモ 頭の向きで UI を選択、コツンと HMD を叩くと決定します。 ダウンロード hecomi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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)
【Unity UI】uGUIで色を加算合成する方法 - 渋谷ほととぎす通信