SVGTextureRegionExtension

[Nicolas Gramlich]

Hello Community,

over the past couple of months the SVG-->Texture(Region) idea was floating through the forums. (Not only) My opinion was that it would be to slow to be well usable, especially thinking of startup times.
Inspired by the library behind Androidify ( http://code.google.com/p/svg-android/ ), I worked a little on this now ...
I had to rewrite their path-parser so it can handle both formats that are used by Inkscape and Adobe Illustrator. Together with some many bugfixes and lots of refactoring and enhancements here are some examples:

From left to right:

1. Created from scratch using Inkscape
2. Created from scratch using Inkscape (including gradients)
3. Created using Adobe Illustrator (does excellent and clean export btw!)
4. Created by opening previous image and saving it using Inkscape ( need to fix gradients as Inkscape saves weird things when importing a svg created with Adobe Illustrator )

Note: The second monkey-thing looks blurrier, as it is rendered at a lower resolution as the first one and is then upscaled by opengl.

andenginesvgtextureregionextension_2.png (45.78 KiB) Viewed 3794 times

This is how you would use it:

Syntax: [ Download ] [ Hide ]

Syntax: [ Download ] [ Show ]

Using java Syntax Highlighting

1. int size = (isHighResDevice()) ? 128 : 64;
2. ITextureRegion textureRegion = SVGTextureRegionFactory.createFromAsset(this.mBuildableTexture, this, "gfx/vector.svg", size, size);

Parsed in 0.032 seconds, using GeSHi 1.0.8.4

Also you'll be able to render svg files to PNGs so that you have to render them only once, i.e. when the game is first started, and after that only have to load them i.e. from the SDCard.

Example: The FarmTower SVG Chicken rendered in different sizes! (8x8, 16x16, 32x32, 64x64, 128x128, 256x256)

andenginesvgtextureregionextension_3.png (102.19 KiB) Viewed 3788 times

The compressed SVG is about 1.5kB where the size of the images (png) is about 20kB.

Conclusion: You'll be able to render your sprites directly from svg to textures in the perfect device-specific size, which you determine during runtime, instead of putting a pre-rendered png into each and every resource-folder (ldpi/mdpi/hpdi/xhdpi/xlarge/... ).

That's it for today.
Will fix the remaining issues tomorrow Done.
[Edit]Now working on allowing to specify the width/height to render the svgs at.[/Edit] Done.
[Edit]Now working on gradient strokes.[/Edit] Done.
[Edit]Adding support for "Optimized Inkscape-SVG" (has all redundant and Inkscape specific tags/attributes stripped!)[/Edit] Done.
There will be a public release in a couple of days. Done.

Download

Jar: http://code.google.com/p/andengineexamp ... ension.jar
Repository: http://code.google.com/p/andenginesvgte ... extension/

Best Regards,
Nicolas

[Nicolas Gramlich]

*Updated*

[rkpost]

Nice job!!!

About performance, is possible to load SVG only once, right? (SVG needs more CPU than PNG)

[Nicolas Gramlich]

Nice job!!!

About performance, is possible to load SVG only once, right? (SVG needs more CPU than PNG)

Parsing a SVG and rendering it is probably at least 10x slower than simply loading+decoding a png.
Yes, the developer should implement some kind of "initial loading", i.e. when the game is started first. (Maybe I'll add some kind of caching on the Engine level).
BUT: For an "average game" the slower loading might still be fast enough, though!

Best Regards,
Nicolas

[Nicolas Gramlich]

[Edit]Adding support for "Optimized Inkscape-SVG" (has all redundant and Inkscape specific tags/attributes stripped!)[/Edit] Done.

"Optimized Inkscape-SVG" and "Adobe Illustrator SVG Basic 1.1" will be the desired export options! (Both create: clean short and readable svg data!)

I'm currently porting FarmTower to use this extension. When I'm finished I'll probably have stumbled over most bugs/SVG corner cases

Best Regards,
Nicolas

[pep_dj]

Great work Nicolas. Would be nice to see andengine games in HD

[Nicolas Gramlich]

FYI: FarmTower HD (old package, new name) is out! ( https://market.android.com/details?id=o ... mtower.eco )

Would be great if you could give it a try.

Btw: I'm not caching any svg, all are rendered when the a game is started! Startup is about 1 second longer (but still acceptable imo).

Best Regards,
Nicolas

[angel.ivorra]

Great work, it looks amazing... i'm excited to see the the sources in the repository...

Great work !!

[Obg1]

Farm Tower HD Looks great on my Tablet, the only issue is texture bleeding, but its not related to the SVG Extension

[nikit87]

Hi, Nicolas!
I realy want to use this extension but it's like a bug in repositiry or something else.

There are many revisions in project activity (http://code.google.com/p/andenginesvgte ... dates/list), but when i'm tried click on it the error appeared. And when i'm tried to browse source appear error "Error retrieving directory contents." Checkout empty too. Is it temporary problem or something else?

P.S. You project realy, realy awesome!