Unity AI オープンベータ：UIジェネレーターを使ったユーザーインターフェースの構築
「Unity AI オープンベータ」シリーズの今回のエントリーでは、Unity エディターにビルトインされたスプライトおよびテクスチャ生成特徴を活用して、UIレイアウトのプロトタイプをより迅速に作成する方法をご紹介します。
ゲームのUIのプロトタイプ作成は、骨の折れる作業になりがちです。実際のデザインが確定するまでは、プロトタイプ作成にプレースホルダー画像を使いたいと思うでしょうが、使い捨てのアセットを作成するのにも時間はかかります。それに、ローファイなボックスや矩形だけでは、レイアウトの実際の印象を十分に把握することはできません。
Unity AIのジェネレーターは、この状況を一変させます。「Sprite Generator」と「Texture Generator」を「Unity AI Assistant」と組み合わせて使用することで、エディター上でテキストプロンプトから直接UIのプレースホルダーを生成できます。これにより、完成したアートワークが1つもない段階から、リアルなデザインを備えた実際のUIをレイアウトすることが可能になります。
Unity AIのUIジェネレーターとは何ですか？
UIジェネレーターは単一のツールではなく、Unity AIの2つのアセットジェネレーターとAIアシスタントを組み合わせたワークフローであり、UIとしてすぐに使用できるコンテンツを迅速に生成するためのものです：
- 「Sprite Generator」は、アイコン、キャラクター、アイテム、デカール、縦向きポートレート、UIグラフィックスなど、個別の2D Spriteアセットを生成するためのツールです。
- 「Texture2D Generator」は、背景、ビルボード、パネルの塗りつぶし、バックドロップ、あるいはマテリアルやサーフェスで使用される画像など、一般的な2D画像・テクスチャアセットを生成するためのツールです。継ぎ目のない物理表面マテリアルを作成する場合は、代わりに「マテリアルジェネレーター」を使用してください。
どちらのジェネレーターも、Unity AIスイートの一部としてUnity エディター内で利用可能です。生成されたアセットは、プロジェクトの「Assets」フォルダーに保存され、AI生成であることを示すメタデータが埋め込まれます。そのため、後でそれらを見つけて、最終的なアートワークとスワップすることができます。
スプライトジェネレーター
「Sprite Generator」は、自然言語による説明から2D画像を生成します。希望する内容を記述し、スタイルモデルを選択すると、ジェネレーターがUIキャンバスに直接追加できるスプライトを生成します。
自分でコントロールできること
- プロンプト：そのアセットを平易な英語で説明してください：「体力ゲージのアイコン、ピクセルアート風、赤いハート」
- スタイルモデル：ピクセルアート、アニメ、コンセプトアートなど、さまざまなアートスタイルを網羅した事前学習済みモデルから選択できます
- ネガティブプロンプト：不要な要素を除外する：「テキストなし、境界線なし、背景なし」
- 参考画像：出力のスタイルやキャラクターの一貫性を確保するための指針として、既存の画像をご提供ください
生成されたスプライトには、エディタ内で「AI生成」というタグが付与されます。これらはUnityの他のスプライトと同様に動作します。画像コンポーネントに割り当てたり、スプライトアトラスで使用したり、コード内で参照したりすることができます。
テクスチャジェネレーター
テクスチャジェネレーターは、UIの背景、パネルの塗りつぶし、表面のテクスチャとして使用できる画像を生成します。これは「Sprite Generator」と同じプロンプトベースのワークフローを採用しており、プロジェクトにそのまま組み込めるアセットを生成します。
UI関連の作業において、これは主に以下の用途に役立ちます：
- 背景パネル：「ダークな石のテクスチャ、ファンタジーRPG風、タイル状に並べられる」
- HUDの背景色：「ブラッシュドメタル、ダーク、控えめなグラデーション、SF風」
- ゲーム内のUI画面の見た目：「使い古された、古びた羊皮紙で、かすかなマップの印がついている」
プロトタイピングのワークフロー
Spriteジェネレーターとテクスチャジェネレーターが、実際のUIプロトタイピングセッションにおいてどのように活用されるかを以下に示します：
1.uGUI キャンバス または UI Toolkit ドキュメントを設定する
このツールは、uGUIとUI Toolkitの両方をサポートしています。ワークフローは非常に似ているため、uGUIを使用する場合は、まずUIキャンバスを作成し、Unityの標準UIコンポーネント（画像、Text、ボタン）を使ってレイアウトの骨組みを作ります。構造体を明確にするために、プレースホルダーの色や白いボックスを使用してください。
2.スプライトアセットを生成する
Unity AIのメニューからSprite Generatorを開きます。アイコンや画像が必要なUI要素ごとに、その要素を説明するプロンプトを入力し、スタイルを選択してください。生成された各スプライトをダウンロードし、それぞれの画像コンポーネントに割り当ててください。
3.背景テクスチャを生成する
パネルや背景には、テクスチャジェネレーターをご利用ください。希望するビジュアルスタイルを指定し、生成されたテクスチャをImageまたはRawImageコンポーネントのスプライトまたはテクスチャ参照として適用してください。
4.Unity AI Assistant を使用して接続を設定します
Unity AIアシスタントに切り替えて、UIの配線作業を手伝ってもらいましょう。ボタンイベントの接続、レイアウトグループの設定、あるいはリストに動的にデータを追加するスクリプトの作成などです。Unity AI Assistantは、キャンバスの構造体を把握しており、シーンに対して直接操作を行うことができます。
5.迅速に反復する
不自然に見えるアセットはすべて再生成してください。このワークフローはプロンプトベースであるため、数秒で新しいバージョンを作成し、レイアウトを崩すことなくスワップすることができます。
AI生成アセットの管理
Unity AI Generatorsによって生成されたすべてのアセットには、AI生成であることを示すフラグが埋め込まれています。これにより、プロジェクトが拡大しても、これらのアセットを簡単に見つけたり絞り込んだりできるようになります。プロジェクトウィンドウでAI生成のアセットを検索し、体系的に最終的なアートワークに置き換えることができます。
アセットの生成を行わずにUnity AI Assistantを使用したい場合は、Unity Dashboardでジェネレーターを完全に無効にすることができます。生成されたコンテンツの利用権限を確認し、アプリストアやSteamなどのデジタルストアにプロジェクトを提出する際には、適切な宣言を行う責任はユーザーにあります。
Unity AIについてさらに詳しく
Unity AI オープンベータ版で利用できる機能についてさらに詳しく知りたい方は、本シリーズの他の記事もぜひご覧ください：
今すぐUnity AIをお試しください
Unity AIのオープンベータ版が、すべてのUnity 6開発者向けに利用可能になりました。無料トライアルに登録して、Unity AI Assistantを探索し、Unity AI Gateway経由でお好みのツールを連携させ、プロジェクトを認識するAIエージェントがビルトインされたワークフローをぜひお試しください。
unity.com/features/ai にアクセスして、プラン、料金、データプライバシーに関する詳細をご確認ください。
詳細なドキュメントは、Unity エディターからリンクされているUnity AIドキュメント、またはdocs.unity3d.comでご覧いただけます。
Unity AI Assistantは現在、オープンベータ版として提供されています。したがって、本記事で説明されている特徴、動作、および提供状況は現在開発中であり、予告なく変更、制限、または提供終了となる可能性があります。