Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
イラレの生成AI + Unity (VectorGraphics) で遊びたい! / Il...
Search
lycoris102
December 10, 2023
Technology
0
580
イラレの生成AI + Unity (VectorGraphics) で遊びたい! / Illustrator Generative AI and Unity Vector Graphics
【年末だよ】Unity お・と・なのLT大会 2023
https://meetup.unity3d.jp/jp/events/1409
lycoris102
December 10, 2023
Tweet
Share
More Decks by lycoris102
See All by lycoris102
コンプリボドゲ2024 ジグザグザクザク 遊び方
lycoris102
0
280
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
170
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.6k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
180
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
630
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
9.3k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.8k
Sweet^2 Honey Hive
lycoris102
2
1.4k
unity1week でUFOキャッチャーのゲームを作ったときに考えたこと / Tips for creating casual game with unity1week
lycoris102
1
1k
Other Decks in Technology
See All in Technology
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
事業継続を支える自動テストの考え方
tsuemura
0
300
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
7
1k
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.2k
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.2k
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
240
リアルタイム分析データベースで実現する SQLベースのオブザーバビリティ
mikimatsumoto
0
950
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
15
5.5k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Become a Pro
speakerdeck
PRO
26
5.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Visualization
eitanlees
146
15k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Music & Morning Musume
bryan
46
6.3k
Building an army of robots
kneath
302
45k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Transcript
📝【年末だよ】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