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) で遊びたい! / Illustrator Generative AI and Unity Vector Graphics
Search
lycoris102
December 10, 2023
Technology
0
310
イラレの生成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
17
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
120
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.2k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
160
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
590
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
8.4k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.5k
Sweet^2 Honey Hive
lycoris102
2
1.3k
unity1week でUFOキャッチャーのゲームを作ったときに考えたこと / Tips for creating casual game with unity1week
lycoris102
1
930
Other Decks in Technology
See All in Technology
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
LLMアプリケーションの評価の実践と課題 ~PharmaXにおける今後の展望~
pharma_x_tech
2
170
エンジニア向け会社紹介資料
caddi_eng
14
230k
スタートアップにおける組織設計とスクラムの長期戦略 / Scrum Fest Kanazawa 2024
yoshikiiida
13
3.6k
Featured
See All Featured
Statistics for Hackers
jakevdp
792
220k
Clear Off the Table
cherdarchuk
89
320k
The World Runs on Bad Software
bkeepers
PRO
63
11k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
What the flash - Photography Introduction
edds
65
11k
A designer walks into a library…
pauljervisheath
201
24k
Docker and Python
trallard
37
2.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
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