Preload Spinner or Loading Bar for Adobe Animate CC HTML5 Project

i have seen question around, haven't found answer.

my project contains on 200 jpegs, , though they're few kb large, project takes while appear.

it great have spinner, progress bar, loader, can play (and let viewers know should wait) until assets loaded.

 

i found website: heartcode canvasloader creator | smarter animated gif

and many similar ones allow customize spinner , download .js code. need understanding code.

do place in published .js file? place somewhere inside adobe animate cc project before publish? alter html file, too? how keep content playing until loaded, , how hide spinner when content ready go?

 

please help, info great. thanks!

in other topic asking progress loader, still don't know how do. animated gif, or linked to, lot easier.

 

the general approach set canvas invisible, , set background of div it's in animated gif. when canvas loaded set div background none, , set canvas visible. last 2 lines this:

 

	canvasholder.style.backgroundimage = "none";
	canvas.style.visibility = "visible";

More discussions in Adobe Animate CC - General

adobe