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!
Brilliant! Ich danke dir sehr –