|
|
@ -1,18 +1,18 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<!-- |
|
|
|
NOTES: |
|
|
|
1. All tokens are represented by '$' sign in the template. |
|
|
|
2. You can write your code only wherever mentioned. |
|
|
|
3. All occurrences of existing tokens will be replaced by their appropriate values. |
|
|
|
4. Blank lines will be removed automatically. |
|
|
|
5. Remove unnecessary comments before creating your template. |
|
|
|
--> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<meta name="authoring-tool" content="Adobe_Animate_CC"> |
|
|
|
<title>bird</title> |
|
|
|
<!-- write your code here --> |
|
|
|
<!DOCTYPE html> |
|
|
|
<!-- |
|
|
|
NOTES: |
|
|
|
1. All tokens are represented by '$' sign in the template. |
|
|
|
2. You can write your code only wherever mentioned. |
|
|
|
3. All occurrences of existing tokens will be replaced by their appropriate values. |
|
|
|
4. Blank lines will be removed automatically. |
|
|
|
5. Remove unnecessary comments before creating your template. |
|
|
|
--> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<meta name="authoring-tool" content="Adobe_Animate_CC"> |
|
|
|
<title>source-code</title> |
|
|
|
<!-- write your code here --> |
|
|
|
<style> |
|
|
|
#animation_container, #_preload_div_ { |
|
|
|
position:absolute; |
|
|
@ -20,29 +20,29 @@ |
|
|
|
left:0;right:0; |
|
|
|
top:0;bottom:0; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<script src="libs/1.0.0/createjs.min.js"></script> |
|
|
|
<script src="bird.js"></script> |
|
|
|
<script> |
|
|
|
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; |
|
|
|
function init() { |
|
|
|
canvas = document.getElementById("canvas"); |
|
|
|
anim_container = document.getElementById("animation_container"); |
|
|
|
dom_overlay_container = document.getElementById("dom_overlay_container"); |
|
|
|
</style> |
|
|
|
<script src="libs/1.0.0/createjs.min.js"></script> |
|
|
|
<script src="source-code.js"></script> |
|
|
|
<script> |
|
|
|
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; |
|
|
|
function init() { |
|
|
|
canvas = document.getElementById("canvas"); |
|
|
|
anim_container = document.getElementById("animation_container"); |
|
|
|
dom_overlay_container = document.getElementById("dom_overlay_container"); |
|
|
|
var comp=AdobeAn.getComposition("ACA4432A71D0634E82B0166D11C7DDFE"); |
|
|
|
var lib=comp.getLibrary(); |
|
|
|
var loader = new createjs.LoadQueue(false); |
|
|
|
loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)}); |
|
|
|
loader.addEventListener("complete", function(evt){handleComplete(evt,comp)}); |
|
|
|
loader.addEventListener("complete", function(evt){handleComplete(evt,comp)}); |
|
|
|
var lib=comp.getLibrary(); |
|
|
|
loader.loadManifest(lib.properties.manifest); |
|
|
|
} |
|
|
|
loader.loadManifest(lib.properties.manifest); |
|
|
|
} |
|
|
|
function handleFileLoad(evt, comp) { |
|
|
|
var images=comp.getImages(); |
|
|
|
if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } |
|
|
|
} |
|
|
|
function handleComplete(evt,comp) { |
|
|
|
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. |
|
|
|
var images=comp.getImages(); |
|
|
|
if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; } |
|
|
|
} |
|
|
|
function handleComplete(evt,comp) { |
|
|
|
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. |
|
|
|
var lib=comp.getLibrary(); |
|
|
|
var ss=comp.getSpriteSheet(); |
|
|
|
var queue = evt.target; |
|
|
@ -54,27 +54,27 @@ function handleComplete(evt,comp) { |
|
|
|
preloaderDiv.style.display = 'none'; |
|
|
|
canvas.style.display = 'block'; |
|
|
|
exportRoot = new lib.鸟妈妈回家_HTML5Canvas(); |
|
|
|
stage = new lib.Stage(canvas); |
|
|
|
//Registers the "tick" event listener. |
|
|
|
stage = new lib.Stage(canvas); |
|
|
|
//Registers the "tick" event listener. |
|
|
|
fnStartAnimation = function() { |
|
|
|
stage.addChild(exportRoot); |
|
|
|
createjs.Ticker.framerate = lib.properties.fps; |
|
|
|
createjs.Ticker.addEventListener("tick", stage); |
|
|
|
} |
|
|
|
//Code to support hidpi screens and responsive scaling. |
|
|
|
AdobeAn.makeResponsive(true,'both',true,1,[canvas,preloaderDiv,anim_container,dom_overlay_container]); |
|
|
|
} |
|
|
|
//Code to support hidpi screens and responsive scaling. |
|
|
|
AdobeAn.makeResponsive(true,'both',true,1,[canvas,preloaderDiv,anim_container,dom_overlay_container]); |
|
|
|
AdobeAn.compositionLoaded(lib.properties.id); |
|
|
|
fnStartAnimation(); |
|
|
|
} |
|
|
|
</script> |
|
|
|
<!-- write your code here --> |
|
|
|
</head> |
|
|
|
<body onload="init();" style="margin:0px;"> |
|
|
|
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1280px; height:720px"> |
|
|
|
<canvas id="canvas" width="1280" height="720" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas> |
|
|
|
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1280px; height:720px; position: absolute; left: 0px; top: 0px; display: none;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:720px; width: 1280px; text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div> |
|
|
|
</body> |
|
|
|
} |
|
|
|
</script> |
|
|
|
<!-- write your code here --> |
|
|
|
</head> |
|
|
|
<body onload="init();" style="margin:0px;"> |
|
|
|
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1280px; height:720px"> |
|
|
|
<canvas id="canvas" width="1280" height="720" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas> |
|
|
|
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1280px; height:720px; position: absolute; left: 0px; top: 0px; display: none;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id='_preload_div_' style='position:absolute; top:0; left:0; display: inline-block; height:720px; width: 1280px; text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div> |
|
|
|
</body> |
|
|
|
</html> |