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
390
イラレの生成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
70
⌨️ a Key is Landmine 💣のデザイン / Design of "a Key is Landmine"
lycoris102
0
130
[Unity] プレビュー版 Cinemachine 3.0 紹介
lycoris102
1
1.3k
Unityとキャリアとコミュニティの話 / Unity, Carrier, Community
lycoris102
1
170
GOOLF!のデザイン⛳️ / Design of GOOLF!
lycoris102
0
600
[Unity] Mobile3D(2D)テンプレートとモバイル向けパッケージ紹介 / Mobile templates and packages for mobile
lycoris102
0
8.7k
期待値と言語化の話 / Verbalize Expectations
lycoris102
1
4.6k
Sweet^2 Honey Hive
lycoris102
2
1.3k
unity1week でUFOキャッチャーのゲームを作ったときに考えたこと / Tips for creating casual game with unity1week
lycoris102
1
970
Other Decks in Technology
See All in Technology
過去のインプットとアウトプットを振り返る
diggymo
0
110
成果のためのコミュニケーション - 語彙を育てよう -/communication-for-good-outcome-developing-vocabulary
hassaku63
4
160
普通の Web エンジニアのための様相論理入門 #yapcjapan / YAPC Hakodate 2024
ytaka23
5
1.3k
クレジットカードを製造する技術
yutadayo
81
45k
Strict Concurrencyにしたらdeinitでクラッシュする話
0si43
0
120
コード✕AIーソフトウェア開発者のための生成AI実践入門~
yuhattor
3
720
小さな勉強会の始め方、広げ方、あるいは友達の作り方 / How to Start, Grow, and Build Connections with Small Study Groups
ar_tama
6
2.5k
[JAWS-UG GameTech] 第6回 各種事例紹介_18TRIPにおけるAWSサービスを活用した負荷テスト・障害テスト
naoto_yasuda
0
150
軽いノリで"自動化"に取り組んではいけないという話
tetsuyaooooo
1
470
【shownet.conf_】トポロジ図の歩き方
shownet
PRO
0
490
「ばん・さく・つき・たー!」にならないためにSHIROBAKOから 学んだこと
ysknsid25
3
650
Rubyはなぜ「たのしい」のか? / Why is Ruby a programmers' best friend? #tqrk15
expajp
4
1.8k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
130k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
No one is an island. Learnings from fostering a developers community.
thoeni
19
2.9k
How to Ace a Technical Interview
jacobian
275
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.5k
Gamification - CAS2011
davidbonilla
80
5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.5k
For a Future-Friendly Web
brad_frost
174
9.3k
Bash Introduction
62gerente
608
210k
[RailsConf 2023] Rails as a piece of cake
palkan
49
4.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
7
570
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