Embed SVG animation inside phaser scene

I recently came across Phaser about three weeks ago while searching for a platform to build a language learning game for my kids. The learning curve has been surprisingly low, and the abundance of examples has made the process smooth.

Now, I’m looking to integrate SVG animation into a scene. This is the code snippet I would like to incorporate into my scene: SVG Animation Code. Despite searching the forum and Stack Overflow, I couldn’t find a suitable solution.

Some suggestions involve converting SVG paths to points. However, I have over 800+ SVGs.

I would greatly appreciate your assistance with this matter. Thank you!


Phaser can’t interpret SVGs at all, but with the help of some other library you might be able to convert them to Phaser Paths.

Or it may be simpler to use a DOM Element game object.