Post on 05-Aug-2015
Vector Graphicsfor Unity
SVG importer
SVG importer
Jaroslav Stehlíkhead developer at Silicon Jelly
founder of SVG Importer
@jaroslavstehlik jaroslav.stehlik@svgimporter.com
Vector Graphics vs Textures
SVG importer
SVG importer
Vector Graphics vs Textures
"Why does my art look blurry and jagged?"
"My gradients are not smooth enough!"
"Why is my game so huge?"
Textures sometimes sucks...
Textures
Fixed resolution
Huge file sizes
SVG importer
Vector Graphics vs Textures
Vector Graphics
1 MBRGBA Texture
20 MB
Property of Silicon Jelly
Textures
Fixed resolution
Huge file sizes
Compression artefacts
NPOT mostly Uncompressed
SVG importer
Vector Graphics vs Textures
Vector Graphics
1 MB
POT stretched PVRTC Compressed 4K texture
8 MB
Property of Silicon Jelly
Textures
Fixed resolution
Huge file sizes
Compression artefacts
NPOT mostly Uncompressed
Never ending compressions
SVG importer
Vector Graphics vs Textures
Import time 0.06s
Import and compression time 32s
Property of Silicon Jelly
Vector Graphics
Clean and sharp
Smooth gradients
Resolution Independent
Tiny file size
Complex to render
SVG importer
Vector Graphics vs Textures
Property of Silicon Jelly
Textures forPhotoreal, paintings, animations
SVG importer
Vector Graphics vs Textures
Property of Silicon JellyProperty of Silicon Jelly
Vector Graphics forComics, cartoon, UI, Motion design
Realtime demosupports HTML 5
SVG importer
Effective Workflow
SVG importer
SVG importer
Effective Workflow
"Sprites are easy to use"
Because Unity done it right!
"Let's make Vector Graphics easy as well"
Done!
SVG importer
Effective Workflow
DEMO
Resolution independent UI
SVG importer
SVG importer
Resolution independent UI
"Unity UI is awesome!"
But why bother with screen resolution?
"Most UI are just shapes"
why not use Vector Graphics?
SVG importer
Fast mockups
DEMO
SVG importer
Mobile performance
SVG importer
Mobile performance
Vector Graphics is baked into meshes
Optimised tessellation
No CPU overhead
Fast simple shaders
Better memory footprint and smaller build sizes.
Possible LOD groups in future
SVG importer
Tested in the wild
SVG importer
Mimpi Dreams
First world premiere
Puzzle Platformer
Completely done with SVG Importer
Mainly designed for mobile and tablets
SVG importer
Mimpi Dreams
DEMO
SVG importer
Thank You!
Any questions ?
Jaroslav Stehliksvgimporter.com
@svgimporterjaroslav.stehlik@svgimporter.com