Adobe Animate HTML5 загрузка анимации

Я создал презентацию с холстом Adobe Animate HTML5, и теперь я хочу добавить простую анимацию, которая скрывается после загрузки презентации. У меня есть анимация и поместил ее в HTML просто отлично, но я не могу понять, как заставить ее уйти, как только все будет загружено. Вот код:Adobe Animate HTML5 загрузка анимации

<html> 
<head> 
<meta charset="UTF-8"> 
<title>Intervention</title> 
<!-- write your code here --> 


<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> 
<script src="Intervention.js"></script> 
<script> 
var canvas, stage, exportRoot; 
function init() { 
    // --- write your JS code here --- 

    canvas = document.getElementById("canvas"); 

    var loader = new createjs.LoadQueue(false); 
    loader.installPlugin(createjs.Sound); 
    loader.addEventListener("complete", handleComplete); 
    loader.loadManifest(lib.properties.manifest); 
} 

function handleComplete(evt) { 
    exportRoot = new lib.Intervention(); 

    stage = new createjs.Stage(canvas); 
    stage.addChild(exportRoot); 
    stage.update(); 
    stage.enableMouseOver(); 

    createjs.Ticker.setFPS(lib.properties.fps); 
    createjs.Ticker.addEventListener("tick", stage); 
} 


function playSound(id, loop) { 
    return createjs.Sound.play(id, createjs.Sound.INTERRUPT_EARLY, 0, 0, loop); 
} 
</script> 

<!-- write your code here --> 

</head> 
<body onload="init();" style="background-color:#D4D4D4;margin:0px;"> 
    <canvas id="canvas" width="833" height="510" style="background-color:#FFFFFF"></canvas> 
    <div id="MyLoader" style="position: absolute; top: 255px; left: 416px;"><img src="./images/myloader.gif"></div> 
</body> 
</html>

Что я помещаю и где, так что «MyLoader» скроет после загрузки холст?

Большое спасибо!

источник

2016-06-20 Mark Bauer

Метод handleComplete запускается при загрузке JavaScript и его манифеста, поэтому вы можете поместить код, чтобы скрыть загрузчик.

function handleComplete(evt) { 
    document.getElementById("MyLoader").style.display = "none"; 
    // other code in this method not shown... 
}

источник

2016-06-21 21:48:22 Lanny

Блестящий! огромное спасибо –

Adobe Animate HTML5 загрузка анимации

ответ

Смежные вопросы