UIElementsを使って、Unityエディターのインスペクターの見た目をカスタマイズする方法を「UIのロジック」「ヒエラルキー」「スタイリング」の3つに独立したコンポーネントそれぞれについて、サンプルプロジェクトを用いながら実践的に学ぶことができます。UIを手軽にプロジェクトに実装できるようになります。Unityエディタでカスタムエディタウィンドウとインスペクターを構築するには、IMGUIを使用していました。UIの構造を大幅に変更できるため、システムがレンダリングを最適化することも困難でした。C#コードを生成する必要がありましたが、これもまた複雑な課題でした。これらを解決するために、UIElementsではIMGUIの即時モードAPIに対して保持モードAPIとして「UIのロジック」「ヒエラルキー」「スタイリング」の3つを独立したコンポーネントに分離し、システムがそれをレンダリングできるようにするという設計にしたことで、システムは描画するものと描画するタイミングを最適化でき、全体的なパフォーマンスの向上だけでなく、アーティストとプログラマーの両方にとってより使いやすいUI制作が出来るようになりました。Unityエディタのインスペクターの見た目をカスタマイズする方法をご紹介します。・UIのロジックを司るスクリプト・ヒエラルキーを構成するスクリプト・スタイリングのためのスクリプト・インスペクターの見た目のカスタマイズの実践そのほかのリーソス・サンプルプロジェクトの構成UIElementsで作成したカスタムインスペクターと、カスタムインスペクター内の各ボタンをクリックすると小道具がシーン内に挿入されて動かせるようにする仕組みを、実際にインスペクターを作る手順を追いながら概要を解説します。・UIのロジックを司るスクリプトエディターを継承している様子やカスタムエディタになっている様子を示しながら解説します。XMLアセット(UXML)の仕組みと役割を解説します。UIを描写する方法を解説します。Unityエディタのインスペクターをカスタマイズする以下の手順とともにその役割を解説しながら丁寧に紐解きます。UIを描画するカスタムインスペクター内のボタンをクリックしてプレハブが生成されるようにするカスタムインスペクター内の要素にヘッダーを追加する各要素のヒエラルキーや各要素のスタイルクラス、スタイルプロパティを確認する要素をプレビュー表示させてウィンドウで値を変えながら、さまざまなスタイルプロパティを試すどの設定手順もただ単に設定する手順を追うだけではなく、役割を解説しながら丁寧に紐解きますので、理解しやすい上に応用もしやすい動画になっています。※日本語の字幕が自動的に表示されない場合は、設定メニューでご選択ください。UIElementsに慣れ親しんでください。UIElementsの機能や詳しい使い方については、こちらのブログ投稿をご覧ください。UIElementsをお試しください。新しいツールセットです。要素を作成する方法のヒントをご紹介いたします。始まります、Youtubeの自動翻訳機能で日本語を選ぶことができます)を視聴して、より一層役に立つ情報を見いだしましょう。Signalを使ってシーン内のオブジェクトと連携させると、アニメーションやカットシーンの表現の幅をわずかな手間でぐっと広げることが出来るようになります。Timelineからシーン内のオブジェクトに作用させる仕組みの基本的な概念と設定方法を身に付けることができます。