SVG Animation

Post reply

❤Follow Topic(4)

0 favourites

4 posts

From the Asset Store

4 Block Soldiers Animations

$10 USD

4 Block Soldiers with different animations, 400x400

ap301805

- rafaeltrigo
- - Joined 10 Oct, 2018
  - 24 topics • 169 posts
- 1
- 2 Sep, 2021
- Quote
Hi , Is there a way to play a svg Animation ?

I create the animation with inkscape with some layers , save a svg file

I went to: chr15m.github.io/svg-animation-assistant imported the file

and play and exported the svg animation

I imported this file into c3 and played it with iframes

But when inporting to normal svg object it doesnt play the animation

it seems very lighter comparing with normal sprite animation as you can see in the imagememoryusage , and when playing with iframe it is almost 0 imagememoryUsage

file with project

dropbox.com/s/h56yua5grnxamq5/svgAnimation.c3p
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- nyuszi008
- - Joined 14 Mar, 2016
  - 7 topics • 30 posts
- 1
- 2 Sep, 2021
- Quote
I think the SVG picture does not support animations.

Iframe and SVG picture work with different methods (Just my imagine).

- SVG picture: convert SVG file to 2D rasterized texture, you can deform, add effect, edit etc.

- Iframe: it is a browser "tab" that use the browser HTML render engine to show an SVG file you cannot modify with construct's tools.
- rafaeltrigo
- - Joined 10 Oct, 2018
  - 24 topics • 169 posts
- 1
- 2 Sep, 2021
- Quote
Hi nyuszi008 ,

Yes c3 currently does not support it ,

so Im wondering if there is any way to make this work ,since svg animations work in layers .

and yes iframe works differently , i just showed that the same svg file contains an animation in it like ( gif ) images.

Even though C3 convert SVG file to 2D rasterized texture it could keep the animation on it.

Because the c3 animation editor doesnt have many tools , so we must have to use other tools outside of construct to make graphics and animations , and for me that uses SVG it would be amazing to keep the animation in the file .
- newt
- - Joined 12 Nov, 2008
  - 396 topics • 10,741 posts
- 1
- 2 Sep, 2021
- Quote
Just export the layers as frames. Trying to rasterize at runtime is not process cost effective, or performant, that's why it doesn't do that. If it was we sure as heck wouldn't be using svg for fame type animation anyway. We would use it to interpolate the splines for real animation.