Adobe Animate HTML5 로딩 애니메이션

Adobe Animate HTML5 canvas로 프리젠 테이션을 만들었으므로 프리젠 테이션이로드되면 숨겨지는 간단한 애니메이션을 추가하고 싶습니다. 애니메이션을 가지고 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>

캔버스가로드 된 후 "내 로더"가 숨기려면 어디에 배치해야합니까?

정말 고마워요!

출처

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 로딩 애니메이션

답변

관련 문제