forked from sent/waves
73 lines
3.2 KiB
HTML
73 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Factory Balls forever</title>
|
|
<style>
|
|
#animation_container, #_preload_div_ {
|
|
position:absolute;
|
|
margin:auto;
|
|
left:0;right:0;
|
|
}
|
|
</style>
|
|
|
|
|
|
<script src="libs/1.0.0/createjs.min.js"></script>
|
|
<script src="factoryballsforever.js?1576758564620"></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("FD3559EF710E8E4AABB26802F91D9290");
|
|
var lib=comp.getLibrary();
|
|
var loader = new createjs.LoadQueue(false);
|
|
loader.installPlugin(createjs.Sound);
|
|
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.factoryballsforever();
|
|
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(false,'both',false,1,[canvas,preloaderDiv,anim_container,dom_overlay_container]);
|
|
AdobeAn.compositionLoaded(lib.properties.id);
|
|
fnStartAnimation();
|
|
}
|
|
function playSound(id, loop) {
|
|
return createjs.Sound.play(id, {'interrupt':createjs.Sound.INTERRUPT_EARLY, 'loop': loop});}
|
|
</script>
|
|
</head>
|
|
<body onload="init();" style="margin:0px;">
|
|
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:960px; height:720px">
|
|
<canvas id="canvas" width="960" 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:960px; 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: 960px; text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif?1576758564620 style='vertical-align: middle; max-height: 100%'/></div>
|
|
</body>
|
|
</html> |