Adobe Animate HTML5 Laden Animation

Ich habe eine Präsentation mit Adobe Animate HTML5 Canvas erstellt und jetzt möchte ich eine einfache Animation hinzufügen, die ausgeblendet wird, sobald die Präsentation geladen ist. Ich habe die Animation und platziere sie im HTML-Format, aber ich kann nicht herausfinden, wie man sie verschwinden lässt, sobald alles geladen ist. Hier ist der Code:Adobe Animate HTML5 Laden Animation

<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>

Was stelle ich und wo so, dass „MyLoader“ wird verstecken, nachdem die Leinwand geladen ist?

Vielen Dank!

Quelle

2016-06-20 Mark Bauer

Die Methode handleComplete wird ausgelöst, wenn das JavaScript und sein Manifest geladen sind. Sie können also den Code eingeben, um den Loader dort auszublenden.

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

Quelle

2016-06-21 21:48:22 Lanny

Brilliant! Ich danke dir sehr –

Adobe Animate HTML5 Laden Animation

Antwort

Verwandte Themen