Unity Vector Graphics Preview Package

I'm using SVG in an HD pipeline. Is there a way to get the SVG's to respect fog?
Thanks,
Jeff

 

...also is dynamic lighting possible?

 

Is there a package that works with 2018.3.0b2?

 

Does anyone else have an issue in 2018.2.3f1 where when you save the scene, any prefab instances that contain vector sprites are reset to the saved prefab properties?

This doesn't happen with the prefab that was originally imported from the SVG, only with prefabs that were created and contain vector sprite objects (at the root or as children, doesn't matter). Actually, even if you create a fresh prefab and add a SpriteRenderer with the Unlit_Vector material and a sprite reference manually, it still happens. If you delete the sprite reference from the SpriteRenderer, then the prefab instance doesn't reset on save.

I'm also using the 2D Animation and 2D SpriteShape previews, not sure if those have anything do with it.

 

Just gave it a try and it looks very promissing. What would be great is for it to allow it to import each object as a separate sprite/mesh so I can have a single .svg file that holds all my games assets - like a sprite sheet! Would be an awesome workflow speedup rather than having to split them into separate files.

But a great feature and will be really useful when its fully integrated into the Unity workflow.

[Edited after seeing update]

 

(Figuring this might be relevant to the subject, if not I'll go to the suggestion topic)
Do you plan to make the OpenType-SVG format compatible?
This font format, compatible with Colorfonts, is created with Fontself, a Photoshop (and Illustrator) extension. It allows creators to create a font from ilustrations (making a textured and colored font for instance).
I have felt this may be a tool designers -like myself- will be glad to work with in games!
But I do miss this option currently.

 

I still can't use a SVG image as an Editor GUI texture even with the new import option, as it won't allow me to set the texture type. I don't know how hard it would be for it to have the "normal" texture import options as if it was a jpeg or png at that point, but it would be nice.

 

I'd like to make GUIContent out of SVG data so I can use it in the UI of my little editor tool. I freely admit that it's a very weird use case, but it requires a way to get from SVG data -> Texture data without going through a sprite, since they only work at runtime (for some reason I don't understand). Maybe there's a way to get the Texture data with this new import option and build the GUI content from that, which I'll try next.

EDIT: Looks like it works to use EditorGUIUtility.Load() and new GUIContent() so that's "good enough" for my weird case. I still think making a texture procedurally without requiring a sprite is useful.

 

@mcoted3d do you have any ideas about this save scene issue in #254?

 

@mcoted3d

Thanks for the help!

I've left some feedback in the other thread:
https://forum.unity.com/threads/unity-ui-svg-support-script.551254/#post-3727651

 

Now if I could run that through Unity's Shader Graph...

 

Yeah something about the project was messed up. It was upgraded all the way up from a 4.3 project so I guess that's not surprising... I created a fresh project and imported the assets and it's fine now.

 

Hey Martin,

Thanks for all of the updates! I've found another issue:

When i create a tile (to go into a tile map) with a vector based sprite, Unity has serious slowdown.

Let me know if you need more details.

Best,
-Michael

 

Hi, I was testing SVG import feature in my pretty simple project on my desktop and everything was normal. But when I downloaded that project on my Laptop I met two warnings with yellow triangle in console:

"Library\PackageCache\com.unity.vectorgraphics@1.0.0-preview.20\Runtime\SVGParser.cs(402,28): warning CS0618: 'WWW' is obsolete: 'Use UnityWebRequest, a fully featured replacement which is more efficient and has additional features'"
and the second is almost the same, but instead of "402,28" that has "402,42";
After these warnings appear, my Unity seriously slows down: periodical 20-30 second total freezes within Unity, only can move mouse(meanwhile other applications in Windows work normally).
I tried to create new project. And only I download Vector Package in my empty project ,via package manager, those two appear again. What should I do about it?

 

. Yes you are right, I was mistaken. Freezes are not related to vector package, I noticed that later.

 

Digging in a little deeper: it looks like it's just a problem with the asset preview. clicking the asset from the project window then clicking something else shows noticable lag and no asset preview is ever loaded.


attaching my svg to see if that helps




That behavior might be livable, but where it really drives me nuts is with a RuleTile (https://github.com/Unity-Technologies/2d-extras) - the inspector window is completely unusable for rule tiles, constantly lagging out.




Is there an easy way to upload a sample project? i made a zip file of an empty project and it's over the file size limit for the forum.

 

When I apply color to the sprite renderer on an imported SVG it works as expected in the editor. When I build to a device (iPad) it displays as white again. Should applying color in this manner be possible?

 

I was trying to see if I could get an SVG to work with a particle system. I believe I would first have to choose to generate a textured sprite as the import setting. When I choose to generate a sprite from an SVG import, the edges don't anti alias to transparency. They seem to use a black matte. Is there a way to treat alpha as transparency for generated sprites?

 

OK, i did some more testing. the problem is that my svg contains dropshadows. If i have svgs w/o drop shadows, they work fine.

 

Ok i've found another issue. Preserve viewport is only working some of the time. Some of the time when it is enabled, my image disappears. I've attached two simular svgs, one that works with preserve viewport and one that doesn't.


I'm using Gravit to produce these SVGs. But getting different behavior for two that were produced the exact same way.

 

I am having an issue with this. I tried to edit my SVG file's import settings, to have different T B L and R settings, however when I click apply, it reverts it ALL!! All I am trying to do is make a rounded UI-looking-item that works on all things larger than 100px by 100px (I do this by having a circle that is 100x100, and setting T B L and R to 50). I can do this fine with a normal sprite, but am unable to make this work for ANY SVG file. If there is a way to fix this, or a better way of doing this, PLEASE let me know!

 

Thanks.

Thanks. I'm not sure what happened. I'm no longer seeing this behavior. I did notice that I have to keep the material on Unlit_Vector in order to apply color.

EDIT: Oops. I see now that one of my test iPads doesn't support this while others do. Is there a minimum iOS level that guarantees hardware support for this? Maybe 10?

 

What is the difference between dragging the icon for the vector item into your scene versus the sprite that is revealed with the collapse arrow for that same item. Hopefully that makes sense (I'm sure that isn't the proper UI jargon).

When I drag the vector icon, it is treated like a prefab. When I drag the sprite, the name is appended with sprite and it isn't a prefab. One starts with the Unlit-Vector material while the other uses Sprites-Default.

I noticed I can apply color to the Unlit-Vector, but not the sprite material. But I can manual apply the Unlit-Vector material to the sprite and then apply color.

I just want to be sure I understand what is going on so I don't get too far down a bad path. Do both still have the same vector advantages?

 

Is it working with Sprite Mask?

It seems it works while in Scene Editor but when I'm on Play mode, the effect disappears.
I'm trying to make a child app, only using svg files. I don't have any big problem for now.

And an additional question: I want to make dark when my animals are unavailable. How can I achieve it? What is the proper way? I was considering to set black the color property of Sprite Renderer but it doesn't work for svg. For now, only solution to me seems make dark versions of svg files which I want to ignore I hope you got better solution than mine!

EDIT1: It turned out I got better idea stay tuned for EDIT2

You can check some wip video here:

 

I'm starting to see a constant flow of this error:
"Incomplete mesh data in Sprite. Please reimport or recreate the Sprite."

I don't see any obvious visual anomalies. Is that something to be concerned about? I'll try to track down which specific item might be causing this in my scene.

EDIT: I found the problem. I had imported an sequence of SVGs to create an animation. The first frame was an empty/blank SVG. I removed it from the project.

I'm not sure that counts as a bug, but I just wanted to report it to be sure.

 

I have been using the color property on SVGs successfully. You need to set the material to Unlit_Vector (included in the package). Unfortunately, it doesn't seem to work on older iPads because it currently uses GPU instancing to achieve the results.

I use this all the time, so I'm hoping they can find a way to increase compatibility.

 

Hi,

Just testing out using vector drawings for backgrounds in a top-down 2D game. Having an issue with the visibility of some lines though, which seems to vary depending on camera zoom level. I'm not sure how to solve it though! Any tips?

For reference:

Source



In-Game

 

You're totally right - anti-aliasing sorted that out. Cheers!

 

After updating package version, it worked almost completely, I also needed to fix the material for some sprites... thanks!

The better idea I mentioned early was adding unlock animation in front of unavailable animals. Today I completed the animation and I will use both.

 

Hi. I am new with svg in Unity.
I ask you about a question about the size of the files. I have a png sprite of 118 x 37 px and a size of 4 kb (See it below)
I pass it to vector with Inkscape and import it into Unity as svg sprite. The size of the sprite itself is now 147 kb.
Is this normal or am I doing something wrong?
Thanks in advance.

 

Hi! Do you have any news about svg animation? Any updates or plans?

 

Thank you very much, mcoted3d. I'll keep trying, then.

 

I'm getting mixed results with the preserve viewport option. It was working previously as expected. I thought this was meant to maintain the relative document size so that I could get similar registration from multiple SVGs that were prepared with the same document size. In many cases, when I check this box, my art gets clipped off. I'm generating my art with Adobe Illustrator. Does this sound like a problem with the SVGs?

My goal is to have a dependable relative scale for all my SVGs.

 

I had the same issue above. I'm using gravit designer instead of illustrator. I've found that preserve viewport works on 40% of my svgs, the rest of the time it just give me an empty sprite. My SVG is linked above.

 

I've been doing some troubleshooting on this. I noticed that SVGs generated from Animator (Flash) worked great with preserve viewport, but those generated with Illustrator files were not working. I compared the SVG code and determined that Unity requires the width and height to be defined specifically. It would be interesting to know if this fixes things for you as well. I think that Unity should take these measurements from the viewBox data if width and height are not supplied.

This clips off in Unity (generated by Illustrator):
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 881 36" enable-background="new 0 0 881 36" xml:space="preserve">

And this work properly (generated by Adobe Animator):
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="881px" height="36px" viewBox="0 0 881 36">

To get my Illustrator SVG to work, I have to manually add width and height like this:
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 881 36" enable-background="new 0 0 881 36" width="881" height="36" xml:space="preserve">

Perhaps this could be supported automatically in the future? It seems like every graphics app arranges the SVG code with slight differences.