はじめに 今回は 「UI Toolkit」だけ を使って、スマホのソーシャルゲーム風ホーム画面UIを作ってみました。 UI Toolkitは、コードを書かずにUIを作れる便利なツールです。 ただ、「ソシャゲ風の複雑なUIも作れるの？」と思う方もいるかもしれませんね。 この記事では、実際に作った手順をご紹介します。 UIの全体設計 まずは今回作るホーム画面のUI構成を簡単にご紹介します。 ソシャゲによくある 「トップバー・中央エリア・ボトムメニュー」の3つに分けて考えました。 それでは、この構成をもとに UXMLでUIを組み立てていきます。 1. プロジェクト準備 まずは UIを作る環境 を整えましょう。 Unityプロジェクトを作成 Unity Hubから新しいプロジェクトを作成します。 2Dでも3DでもOK ですが、UI Toolkitが使えるUnity6以降のバージョンを選びましょう。
「Unity 上級開発者向けUI Toolkit (Unity 6 エディション)」は、UI アーティスト／デザイナーと UI プログラマーの両方を対象とした、まったく新しいガイドです。e-bookの各セクションでは特定のツールセットに焦点を当て、ご自身の役割やニーズに最も関連する部分を簡単に選んで読むことができます。 以前の「2021 LTS UI e-book」を一から書き直し、この新エディションでは UI Toolkit の機能に特化しました。Unity 6 の新機能であるデータバインディング、ローカライゼーション、カスタムコントロールなどについても新たなセクションを加えています。 UI アーティスト／デザイナー向けには、以下の内容を扱っています： グラフィックおよびフォントアセットの準備 UI Builder UI Builder でのレイアウト ビジュアル要素 スタイリング テキ
こんにちは。XR推進室の松岡です。 今回学習の一環で、Unityの新しいUI実装ツール&機能のUI Toolkitを使って、XR推進室が提供中の360度実写観光メタバースサービス「Buralit」の１画面のUIを再現してみました。 この記事の対象読者はUnityの知識がある方です。 UI ToolKitとは UI ToolKitとは「ユーザーインターフェース (UI) を開発するための機能、リソース、ツールを集めたもの」（公式ドキュメントより引用）です。 UI ToolkitはWebのようにUXMLとUSS（WebでのHTMLとCSSにあたるもの）を使い、コードでUIを表します。 今までUnityでのUI実装のメインの手段は「uGUI」でした。2024年6月時点のBuralitのUIも全てuGUIで作成されています。 しかし最近Unityは「UI Toolkit は、新しい UI 開発プロ
※2024年12月17日更新情報 2024年Unityアドベントカレンダーの12月17日担当として「UI Toolkit」記事を執筆しました。 最新版のUI Toolkit情報 を受け取れますのでぜひ確認して頂ければと思います。 この記事はUnity Advent Calendar 2020の12月16日の記事です。 Webフロント技術からインスパイアされて開発されたUnityの次世代UIシステム**「UI Toolkit」がUnity2020.1からランタイムUIサポートをしています。1 今までのGameObjectベースではなくHTML/CSS**のような記述で開発します。 UI Toolkit is based on, and inspired by, standard web technologies. If you have experience developing web p
Unityエンジニアの大庭@ohbashunsukeです。 去年のUnityアドベントカレンダー2020でUnityの次世代UIシステムという位置づけのUI Toolkitについて執筆しました。 UI Toolkitを検証するモチベーション 僕は普段の業務でUI開発に携わっています。 基本はuGUIベースのPrefabワークフローでUIを作っていて知見は溜まってきました。 大抵の課題はuGUIで解決出来ると思っています。 一方Unityが公式で発表しているUIシステム「UI Toolkit」はHTML/CSSといったフロント技術からインスピレーションを受けた技術でuGUIとは全く違うアプローチです。 GameObjectをほぼほぼ使用しないUI開発というのはUI畑にいる者としては興味がそそられます。 マネージャー視点ではチームビルドによって開発手法を今までとは大きく変えることも必要で、そん
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
