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

ブリリアント！どうもありがとうございます –

Adob​​e Animate HTML5読み込みアニメーション

答えて

関連する問題

Adobe Animate HTML5読み込みアニメーション