📝【年末だよ】Unity お・と・なのLT大会 2023 生成AI Adobe Illustrator Vector Graphics + で遊びたい! 青木とと@lycoris102

@lycoris102 青木とと かぞく: 妻 / 息子氏 / 娘氏 ・ゆるふわゲームクリエイター ・ゆるふわイベントオーガナイザー 2023も全方位に大変お世話になりました🙇

ゲームを作ったり、イベントを開いたり、動画を作ったりします

Adobe製品のAI活用

AdobeのAI活用の例 Illustrator Photoshop 生成塗りつぶし 指定した範囲にテキストで画像生成 背景に応じた要素の削除 生成拡張 コンテンツに応じた余白の塗りつぶし フォントの再編集 アウトラインされた文字を 近似フォントでテキスト化 生成再配色 テーマを指定して配色の変更 Before After 学習にはAdobe Stockの画像やオープンライセンスのコンテンツが利用されているとのこと

2023年10月 Illustrator 「テキストからベクター生成」発表 Adobe Max 2023: Everything Announced in 20 Minutes : https://www.youtube.com/watch?v=5N4qwOi80zk

テキストからベクター生成 被写体 / シーン / アイコン / パターンなどの種類を適用することで適した画像を生成 (質は正直悩ましい……)

ラスター画像 ベクター画像 ピクセルの集合により構成 拡大すると劣化する JPEGやPNGなど アプリやブラウザでの閲覧編集が容易 点や線、塗り色をデータ群として持つ リサイズしても再計算/再描画により劣化しない SVG (Scalable Vector Graphics) ベクターデータをXMLで記述したもの 劣化してない！ ピクセルが見えてガクガク 🍔 も「テキストからベクター生成」で作成

生成したベクター画像を Unityに取り込みたい！

Unity2018.2 で発表された SVGのインポーター / ベクターグラフィックス API を提供するPackage 最新版は [2.0.0-preview.21] - 2023-04-19 Vector Graphics 年に数回 Fixed の更新が入ってるけど、ずっと Experimental (運用環境での使用は非推奨)

Experimental パッケージなため PackageManager にて見つからない Add package from git URL 👉「com.unity.vectorgraphics」 インストール

ScriptedImporterを継承し Unity非対応の拡張子ファイルのインポート時の処理を記載 (今回は .svg 拡張子ファイル) SVGImporter UI Toolkit 向けの Vector Image にも変換可能 / 複数サイズ使うアイコンUIとかのちょいだしにも有用かも SVGファイルとテッセレーション設定に基づき SpriteやTexture2Dを生成 Generated Asset Typeの設定により SpriteRenderer や SVGImage (Graphicsを継承) が AddComponentされる そのままScene上に配置することができる

メッシュをより細かく分割して 頂点数を増やすことで曲線を滑らかに見せる機能 基本的にBasicで対象の解像度 / ズーム係数を 指定すればよしなにしてくれる テッセレーション より詳細にステップ距離やサンプリングステップを指定したければ Advanced を指定

無限に拡大してループするような映像も作れる！

スクリプト経由で図形を描画する ベクターグラフィックス API周りの解説はこちらが分かりやすい✨ 【Unity道場】VectorGraphics で 作る エモい表現 https://learning.unity3d.jp/2642/

📝【年末だよ】Unity お・と・なのLT大会 2023 生成AI Adobe Illustrator Vector Graphics + で遊びたい! 青木とと@lycoris102