flash html canvas published file taking more than 1 mins on loading

Report · May 17, 2018

Hi,

I developed animation in animate cc in html canvas, i launched publish file on browser. it taking more than 1 min on loading.

Please suggest how to load fast? Same animation developed in GWD tool, it load more faster than flash html canvas published file.

Regards,

Kanhaiya

Report · May 17, 2018

Hmmmm you will have to give more information.

What is the total published file size?

Are you saving out to sprite sheets ? What is the files size of said sheets....if not using spirtesheets.....

What is the largest single file ?

What is the average file size ?

Sound files ?

Javascript files ?

What is the size of the published JavaScript file if no embedding in html ? if embedding what is the size of the html file size ?

Regards,

Report · May 18, 2018

What is the total published file size? - 1.42 MB

Are you saving out to sprite sheets ? What is the files size of said sheets....if not using spirtesheets.....

yes sprite sheets - 1.39 MB already optimized

What is the largest single file ? sprite sheets

What is the average file size ?1.42 MB

Sound files ? No

Javascript files ? 18 KB

What is the size of the published JavaScript file if no embedding in html ? if embedding what is the size of the html file size ?

one html, one js and one sprite sheet. We keep images on server, use image server path in js and copy all script from js and paste in html before closing (</script>) and below lines add in html

var loader = new createjs.LoadQueue(false);

loader.setMaxConnections(6);

Report · May 19, 2018

Hi.

What happens if you try to load the images from a local storage device?

Report · May 20, 2018

Hi,

All images placed on host and give the path of images in js and copy js and paste in html and embed the html in website.

when first time is auto load innovation and taking time more than 2mins and second time on click replay, it taking less than 2 mins because it cashed.

When innovation load, it appear white background, then images load. see in below link

http://static.indianexpress.com/frontend/adtest/Online_IE/Mock_Up/amazon_prime_innovation1.webm

Live on

http://indianexpress.com/section/entertainment/

if i developed in google web designing tool, it works fast than animate cc canvas but GWD is not very good tool than animate cc in development point of view. That's why i need solution.

Regards,

Kanhaiya

Report · May 20, 2018

If your using chrome do a network log and check where the bottleneck is, a single 1.4 meg file is large on slow connections.

Even using concurrent preloading it will bottleneck, as it it sitting there downloading the file before it can continue.....the next issue is that the larger sprite sheet using the default jspreloader, occasionally trigger completed while the file is still downloading.

If your using loader.setMaxConnections, personally, you would be better off not using spritesheets.

For our content, we have completely moved away from spritesheets, it also allows one to make custom code to pre-load images in a more dynamic fashion, either loading them as the user scrolls down, or only load whats needed on the loading page, then load the rest etc etc.

Regards,

Report · May 22, 2018

Hi,

Please suggest step by steps for resolve loading issue. I am at immediate level.

i am using individual images 28 images, that's why i used

loader.setMaxConnections(6);

Please confirm what is 6 in argument.

Regards,

Kanhaiya