8 changed files with 100 additions and 1 deletions
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.3 MiB |
After Width: | Height: | Size: 186 KiB |
After Width: | Height: | Size: 4.7 MiB |
After Width: | Height: | Size: 1.0 MiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,80 @@ |
|||
<!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; |
|||
margin:auto; |
|||
left:0;right:0; |
|||
top:0;bottom:0; |
|||
} |
|||
</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("D61E556E7E624214AF8E465D149DAB55"); |
|||
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)}); |
|||
var lib=comp.getLibrary(); |
|||
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 lib=comp.getLibrary(); |
|||
var ss=comp.getSpriteSheet(); |
|||
var queue = evt.target; |
|||
var ssMetadata = lib.ssMetadata; |
|||
for(i=0; i<ssMetadata.length; i++) { |
|||
ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) |
|||
} |
|||
var preloaderDiv = document.getElementById("_preload_div_"); |
|||
preloaderDiv.style.display = 'none'; |
|||
canvas.style.display = 'block'; |
|||
exportRoot = new lib.踢足球1_HTML5Canvas(); |
|||
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]); |
|||
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:1920px; height:1080px"> |
|||
<canvas id="canvas" width="1920" height="1080" 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:1920px; height:1080px; 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:1080px; width: 1920px; 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> |
Loading…
Reference in new issue