Home
About LAVNCH
Request a Demo
Subscribe
Host an Event
Register
Log In
Animation Test
<style> #animation_container { position:absolute; margin:auto; left:0;right:0; top:0;bottom:0; } </style> <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script> <script> (function (cjs, an) { var p; // shortcut to reference prototypes var lib={};var ss={};var img={}; lib.ssMetadata = []; (lib.AnMovieClip = function(){ this.actionFrames = []; this.ignorePause = false; this.gotoAndPlay = function(positionOrLabel){ cjs.MovieClip.prototype.gotoAndPlay.call(this,positionOrLabel); } this.play = function(){ cjs.MovieClip.prototype.play.call(this); } this.gotoAndStop = function(positionOrLabel){ cjs.MovieClip.prototype.gotoAndStop.call(this,positionOrLabel); } this.stop = function(){ cjs.MovieClip.prototype.stop.call(this); } }).prototype = p = new cjs.MovieClip(); // symbols: // helper functions: function mc_symbol_clone() { var clone = this._cloneProps(new this.constructor(this.mode, this.startPosition, this.loop, this.reversed)); 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.Tween28 = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f("#260C41").s().p("AG/MFIoX4JIGPAAIF6SKIF7yKIGQAAIoaYJgAktMFIhhkaIpDAAIhgEaImKAAII23+IGvAAII2X+gAtwDPIGDAAIjBo4g"); this.shape.setTransform(0,0.025); this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-146.8,-77.3,293.6,154.7); (lib.Tween1 = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f("#FFFFFF").s().p("Agwi7QAgAWAtBvQA2CEgIBsIiWACQAhi4gGi/g"); this.shape.setTransform(23.6266,34.1); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("AibgJQALkKBdkAIBaAAQDDIEh9IhIhyABIgCgFQhUlxANksQAJjDAviLQg5CegXDHQgjE5BAFRIgYACQhFkZALkEg"); this.shape_1.setTransform(-0.2165,-0.1); this.shape_2 = new cjs.Shape(); this.shape_2.graphics.f("#FFFFFF").s().p("AgogeQAhhbA2hDQgDC9AjC7IicACQgBh0Amhog"); this.shape_2.setTransform(-23.3513,34.4); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_2},{t:this.shape_1},{t:this.shape}]}).wait(1)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-31.2,-53.3,62.4,106.69999999999999); (lib.trail = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.lf(["rgba(255,255,255,0)","#FFFFFF"],[0,1],0,24,0,-24).s().p("AgZjrIAggEIA6HZIiBAGg"); this.shape.setTransform(40.325,-0.425); this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.trail, new cjs.Rectangle(33.8,-24.4,13.100000000000001,48), null); (lib.starz = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f("rgba(255,255,255,0.22)").s().p("Ag9A+QgagaAAgkQAAgjAagaQAagaAjAAQAkAAAaAaQAaAaAAAjQAAAkgaAaQgaAagkAAQgjAAgagag"); this.shape.setTransform(0.2,-0.6); this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.starz, new cjs.Rectangle(-8.6,-9.4,17.6,17.6), null); (lib.ringu = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#FFFFFF").ss(8,1,1).p("AeeAAQAAMoo7I7Qo7I7soAAQsnAAo7o7Qo7o7AAsoQAAsnI7o7QI7o7MnAAQMoAAI7I7QI7I7AAMng"); this.shape.setTransform(195,195); this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.ringu, new cjs.Rectangle(-4,-4,398,398), null); (lib.ln = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f("#FFFFFF").s().p("AEkMFIAAqFIpJAAIAAKFIl2AAIAA4JIF2AAIAAJXIJJAAIAApXIF4AAIAAYJg"); this.shape.setTransform(812.525,78.875); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("AlELQQjehjhpjUQhEiDgTihQgTidAgibQAiigBSh9QBZiGCEhJQC8hyEKAQQENAQChCKQDBCbA5EJImMAAQgshuhdg8Qhcg9h4ABQitAAhkCEQheB6ACC7QgCC7BeB6QBkCCCtAAQB3ACBdg9QBdg8AshsIGMAAQgmDui4CbQiqCPjtAgQg9AIg5AAQirAAiYhEg"); this.shape_1.setTransform(650.0745,78.7974); this.shape_2 = new cjs.Shape(); this.shape_2.graphics.f("#FFFFFF").s().p("AE5MFIpxu0IAAO0Il2AAIAA4JIF2AAIJxO9IAAu9IF2AAIAAYJg"); this.shape_2.setTransform(485.675,78.875); this.shape_3 = new cjs.Shape(); this.shape_3.graphics.f("#FFFFFF").s().p("Am0MFIAA4JIF3AAIAATrIHxAAIAAEeg"); this.shape_3.setTransform(43.65,78.875); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_3},{t:this.shape_2},{t:this.shape_1},{t:this.shape}]}).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.ln, new cjs.Rectangle(0,0,879.4,157.6), null); (lib.frame = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#FFFFFF").ss(6,0,0,3).p("Ehb5gtaMC3zAAAMAAABa1Mi3zAAAg"); this.shape.setTransform(585.6614,286.9314,0.9958,0.9872); this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.frame, new cjs.Rectangle(-3,-3,1177.4,579.9), null); (lib.ClipGroup_16 = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_2 (mask) var mask = new cjs.Shape(); mask._off = true; mask.graphics.p("AgDBsQgsgBgfghQgfghACgsQABgtAhgeQAhgfAsACQAtABAeAhQAfAhgCAsQgBAsghAfQgfAdgrAAIgDAAg"); mask.setTransform(16.7775,16.825); // Layer_3 this.shape = new cjs.Shape(); this.shape.graphics.lf(["#FFFFFF","#CDCDCD"],[0,1],-7.9,7.4,7.9,-7.3).s().p("AingFICtiiICiCtIitCig"); this.shape.setTransform(16.8,16.825); var maskedShapeInstanceList = [this.shape]; for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) { maskedShapeInstanceList[shapedInstanceItr].mask = mask; } this.timeline.addTween(cjs.Tween.get(this.shape).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.ClipGroup_16, new cjs.Rectangle(6,6,21.6,21.7), null); (lib.starfield = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.starz(); this.instance.setTransform(131.45,-198.75,0.5679,0.5685,0,0,0,0.6,0.5); this.timeline.addTween(cjs.Tween.get(this.instance).to({regX:1,regY:0,scaleX:0.5675,scaleY:0.5681,x:-233.85,y:50.45},5).to({_off:true},7).wait(5).to({_off:false,regX:0.6,regY:0.5,scaleX:0.5679,scaleY:0.5685,x:131.45,y:-198.75},0).to({regX:1,regY:0,scaleX:0.5675,scaleY:0.5681,x:-233.85,y:50.45},7).wait(13)); // Layer_2 this.instance_1 = new lib.starz(); this.instance_1.setTransform(10.25,-238.85,0.5682,0.5682,0,0,0,0.2,-0.6); this.instance_1._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(5).to({_off:false},0).to({x:-232.05,y:-63.95},6).to({_off:true},7).wait(6).to({_off:false,x:10.25,y:-238.85},0).to({x:-232.05,y:-63.95,alpha:0.3008},5).wait(8)); // Layer_8_copy this.instance_2 = new lib.starz(); this.instance_2.setTransform(86.75,-220.55,0.5739,0.5739,0,0,0,0.1,-0.6); this.instance_2._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(11).to({_off:false},0).to({regX:0.2,regY:-0.5,scaleX:0.5697,scaleY:0.581,x:-239.05,y:-20.3},6).wait(20)); // Layer_8 this.instance_3 = new lib.starz(); this.instance_3.setTransform(231.55,74.45,0.5682,0.5682,0,0,0,0.2,-0.6); this.instance_3._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(5).to({_off:false},0).to({x:-7.95,y:239.25},6).wait(26)); // Layer_7 this.instance_4 = new lib.starz(); this.instance_4.setTransform(211.05,-120.85,0.5682,0.5682,0,0,0,0.2,-0.6); this.instance_4._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(11).to({_off:false},0).to({regX:0.1,x:-117.45,y:205.85},12).to({regX:0.2,x:211.05,y:-120.85},1).to({regX:0.1,x:-117.45,y:205.85,alpha:0.3008},12).wait(1)); // Layer_6 this.instance_5 = new lib.starz(); this.instance_5.setTransform(234.1,-56.25,0.5682,0.5682,0,0,0,0.2,-0.6); this.timeline.addTween(cjs.Tween.get(this.instance_5).to({x:-49.75,y:231.3},11).to({_off:true},1).wait(11).to({_off:false,x:234.1,y:-56.25},0).to({x:-49.75,y:231.3},11).to({_off:true},1).wait(2)); // Layer_5 this.instance_6 = new lib.starz(); this.instance_6.setTransform(242.1,-6.6,0.5682,0.5682,0,0,0,0.2,-0.6); this.instance_6._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(11).to({_off:false},0).to({x:-12.4,y:240.6},12).wait(14)); // Layer_4 this.instance_7 = new lib.starz(); this.instance_7.setTransform(131.45,-198.75,0.5679,0.5685,0,0,0,0.6,0.5); this.timeline.addTween(cjs.Tween.get(this.instance_7).to({regX:1,regY:0,scaleX:0.5675,scaleY:0.5681,x:-233.85,y:50.45},11).to({_off:true},1).wait(5).to({_off:false,regX:0.2,regY:-0.6,scaleX:0.5682,scaleY:0.5682,x:211.05,y:-120.85},0).to({regX:0.1,x:-117.45,y:205.85},12).to({scaleX:0.5739,scaleY:0.5739,x:86.75,y:-220.55},1).to({regY:-0.7,scaleX:0.5716,scaleY:0.5777,x:-90.9,y:-111.3,alpha:0.3008},6).wait(1)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-244,-243.8,491.1,489.4); (lib.rocket = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.Tween1("synched",0); this.instance.setTransform(36,0.5); this.timeline.addTween(cjs.Tween.get(this.instance).to({rotation:-0.2422,y:0.45},2).to({rotation:0,y:0.5},3).to({rotation:0.2605},3).to({rotation:0},3).wait(1)); // Layer_2 this.instance_1 = new lib.trail(); this.instance_1.setTransform(37.75,76.5,1,1,0,0,0,40,0); this.timeline.addTween(cjs.Tween.get(this.instance_1).to({alpha:0.75},1).to({alpha:0.5},1).to({alpha:0.25},1).to({alpha:0.5},1).to({alpha:0.75},1).to({alpha:1},1).to({alpha:0.75},1).to({alpha:0.5},1).to({alpha:0.25},1).to({alpha:0.5},1).to({alpha:0.75},1).wait(1)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(4.5,-52.8,62.900000000000006,152.89999999999998); (lib.ring = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.ringu(); this.instance.setTransform(195.4,195.4,0.9229,0.9229,0,0,0,195.6,195.6); this.timeline.addTween(cjs.Tween.get(this.instance).to({regX:195,regY:195,scaleX:1.3121,scaleY:1.3121,x:195,y:195,alpha:0.4414},5).to({regX:194.8,regY:194.8,scaleX:2.5736,scaleY:2.5736,x:194.8,y:194.8,alpha:0},5).wait(86)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-316.8,-316.8,1024.3,1024.3); (lib.lavnch = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.ln(); this.instance.setTransform(29.55,385.6,0.5685,0.5685,0,0,0,439.6,78.8); this.instance.alpha = 0; this.instance._off = true; this.timeline.addTween(cjs.Tween.get(this.instance).wait(23).to({_off:false},0).to({y:12.6,alpha:1},24).wait(167).to({y:-351.5},25).wait(27)); // Layer_1 this.instance_1 = new lib.Tween28("synched",0); this.instance_1.setTransform(-77,13.6,0.564,0.564,0,0,0,0,0.1); this.instance_1.alpha = 0; this.timeline.addTween(cjs.Tween.get(this.instance_1).to({regY:0.2,scaleX:0.9795,scaleY:0.9795,y:13.7,alpha:1},11).to({scaleX:0.7718,scaleY:0.7718,y:13.6},6).to({regY:0.1,scaleX:0.564,scaleY:0.564},6).to({startPosition:0},24).to({startPosition:0},167).to({startPosition:0},1).to({regX:-0.1,regY:0.2,scaleX:0.9866,scaleY:0.9866,x:-77.1,y:13.7},11).to({regX:0,regY:0.1,scaleX:0.564,scaleY:0.564,x:-77,y:13.6,alpha:0},13).wait(27)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-221.8,-396.3,501.40000000000003,826.7); (lib.ClipGroup_15 = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_2 (mask) var mask = new cjs.Shape(); mask._off = true; mask.graphics.p("AiYgEICdiUICUCdIidCUg"); mask.setTransform(16.8,16.825); // Layer_3 this.instance = new lib.ClipGroup_16(); this.instance.setTransform(16.8,16.8,1,1,0,0,0,16.8,16.8); var maskedShapeInstanceList = [this.instance]; for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) { maskedShapeInstanceList[shapedInstanceItr].mask = mask; } this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.ClipGroup_15, new cjs.Rectangle(1.5,1.5,30.6,30.700000000000003), null); (lib.Group_4 = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.ClipGroup_15(); this.instance.setTransform(16.8,16.8,1,1,0,0,0,16.8,16.8); this.timeline.addTween(cjs.Tween.get(this.instance).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.Group_4, new cjs.Rectangle(0,0,33.6,33.7), null); (lib.bubble = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.Group_4(); this.instance.setTransform(0.15,0.1,0.1296,0.1296,0,0,0,16.9,16.9); this.instance.alpha = 0; this.timeline.addTween(cjs.Tween.get(this.instance).to({regX:16.8,regY:16.8,scaleX:1,scaleY:1,x:0.1,y:0.05,alpha:0.8594},11).to({regY:16.9,scaleX:1.9217,scaleY:1.9217,x:0.15,y:0.3,alpha:0},12).wait(1)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-32.1,-32.2,64.5,64.7); (lib.smoke = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_14 this.instance = new lib.bubble(); this.instance.setTransform(47.9,-18.25,1,1,0,0,0,0.1,0.1); this.instance._off = true; this.timeline.addTween(cjs.Tween.get(this.instance).wait(35).to({_off:false},0).wait(3).to({_off:true},1).wait(47)); // Layer_13 this.instance_1 = new lib.bubble(); this.instance_1.setTransform(33.9,-18.35,1,1,0,0,0,0.1,0.1); this.instance_1._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(32).to({_off:false},0).wait(9).to({_off:true},1).wait(44)); // Layer_12 this.instance_2 = new lib.bubble(); this.instance_2.setTransform(52.95,-3.7,1,1,0,0,0,0.1,0.1); this.instance_2._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(29).to({_off:false},0).wait(16).to({_off:true},1).wait(40)); // Layer_11 this.instance_3 = new lib.bubble(); this.instance_3.setTransform(30.4,-3.1,1,1,0,0,0,0.1,0.1); this.instance_3._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(26).to({_off:false},0).wait(23).to({_off:true},1).wait(36)); // Layer_10 this.instance_4 = new lib.bubble(); this.instance_4.setTransform(68.8,-4.45,1,1,0,0,0,0.1,0.1); this.instance_4._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(23).to({_off:false},0).wait(30).to({_off:true},1).wait(32)); // Layer_9 this.instance_5 = new lib.bubble(); this.instance_5.setTransform(16.05,-4.25,1,1,0,0,0,0.1,0.1); this.instance_5._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(20).to({_off:false},0).wait(37).to({_off:true},1).wait(28)); // Layer_8 this.instance_6 = new lib.bubble(); this.instance_6.setTransform(72.05,4.75,1,1,0,0,0,0.1,0.1); this.instance_6._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(17).to({_off:false},0).wait(44).to({_off:true},1).wait(24)); // Layer_7 this.instance_7 = new lib.bubble(); this.instance_7.setTransform(60.7,9.15,1,1,0,0,0,0.1,0.1); this.instance_7._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(14).to({_off:false},0).wait(51).to({_off:true},1).wait(20)); // Layer_6 this.instance_8 = new lib.bubble(); this.instance_8.setTransform(53.55,17.8,1,1,0,0,0,0.1,0.1); this.instance_8._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(11).to({_off:false},0).wait(58).to({_off:true},1).wait(16)); // Layer_5 this.instance_9 = new lib.bubble(); this.instance_9.setTransform(41.8,12.25,1,1,0,0,0,0.1,0.1); this.instance_9._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_9).wait(8).to({_off:false},0).wait(65).to({_off:true},1).wait(12)); // Layer_4 this.instance_10 = new lib.bubble(); this.instance_10.setTransform(30.8,17.65,1,1,0,0,0,0.1,0.1); this.instance_10._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(5).to({_off:false},0).wait(72).to({_off:true},1).wait(8)); // Layer_3 this.instance_11 = new lib.bubble(); this.instance_11.setTransform(20.15,9.05,1,1,0,0,0,0.1,0.1); this.instance_11._off = true; this.timeline.addTween(cjs.Tween.get(this.instance_11).wait(2).to({_off:false},0).wait(79).to({_off:true},1).wait(4)); // Layer_2 this.instance_12 = new lib.bubble(); this.instance_12.setTransform(7.85,2.55,1,1,0,0,0,0.1,0.1); this.timeline.addTween(cjs.Tween.get(this.instance_12).wait(86)); this._renderFirstFrame(); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(0,-20.5,74.3,40.5); (lib.RocketSmoke = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); // Layer_1 this.instance = new lib.smoke(); this.instance.setTransform(77.05,271.35,1,1,0,0,0,40,1.1); this.instance_1 = new lib.rocket(); this.instance_1.setTransform(77.05,183.75,1,1,0,0,0,36,23.9); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_1},{t:this.instance}]}).wait(1)); this._renderFirstFrame(); }).prototype = getMCSymbolPrototype(lib.RocketSmoke, new cjs.Rectangle(28,107.1,98.2,192.9), null); // stage content: (lib.lavnchRocket = function(mode,startPosition,loop,reversed) { if (loop == null) { loop = true; } if (reversed == null) { reversed = false; } var props = new Object(); props.mode = mode; props.startPosition = startPosition; props.labels = {}; props.loop = loop; props.reversed = reversed; cjs.MovieClip.apply(this,[props]); this.actionFrames = [0]; // timeline functions: this.frame_0 = function() { var _this = this; /* Play a Movie Clip/Video or the current timeline. Plays the specified movie clip or video. */ _this.play(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(360)); // Layer_4 this.instance = new lib.lavnch(); this.instance.setTransform(819.2,284.1,1,1,0,0,0,0,1.6); this.timeline.addTween(cjs.Tween.get(this.instance).wait(360)); // Layer_3 this.instance_1 = new lib.RocketSmoke(); this.instance_1.setTransform(285.1,287.7,1.9451,1.9451,44.9987,0,0,62.9,202.1); this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(360)); // Layer_1 this.shape = new cjs.Shape(); this.shape.graphics.f("#FFFFFF").s().p("EgPkAk5QnNjBlhlkQljlijDnLQjKndAAoKQAAoHDKndQDDnMFjliQFhljHNjDQHcjKIIAAQIKAAHcDKQHMDDFjFjQFjFiDCHMQDJHdAAIHQAAIKjJHdQjCHLljFiQljFknMDBQncDKoKAAQoIAAncjKgAtW/nQmKCmkwEwQkxEximGKQitGYAAG+QAAG/CtGZQCmGKExExQEwEvGKCnQGYCtG+AAQG/AAGZitQGKinExkvQEwkxCmmKQCtmZAAm/QAAm+itmYQinmKkvkxQkxkwmKimQmZitm/AAQm+AAmYCtg"); this.shape.setTransform(306.2786,298.3097,0.8014,0.8014); this.timeline.addTween(cjs.Tween.get(this.shape).wait(360)); // Layer_2 this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("rgba(255,255,255,0.349)").s().p("A1HVHQovovAAsYQAAsXIvovQIwoxMXABQMYgBIwIxQIvIvAAMXQAAMYovIvQowIxsYgBQsXABowoxg"); this.shape_1.setTransform(307.025,288.05); this.timeline.addTween(cjs.Tween.get(this.shape_1).wait(360)); // Layer_6 this.instance_2 = new lib.starfield(); this.instance_2.setTransform(305.05,296.45,0.8026,0.8026); this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(360)); // Layer_10 this.instance_3 = new lib.ring(); this.instance_3.setTransform(305.5,298.25,1,1,0,0,0,195,195); this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(360)); // Layer_11 this.instance_4 = new lib.frame(); this.instance_4.setTransform(599.5,300.85,1.0022,1.0044,0,0,0,585.8,287.2); this.instance_4.alpha = 0.3281; this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(360)); this._renderFirstFrame(); }).prototype = p = new lib.AnMovieClip(); p.nominalBounds = new cjs.Rectangle(609.4,310.9,580.0000000000001,280.9); // library properties: lib.properties = { id: '253FA2735008B54F86399727D629780F', width: 1200, height: 603, fps: 24, color: "#9966CC", opacity: 1.00, manifest: [], 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['253FA2735008B54F86399727D629780F'] = { getStage: function() { return exportRoot.stage; }, 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; } } an.handleSoundStreamOnTick = function(event) { if(!event.paused){ var stageChild = stage.getChildAt(0); if(!stageChild.paused || stageChild.ignorePause){ stageChild.syncStreamSounds(); } } } })(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("253FA2735008B54F86399727D629780F"); var lib=comp.getLibrary(); handleComplete({},comp); } 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(); exportRoot = new lib.lavnchRocket(); 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',false,1,[canvas,anim_container,dom_overlay_container]); AdobeAn.compositionLoaded(lib.properties.id); fnStartAnimation(); } </script> <body onload="init();" style="margin:0px;"> <div id="animation_container" style="background-color:rgba(153, 102, 204, 1.00); width:1200px; height:603px"> <canvas id="canvas" width="1200" height="603" style="position: absolute; display: block; background-color:rgba(153, 102, 204, 1.00);"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:1200px; height:603px; position: absolute; left: 0px; top: 0px; display: block;"> </div> </div>
Home
About LAVNCH
Request a Demo
Subscribe
Host an Event
Register
Log In
Home
About LAVNCH
Request a Demo
Subscribe
Host an Event
Register
Log In
Enter your
text here
Login to LAVNCH
Login
Lost Password?
Reset Password
Enter the username or e-mail you used in your profile. A password reset link will be sent to you by email.
Get new password
Already have an account?
Login
Top
