Area 77

<html><head><meta charset="UTF-8" /><meta name="authoring-tool" content="Adobe_Animate_CC" /><title>DoorAnimation_smaller</title><!-- write your code here --><script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script><script> (function (cjs, an) { var p; // shortcut to reference prototypes var lib={};var ss={};var img={}; lib.ssMetadata = [ {name:"DoorAnimation_smaller_atlas_", frames: [[0,1674,524,364],[526,1674,359,264],[651,0,649,1672],[0,0,649,1672],[526,1940,831,82]]} ]; // symbols: (lib.Background = function() { this.initialize(img.Background); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,3840,2160); (lib.CachedTexturedBitmap_1 = function() { this.initialize(ss["DoorAnimation_smaller_atlas_"]); this.gotoAndStop(0); }).prototype = p = new cjs.Sprite(); (lib.DelmonicoBeccar_ny_logo301 = function() { this.initialize(ss["DoorAnimation_smaller_atlas_"]); this.gotoAndStop(1); }).prototype = p = new cjs.Sprite(); (lib.Gridcopy = function() { this.initialize(img.Gridcopy); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,3800,2160); (lib.RedDoor_Crane = function() { this.initialize(ss["DoorAnimation_smaller_atlas_"]); this.gotoAndStop(2); }).prototype = p = new cjs.Sprite(); (lib.RedDoor_Crane_1 = function() { this.initialize(ss["DoorAnimation_smaller_atlas_"]); this.gotoAndStop(3); }).prototype = p = new cjs.Sprite(); (lib.ShadowLeft = function() { this.initialize(ss["DoorAnimation_smaller_atlas_"]); this.gotoAndStop(4); }).prototype = p = new cjs.Sprite(); // helper functions: function mc_symbol_clone() { var clone = this._cloneProps(new this.constructor(this.mode, this.startPosition, this.loop)); clone.gotoAndStop(this.currentFrame); clone.paused = this.paused; clone.framerate = this.framerate; return clone; } function getMCSymbolPrototype(symbol, nominalBounds, frameBounds) { var prototype = cjs.extend(symbol, cjs.MovieClip); prototype.clone = mc_symbol_clone; prototype.nominalBounds = nominalBounds; prototype.frameBounds = frameBounds; return prototype; } (lib.StartButton2 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.DelmonicoBeccar_ny_logo301(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(4)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,359,264); (lib.ShadowLeft_1 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.ShadowLeft(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,831,82); (lib.RedDoor1 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.RedDoor_Crane(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,649,1672); (lib.HitArea_Start = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.DelmonicoBeccar_ny_logo301(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,359,264); (lib.Flash_StartButton = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.DelmonicoBeccar_ny_logo301(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(11)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,359,264); (lib.BlueDoorButton = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,0,0); (lib.BlueDoor1 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.RedDoor_Crane_1(); this.instance.parent = this; this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,649,1672); (lib.ActualStart = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.CachedTexturedBitmap_1(); this.instance.parent = this; this.instance._off = true; this.timeline.addTween(cjs.Tween.get(this.instance).wait(3).to({_off:false},0).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,524,364); (lib.Symbol1 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.StartButton2(); this.instance.parent = this; this.instance.setTransform(0,0,1,1,0,0,0,179.5,132); new cjs.ButtonHelper(this.instance, 0, 1, 2, false, new lib.StartButton2(), 3); this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); }).prototype = getMCSymbolPrototype(lib.Symbol1, new cjs.Rectangle(-179.5,-132,359,264), null); (lib.LogoButton = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // Layer_1 this.instance = new lib.DelmonicoBeccar_ny_logo301(); this.instance.parent = this; this.instance_1 = new lib.Flash_StartButton(); this.instance_1.parent = this; this.instance_1.setTransform(179.5,132,1,1,0,0,0,179.5,132); this.instance_2 = new lib.HitArea_Start("synched",0); this.instance_2.parent = this; this.instance_2.setTransform(179.5,132,1,1,0,0,0,179.5,132); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance}]}).to({state:[{t:this.instance_1}]},1).to({state:[{t:this.instance_2}]},1).to({state:[]},2).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,0,359,264); // stage content: (lib.DoorAnimation_smaller = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_45 = function() { /* Stop at This Frame The timeline will stop/pause at the frame where you insert this code. Can also be used to stop/pause the timeline of movieclips. */ this.stop(); /* Click to Go to Frame and Play Clicking on the specified symbol instance moves the playhead to the specified frame in the timeline and continues playback from that frame. Can be used on the main timeline or on movie clip timelines. Instructions: 1. Replace the number 5 in the code below with the frame number you would like the playhead to move to when the symbol instance is clicked. 2.Frame numbers in EaselJS start at 0 instead of 1 */ this.ActualStart.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_3.bind(this)); function fl_ClickToGoToAndPlayFromFrame_3() { this.gotoAndPlay(47); } } this.frame_95 = function() { /* Stop at This Frame The timeline will stop/pause at the frame where you insert this code. Can also be used to stop/pause the timeline of movieclips. */ this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).wait(45).call(this.frame_45).wait(50).call(this.frame_95).wait(2)); // Delmonico_Beccar_ny__logo3_01 this.StartButton = new lib.Symbol1(); this.StartButton.name = "StartButton"; this.StartButton.parent = this; this.StartButton.setTransform(959.75,394,0.5,0.5); this.instance = new lib.DelmonicoBeccar_ny_logo301(); this.instance.parent = this; this.instance.setTransform(870,328,0.5,0.5); this.StartButton_1 = new lib.LogoButton(); this.StartButton_1.name = "StartButton_1"; this.StartButton_1.parent = this; this.StartButton_1.setTransform(959.75,394,0.5,0.5,0,0,0,179.5,132); new cjs.ButtonHelper(this.StartButton_1, 0, 1, 2, false, new lib.LogoButton(), 3); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.StartButton}]}).to({state:[{t:this.instance}]},47).to({state:[{t:this.StartButton_1}]},48).wait(2)); // BlueDoorButton this.instance_1 = new lib.BlueDoorButton(); this.instance_1.parent = this; this.instance_1.setTransform(498.15,601.15,0.5,0.5,0,0,0,328.2,466.1); this.instance_1._off = true; new cjs.ButtonHelper(this.instance_1, 0, 1, 1); this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(95).to({_off:false},0).wait(2)); // StartButton this.ActualStart = new lib.ActualStart(); this.ActualStart.name = "ActualStart"; this.ActualStart.parent = this; this.ActualStart.setTransform(963.25,397.1,0.5,0.5,0,0,0,262.1,182.1); new cjs.ButtonHelper(this.ActualStart, 0, 1, 2, false, new lib.ActualStart(), 3); this.timeline.addTween(cjs.Tween.get(this.ActualStart).to({_off:true},47).wait(50)); // Shadow_Right_copy this.instance_2 = new lib.ShadowLeft_1("synched",0); this.instance_2.parent = this; this.instance_2.setTransform(1414.1,906.55,0.1005,0.5,0,0,0,415.8,41.1); this.instance_2._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(47).to({_off:false},0).wait(1).to({regX:415.5,regY:41,scaleX:0.1088,y:906.5},0).wait(1).to({scaleX:0.117},0).wait(1).to({scaleX:0.1252,x:1414.2},0).wait(1).to({scaleX:0.1334},0).wait(1).to({scaleX:0.1417,x:1414.25},0).wait(1).to({scaleX:0.1499},0).wait(1).to({scaleX:0.1581,x:1414.35},0).wait(1).to({scaleX:0.1663},0).wait(1).to({scaleX:0.1745,x:1414.4},0).wait(1).to({scaleX:0.1828,x:1414.45},0).wait(1).to({scaleX:0.191,x:1414.5},0).wait(1).to({scaleX:0.1992},0).wait(1).to({scaleX:0.2074,x:1414.6},0).wait(1).to({scaleX:0.2157},0).wait(1).to({scaleX:0.2239},0).wait(1).to({scaleX:0.2321,x:1414.7},0).wait(1).to({scaleX:0.2403},0).wait(1).to({scaleX:0.2485,x:1414.75},0).wait(1).to({scaleX:0.2568,x:1414.8},0).wait(1).to({scaleX:0.265,x:1414.85},0).wait(1).to({scaleX:0.2732},0).wait(1).to({scaleX:0.2814,x:1414.95},0).wait(1).to({scaleX:0.2896},0).wait(1).to({scaleX:0.2979,x:1415},0).wait(1).to({scaleX:0.3061,x:1415.05},0).wait(1).to({scaleX:0.3143,x:1415.1},0).wait(1).to({scaleX:0.3225},0).wait(1).to({scaleX:0.3308,x:1415.2},0).wait(1).to({scaleX:0.339},0).wait(1).to({scaleX:0.3472,x:1415.25},0).wait(1).to({scaleX:0.3554},0).wait(1).to({scaleX:0.3636,x:1415.3},0).wait(1).to({scaleX:0.3719,x:1415.35},0).wait(1).to({scaleX:0.3801},0).wait(1).to({scaleX:0.3883,x:1415.45},0).wait(1).to({scaleX:0.3965},0).wait(1).to({scaleX:0.4047,x:1415.5},0).wait(1).to({scaleX:0.413,x:1415.55},0).wait(1).to({scaleX:0.4212,x:1415.6},0).wait(1).to({scaleX:0.4294},0).wait(1).to({scaleX:0.4376,x:1415.7},0).wait(1).to({scaleX:0.4459},0).wait(1).to({scaleX:0.4541,x:1415.75},0).wait(1).to({scaleX:0.4623,x:1415.8},0).wait(1).to({scaleX:0.4705,x:1415.85},0).wait(1).to({scaleX:0.4787},0).wait(1).to({scaleX:0.487,x:1415.95},0).wait(1).to({scaleX:0.4952},0).wait(1).to({startPosition:0},0).wait(1)); // Shadow_Left this.instance_3 = new lib.ShadowLeft_1("synched",0); this.instance_3.parent = this; this.instance_3.setTransform(491.75,906.5,0.1005,0.5,0,0,0,414.8,41); this.instance_3._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(47).to({_off:false},0).wait(1).to({regX:415.5,scaleX:0.1088,x:491.8},0).wait(1).to({scaleX:0.117},0).wait(1).to({scaleX:0.1252,x:491.85},0).wait(1).to({scaleX:0.1334},0).wait(1).to({scaleX:0.1417,x:491.8},0).wait(1).to({scaleX:0.1499},0).wait(1).to({scaleX:0.1581,x:491.85},0).wait(1).to({scaleX:0.1663},0).wait(1).to({scaleX:0.1745},0).wait(1).to({scaleX:0.1828},0).wait(1).to({scaleX:0.191},0).wait(1).to({scaleX:0.1992},0).wait(1).to({scaleX:0.2074,x:491.9},0).wait(1).to({scaleX:0.2157},0).wait(1).to({scaleX:0.2239,x:491.85},0).wait(1).to({scaleX:0.2321,x:491.9},0).wait(1).to({scaleX:0.2403},0).wait(1).to({scaleX:0.2485},0).wait(1).to({scaleX:0.2568,x:491.95},0).wait(1).to({scaleX:0.265,x:491.9},0).wait(1).to({scaleX:0.2732},0).wait(1).to({scaleX:0.2814,x:491.95},0).wait(1).to({scaleX:0.2896},0).wait(1).to({scaleX:0.2979},0).wait(1).to({scaleX:0.3061},0).wait(1).to({scaleX:0.3143},0).wait(1).to({scaleX:0.3225},0).wait(1).to({scaleX:0.3308,x:492},0).wait(1).to({scaleX:0.339},0).wait(1).to({scaleX:0.3472,x:491.95},0).wait(1).to({scaleX:0.3554},0).wait(1).to({scaleX:0.3636,x:492},0).wait(1).to({scaleX:0.3719},0).wait(1).to({scaleX:0.3801},0).wait(1).to({scaleX:0.3883},0).wait(1).to({scaleX:0.3965},0).wait(1).to({scaleX:0.4047},0).wait(1).to({scaleX:0.413,x:492.05},0).wait(1).to({scaleX:0.4212},0).wait(1).to({scaleX:0.4294,x:492},0).wait(1).to({scaleX:0.4376,x:492.05},0).wait(1).to({scaleX:0.4459},0).wait(1).to({scaleX:0.4541},0).wait(1).to({scaleX:0.4623,x:492.1},0).wait(1).to({scaleX:0.4705},0).wait(1).to({scaleX:0.4787,x:492.05},0).wait(1).to({scaleX:0.487,x:492.1},0).wait(1).to({scaleX:0.4952},0).wait(1).to({startPosition:0},0).wait(1)); // RedDoor_Crane this.instance_4 = new lib.RedDoor1("synched",0); this.instance_4.parent = this; this.instance_4.setTransform(1424.75,-432,0.5,0.5,0,0,0,324.5,836); this.instance_4._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(47).to({_off:false},0).wait(1).to({y:-414.25},0).wait(1).to({y:-396.55},0).wait(1).to({y:-378.85},0).wait(1).to({y:-361.15},0).wait(1).to({y:-343.45},0).wait(1).to({y:-325.75},0).wait(1).to({y:-308},0).wait(1).to({y:-290.3},0).wait(1).to({y:-272.6},0).wait(1).to({y:-254.9},0).wait(1).to({y:-237.2},0).wait(1).to({y:-219.5},0).wait(1).to({y:-201.75},0).wait(1).to({y:-184.05},0).wait(1).to({y:-166.35},0).wait(1).to({y:-148.65},0).wait(1).to({y:-130.95},0).wait(1).to({y:-113.25},0).wait(1).to({y:-95.5},0).wait(1).to({y:-77.8},0).wait(1).to({y:-60.1},0).wait(1).to({y:-42.4},0).wait(1).to({y:-24.7},0).wait(1).to({y:-7},0).wait(1).to({y:10.75},0).wait(1).to({y:28.45},0).wait(1).to({y:46.15},0).wait(1).to({y:63.85},0).wait(1).to({y:81.55},0).wait(1).to({y:99.25},0).wait(1).to({y:117},0).wait(1).to({y:134.7},0).wait(1).to({y:152.4},0).wait(1).to({y:170.1},0).wait(1).to({y:187.8},0).wait(1).to({y:205.5},0).wait(1).to({y:223.25},0).wait(1).to({y:240.95},0).wait(1).to({y:258.65},0).wait(1).to({y:276.35},0).wait(1).to({y:294.05},0).wait(1).to({y:311.75},0).wait(1).to({y:329.5},0).wait(1).to({y:347.2},0).wait(1).to({y:364.9},0).wait(1).to({y:382.6},0).wait(1).to({y:400.3},0).wait(1).to({y:418},0).wait(1).to({startPosition:0},0).wait(1)); // RedDoor_Crane this.instance_5 = new lib.BlueDoor1("synched",0); this.instance_5.parent = this; this.instance_5.setTransform(499.75,-432.2,0.5,0.5,0,0,0,324.5,836); this.instance_5._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(47).to({_off:false},0).wait(1).to({y:-414.45},0).wait(1).to({y:-396.75},0).wait(1).to({y:-379.05},0).wait(1).to({y:-361.3},0).wait(1).to({y:-343.6},0).wait(1).to({y:-325.9},0).wait(1).to({y:-308.2},0).wait(1).to({y:-290.45},0).wait(1).to({y:-272.75},0).wait(1).to({y:-255.05},0).wait(1).to({y:-237.35},0).wait(1).to({y:-219.6},0).wait(1).to({y:-201.9},0).wait(1).to({y:-184.2},0).wait(1).to({y:-166.45},0).wait(1).to({y:-148.75},0).wait(1).to({y:-131.05},0).wait(1).to({y:-113.35},0).wait(1).to({y:-95.6},0).wait(1).to({y:-77.9},0).wait(1).to({y:-60.2},0).wait(1).to({y:-42.5},0).wait(1).to({y:-24.75},0).wait(1).to({y:-7.05},0).wait(1).to({y:10.65},0).wait(1).to({y:28.4},0).wait(1).to({y:46.1},0).wait(1).to({y:63.8},0).wait(1).to({y:81.5},0).wait(1).to({y:99.25},0).wait(1).to({y:116.95},0).wait(1).to({y:134.65},0).wait(1).to({y:152.35},0).wait(1).to({y:170.1},0).wait(1).to({y:187.8},0).wait(1).to({y:205.5},0).wait(1).to({y:223.25},0).wait(1).to({y:240.95},0).wait(1).to({y:258.65},0).wait(1).to({y:276.35},0).wait(1).to({y:294.1},0).wait(1).to({y:311.8},0).wait(1).to({y:329.5},0).wait(1).to({y:347.2},0).wait(1).to({y:364.95},0).wait(1).to({y:382.65},0).wait(1).to({y:400.35},0).wait(1).to({y:418.05},0).wait(1).to({startPosition:0},0).wait(1)); // Grid_copy this.instance_6 = new lib.Gridcopy(); this.instance_6.parent = this; this.instance_6.setTransform(0,0,0.5,0.5); this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(97)); // Background this.instance_7 = new lib.Background(); this.instance_7.parent = this; this.instance_7.setTransform(0,0,0.5,0.5); this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(97)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(960,-310.2,960,1390.2); // library properties: lib.properties = { id: '26332803038BB040BE91B0DB87502183', width: 1920, height: 1080, fps: 24, color: "#FFFFFF", opacity: 1.00, manifest: [ {src:"images/Background.png", id:"Background"}, {src:"images/Gridcopy.png", id:"Gridcopy"}, {src:"images/DoorAnimation_smaller_atlas_.png", id:"DoorAnimation_smaller_atlas_"} ], preloads: [] }; // bootstrap callback support: (lib.Stage = function(canvas) { createjs.Stage.call(this, canvas); }).prototype = p = new createjs.Stage(); p.setAutoPlay = function(autoPlay) { this.tickEnabled = autoPlay; } p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) } p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; } p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); } p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; } p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; } an.bootcompsLoaded = an.bootcompsLoaded || []; if(!an.bootstrapListeners) { an.bootstrapListeners=[]; } an.bootstrapCallback=function(fnCallback) { an.bootstrapListeners.push(fnCallback); if(an.bootcompsLoaded.length > 0) { for(var i=0; i<an.bootcompsLoaded.length; ++i) { fnCallback(an.bootcompsLoaded[i]); } } }; an.compositions = an.compositions || {}; an.compositions['26332803038BB040BE91B0DB87502183'] = { getStage: function() { return exportRoot.getStage(); }, getLibrary: function() { return lib; }, getSpriteSheet: function() { return ss; }, getImages: function() { return img; } }; an.compositionLoaded = function(id) { an.bootcompsLoaded.push(id); for(var j=0; j<an.bootstrapListeners.length; j++) { an.bootstrapListeners[j](id); } } an.getComposition = function(id) { return an.compositions[id]; } an.makeResponsive = function(isResp, respDim, isScale, scaleType, domContainers) { var lastW, lastH, lastS=1; window.addEventListener('resize', resizeCanvas); resizeCanvas(); function resizeCanvas() { var w = lib.properties.width, h = lib.properties.height; var iw = window.innerWidth, ih=window.innerHeight; var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; if(isResp) { if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) { sRatio = lastS; } else if(!isScale) { if(iw<w || ih<h) sRatio = Math.min(xRatio, yRatio); } else if(scaleType==1) { sRatio = Math.min(xRatio, yRatio); } else if(scaleType==2) { sRatio = Math.max(xRatio, yRatio); } } domContainers[0].width = w * pRatio * sRatio; domContainers[0].height = h * pRatio * sRatio; domContainers.forEach(function(container) { container.style.width = w * sRatio + 'px'; container.style.height = h * sRatio + 'px'; }); stage.scaleX = pRatio*sRatio; stage.scaleY = pRatio*sRatio; lastW = iw; lastH = ih; lastS = sRatio; stage.tickOnUpdate = false; stage.update(); stage.tickOnUpdate = true; } } })(createjs = createjs||{}, AdobeAn = AdobeAn||{}); var createjs, AdobeAn; </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("26332803038BB040BE91B0DB87502183"); 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} ) } exportRoot = new lib.DoorAnimation_smaller(); stage = new lib.Stage(canvas); stage.enableMouseOver(); //Registers the "tick" event listener. fnStartAnimation = function() { stage.addChild(exportRoot); createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); } //Code to support hidpi screens and responsive scaling. AdobeAn.makeResponsive(true,'both',true,2,[canvas,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: block; 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: block;"></div> </div> </body></html>