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
720
イラレの生成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
320
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
190
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.9k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
200
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
670
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
9.8k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.9k
Sweet^2 Honey Hive
lycoris102
2
1.5k
unity1week でUFOキャッチャーのゲームを作ったときに考えたこと / Tips for creating casual game with unity1week
lycoris102
1
1.1k
Other Decks in Technology
See All in Technology
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
440
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
550
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
120
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
110
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
230
怖くない!はじめてのClaude Code
shinya337
0
390
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
4
13k
Geminiとv0による高速プロトタイピング
shinya337
1
270
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
160
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
230
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Agile that works and the tools we love
rasmusluckow
329
21k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Being A Developer After 40
akosma
90
590k
Documentation Writing (for coders)
carmenintech
72
4.9k
What's in a price? How to price your products and services
michaelherold
246
12k
Typedesign – Prime Four
hannesfritz
42
2.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Bash Introduction
62gerente
613
210k
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