SVG Importer | Vector Graphics | Unity UI Supported [OPEN SOURCE]

Jaroslav Stehlik Hello. did you get a chance to take a look at the project I put in Dropbox?

 

Hi,

I am really sorry, I forgot to reply to your email. I wanted to send you the latest version,
But now you can download version 1.1.0 on the Asset Store. It was updated just today.
There is a new shader called SolidColorDiffuseOpaque
SVG Importer/SolidColor/SolidColorDiffuseOpaque
and that should work,

There is a limitation which I discovered lately that it is almost impossible to support full unity lighting system
on fully or semi-transparent objects because it creates the artefact which you discovered,
the invisible parts which show up are actually a natural phenomenon of the lighting shader passes
which is not possible to fix without some limitations. We can make a transparent shader which will support 1 light but more lights would be very inefficient without the artefacts.

Again, I am really sorry that I forgot to reply to your email. Please accept my apology.
Best regards!

 

Hi Jaeoslav. Thanks for the help.

But I am confused. I was using only one light. And my SVG asset was not fully or semi-transparent it was opaque (that's what I set it to in the SVG inspector) . So what was I doing wrong or what was I doing that is not supported?

 

The SolidColorDiffuseOpaque shader did the trick. Thanks.
As for the Sorting settings: Since the Unity sorting does not work on Opaque objects am I correct in assuming that under Unity Sorter, Sorting Layer and Sorting Order have no effect, and also under SVG Sorter, Override Sorter also has no effect on opaque objects?

 

We are very pleased for the quick response.
We need it by the end of January.
Could you make it?

 

SVG Sorter supports Opaque Objects
But every SVG renderer gameobject has to be put in the SVGsorter gameobject

 

Hi Jaroslav. New update is really awesome! Antialiasing is amazing. Now we use it for all UI elements so they look great. Thanks for fixing all issues we posted to you and adding all these new features. SVG Importer is so cool tool. Wish you good luck!

 

Hello Jaroslav!

First of all, and as has been said so many times, thank you SO MUCH for a great asset! Keep up the awesome work. Also, it was really nice to meet you (back in Unite Europe - Amsterdam), after your delightful session, which led me to buy the asset in the first place!

I just had a very weird experience with an SVG asset, and maybe you could shed some light on the issue (I scanned this entire thread looking for previous related posts but found none - hopefully I didn't miss it and I am not double posting).

I am working on a project, and just updated the SVGImporter asset to the latest version. Now, I am not 100% sure this started to happen AFTER the update, since I had not imported any new assets for a long time, but today I needed to add a new asset (a very simple SVG graphic for a button) so I saved it out of Adobe Illustrator CC (as I did with the previous assets), and dragged it into the Unity Editor (to a folder where I keep the other SVG assets). So far, all was good, as always had been.

But then it got weird.

I noticed the icon/avatar/preview for the asset (on the editor) was a different shade (it looked a lighter color) than the other, equally-colored buttons (all these buttons are copies of the same shape, with different icons over it); at first I thought I had messed up somehow on exporting, so I saved the scene I was working on to go check the file on Illustrator... and I noticed that in the console I had a "notification warning" that read as follows:

"Cleaning up leaked objects in scene since no game object, component or manager is referencing them
Mesh has been leaked 2 times.
Mesh Circle Fill has been leaked 1 times.
Mesh Path Fill has been leaked 1 times."

Again, I thought this was related to the file I just exported, so I went and checked the settings, etc., all looked good, tried again, same thing. THEN I tried with one of the (original) files I had already imported before (currently sitting comfortably as assets on the project) and the SAME thing happened again: the preview looks "lighter colored", and the "error/notification" appears. And when you double-click the warning on the console, a different "object" (according to the imported file) appears on the Inspector - in one case, for example, it showed as a "Path Fill" with some weirdly distorted version of the icon that is part of the asset. Of course, the referred item does NOT appear on the hierarchy, and there is no way to erase it, apparently.

I then deleted the recently imported asset, but the error kept showing up every time I saved the scene. Tried again, same behavior. Weirder: I then closed the editor, without erasing the asset, and when I opened the project again, there was the asset (with the weird color on preview) and the error was gone! Even weirder: when placing the asset on the hierarchy, it renders perfectly, good color, and in general behaves exactly as expected - save for the weird preview. And even on a clean, new project, with JUST the SVGImporter package added, this behavior still happens.

This was tested both on Windows (10) and Mac OS (10.11), with Unity 5.2.2f1 (Personal) and the current version of SVGImporter (reported by the Asset Store as 1.1.0).

Any ideas? It is not "bad" per se, since everything seems to be working OK, but it is VERY annoying for me at this point in the project, and it certainly gives me a little apprehension - I fear whatever is causing this "warning" comes later to bite me in the behind, so to speak.

Thanks in advance for any help. If there is any information missing that might help you help me, please let me know, I'll try to provide it ASAP.

 

Contact me please on my Skype, so we could look at the problem together.
Thanks for the detailed post I really appreciate that!

Please contact me on my email.
http://svgimporter.com/contact/

 

Hi Jaroslav, in 3.1 "Keep svg file" does not explain why I would want to do this, do you not want to always exclude the svg file?

Another perhaps silly question, but for the mesh AA would it be possible to add the faded geometry within the original geometry so that the size does not change?

Great asset allround though, thanks!

Bas

 

Hi,

Thanks for the hint!
If you don't need the original SVG text file then definitely turn of the option so you can decrease the file size.

This is a good point, right now I don't know how to implement it because the center and pivot point
is calculated based on the mesh bounding box, but there is an option called
"ignore canvas" and if you turn off this option, the SVG will respect the original canvas size and
ignore the mesh bounding box, which can help.

 

Yeah, I am wondering what I would gain from including the svg text file, are there uses cases for doing this?

Im not quite sure I understand, would it not be possible to maintain the exact mesh shape? So instead of adding a small layer on the outside, add it on the inside?

 

UGUI mode are all displayed in pink

 

Could you please elaborate which version of Unity and OS are you using? Thanks!

 

4.6.9f1 and Windows 7 x 64

 

Thanks! I will check that. This version of Unity I did not tested yet.

 

Hi, I am not able to reproduce the problem. I just installed Unity 4.6.9f1 on Mac and it works.
Does this happen in the editor or only on the device?
Thanks. Please try to remove the plugin and reimport it if that helps.

 

Just bought the asset and seems to work well out of the box which is great. I am though getting errors when building: Shader error in 'SVG Importer/Standard SVG': Program 'fragForwardBase_SVG', error X4506: ps_4_0_level_9_1 input limit (8) exceeded, shader uses 9 inputs. (on d3d11_9x). It does not seem to stop the build from completing running though is a bit of a worry.

 

Hi,

which version of Unity do you run and what is your build target? Thanks!

 

I'm on 5.2 building for desktop 32bit.

 

Thanks, for the info!
If you see any problems please report them to me. But this message should not be basically harmful.

 

Hi Jaroslav!
I was just looking at your asset, and man it does look good!
I'm on the edge to buy it but have one question. Have you any plans on supporting: filter 'blur, bevel, drop shadow, glow and texture images in the future? thanks!

Kenneth

 

Hi!

Thanks! Unfortunately not, these effects are hungry for performance especially in real-time.
I would highly suggest using prerendered sprite with the effect which is far more efficient
than doing anything like this in real-time.

 

Okay, thanks for the insanely fast answer! Still gonna buy you asset ;-)

 

Hi,
This assets really sounds great ! I was wondering if it works when re-scaling assets in-game ? Will it keep the assets crisp ?

Thanks

 

Hi,

It depends on what is meant by definition of crisp.
If you scale any of the vector graphics made by SVG Importer it will always stay sharp.
But you have to turn on antialiasing for that purpose because it behaves more like a 3D model.

If we are talking about rounded objects, like bezier curves then it depends on the chosen quality.
Lower quality means fewer points "more performance" but less smooth curves and
higher quality means more points and smoother curves "less performant". It is always about your needs.

But in most use cases in which we ended up, most games do not need drastic zoom changes.
Cheers!

 

Hi,

I mean svg file that represent characters or props in my games. Looks like SVG Importer it's a really great plugin and could be a must have - especially for Apple TV apps which have to be less than 200 MB !

Thanks

 

Is there any way that I can setup SVG Importer to generate an SVG Asset that can be used in Puppet2D to do what is being done to the dragon's eye between 2:00 and 2:40 in THIS VIDEO? I tried and nothing works.

It'd be great and of value to SVG Importer if you could work with the Puppet2D developers to add this functionality.

 

Hi!

The video link seems broken.

 

Sorry. This is the video:

 

Hi thanks,

I would have to investigate this because on sprites FFD it is much easier because you can
generate the sprite mesh as you wish. In vector graphics the mesh has to copy the shape and features of the graphics
so it will produce more artefacts simply because it is more complicated. But I am looking for animation tools on vector graphics.

 

Puppet2D might be the best choice to work with because I think it has the most users compared to similar assets. And the developer is very active with his support.

 

Why can't I access the Customer 1 Closed Mouth Instance mesh that SVG creates like I can other meshes?
https://www.dropbox.com/s/d2tyqn4lx0vlzhd/Mesh2.PNG?dl=0
https://www.dropbox.com/s/bh513k0mkhhib5r/Mesh.PNG?dl=0

 

I understand the desire for Puppet2D but there are other animations packages to consider, such as Spine which is also very popular. If you make SVG Importer compatible with animation tools, I recommend you to consider how it works with multiple animation tools. Might help to think about the problem more abstractly as well.

 

Because SVG Asset wraps the mesh so it can contain all the important information for rendering the vector graphics correctly in one nice file. If you want to export the mesh and change it manually, you can export it on the SVG Asset it self. There is a button "Save Mesh File" for this reason.

I personally uninstalled puppet2D after a half day when I created a rig and when the rig was not working as intended
I could not go back to redo the rig. I had to throw everything and create it from scratch which is By my opinion a really bad design. Also the editor script creates a lot of garbage in the scene and the game object hierarchy becomes easily bloated which I really hate. Spine, on the other hand is really intuitive and professional tool, but it would require working closely with the developer to support the plugin inside SVG Importer. I would rather support spine than Puppet2D

 

I see. I didn't know this. Spine is very expensive. Would I need the professional version? It is required for meshes. But I can't afford $290. Now I am sorry that I bought both SVG Importer and Puppet2D. I should have bought Simply SVG because at least they are willing to work with the Puppet2D developer. Dammit. Even after 6 months of research I screw up and spend money on the wrong tools.

 

You did not screw up, sorry if it sounded a little bit harsh.
You can always refund the plugin if you want, I don't want to drain anyone.

My actual plan was to create custom animation tools which would fit the SVG Importer better,
because the SVG Importer right now is in a stable state, so I can start to create animation tools
in this next year.

Cheers!

 

Have you tried with Anima2D which is within my price range?

 

I will take a look at it!

 

Thanks. But maybe even Anime2D won't do what I want because I don't think it has that FFD (Mesh deformation) function. Can you recommend anything else beside Spine. I'll never buy that as it is just way too expensive for me.

 

1

Thank you. I just DMed you.

 

Hi Jaroslav,

Would appreciate if you can get rid of all console/compiler warnings before next release.

Cheers,
Patrik

 

Hello Jaroslav,

I have this error after updating Unity to 5.3.1
"error CS1061: Type `System.IO.FileInfo' does not contain a definition for `Length' and no extension method `Length' of type `System.IO.FileInfo' could be found (are you missing a using directive or an assembly reference?)"
I updated SVG Importer too, but the error is still showing.

Chrs,
M

 

Hi, could you please try to remove the SVG Importer and reimport it from the Asset Store?
Also, please backup your svgImporterSettings file, so you can retain your original settings.
Thanks!

 

Hi, I did that but nothing changed. the error is still there.

 

Strange, still thanks for the info!

 

any update?

 

Hi
A small question: Do you support svg text elements?

 

Hi,

Unfortunately not, it is much easier to convert text to curves directly in your vector graphics editor.
But I can imagine that you are asking because of Realtime import?

 

Im thinking of using your svg importer for my games but I'm not sure if what I want to do will work with it. I want to use animations like this one:

The problem I have is: if I animate it in toon boom I can only export it to a swf or tvg image sequence. I either need to find a good batch converter to convert tvg in svg or animate the assets in unity which will probably be very tiresome and unpractical. Maybe something like a svg spritesheet would work but I've never seen anyone use something like a svg spritesheet.