Skip to main content
ashleys68958204
Participating Frequently
June 3, 2017
Answered

Slow animation playback in editor.

  • June 3, 2017
  • 1 reply
  • 724 views

Newbie here. I am trying to animate something.. but whenever I press play on my timeline, the playback is super slow. Infact under the timeline, it just gets slower and slower as the animation goes on. finally ending on about 1 fps...

I have checked for any graphic driver updates, but there aren't any.

Specs:

CPU - i5 4670k

GPU - R9 290x

RAM - 16GB

    This topic has been closed for replies.
    Correct answer Colin Holgate

    https://livecornwallac-my.sharepoint.com/personal/ashley_sumner980_live_cornwall_ac_uk/_layouts/15/guestaccess.aspx?doci…

    how is this?


    That helped.

    Although what you're doing may be a relatively simple thing if you were using paper and pencil, getting that effect is expensive in terms of curves and CPU demand. Taking a single frame of the handwriting and publishing that gives a js file of over 400k. Ten frames of it is 1.5 MB. I think that when you're done animating it make take a few hours to publish, and many megabytes of code to reproduce.

    One of those frames of handwriting is made up from 198 lines, which when converted to curves is over 41,000 of them. Roughly speaking you're trying to draw 1.4 million curves in 3 seconds.

    If you were using another kind of tool, like After Effects for example, you would render the sequence as video to make it playable. You could do something similar in Animate. After drawing each frame of the text animation you could convert the frame to be a bitmap. You could keep the original vectors in a graphic symbol, in case you need to edit it after making it be a bitmap. The 70 bitmaps would take under 400k, and would play back at 24 fps. If you optimized the PNGs you could reduce the bitmaps to about 130k.

    1 reply

    kglad
    Community Expert
    June 3, 2017

    publish your html/swf or html/js/assets and upload to a server, and post a link to the embedding html.

    ashleys68958204
    Participating Frequently
    June 3, 2017

    Like this? Asylum_Closeup

    Colin Holgate
    Colin HolgateCorrect answer
    Inspiring
    June 3, 2017

    https://livecornwallac-my.sharepoint.com/personal/ashley_sumner980_live_cornwall_ac_uk/_layouts/15/guestaccess.aspx?doci…

    how is this?


    That helped.

    Although what you're doing may be a relatively simple thing if you were using paper and pencil, getting that effect is expensive in terms of curves and CPU demand. Taking a single frame of the handwriting and publishing that gives a js file of over 400k. Ten frames of it is 1.5 MB. I think that when you're done animating it make take a few hours to publish, and many megabytes of code to reproduce.

    One of those frames of handwriting is made up from 198 lines, which when converted to curves is over 41,000 of them. Roughly speaking you're trying to draw 1.4 million curves in 3 seconds.

    If you were using another kind of tool, like After Effects for example, you would render the sequence as video to make it playable. You could do something similar in Animate. After drawing each frame of the text animation you could convert the frame to be a bitmap. You could keep the original vectors in a graphic symbol, in case you need to edit it after making it be a bitmap. The 70 bitmaps would take under 400k, and would play back at 24 fps. If you optimized the PNGs you could reduce the bitmaps to about 130k.