Phaser & SVG Files

[webcaetano]

Its possible to convert SVG to Canvas Graph

[benlooi]

Had some luck drawing SVG from inkscape to Phaser using Canvas, although it is a bitmap.

The latest Inkscape version 0.91 can save your SVG as HTML 5 Canvas, so all I did was draw my image, then save as HTML5 canvas.
 

It generates an HTML5 script with your lines and bezier curves data points and path, then you simply prefix it with your variable name.

You have to create a bitmapData object first, e.g.,
 var theSVGimage = game.make.bitmapData(300,300);

theSVGimage.ctx.beginPath();

...and so on. Paste the Inkscape generated ctx code here.

 

[eddieone]

On 4/1/2014 at 9:54 PM, rich said:

I may experiment supporting loading SVG files then They would have to render to bitmaps of course, as the game itself cannot (and should not) run in SVG, but at least it would let you load and use the assets.

People would use the vector 2 bitmap trick in Flash. Though I got away with vectors, it was likley to optimization behind the scenes. I suspect browser JS engines will some day have the same capability. If not through engine optimization than through miniaturization of computer parts.

[espace]

Hi nobody use svg file with a spritesheet animation ? I need an example because the main way don't work.

[ivanix]

Looks like SVG is coming to pixijs : )

https://github.com/pixijs/pixi.js/pull/2614

 

[espace]

wouaw