<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>AnimationBlog</title>
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script>
(function (cjs, an) {
var p;
var lib={};var ss={};var img={};
lib.ssMetadata = [];
(lib.AnMovieClip = function(){
this.actionFrames = [];
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();
(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]);
this.shape = new cjs.Shape();
this.shape.graphics.lf(["#435B2B","#627F26","#8AAD23","#A8CF24","#BAE425","#C1EC26"],[0,0.188,0.451,0.682,0.875,1],132.8,111.5,-132.8,-111.4).s().p("AksarQlbg9kmi+Qkbi4jDkVQjCkXhMlIQhOlWA9laQA9lbC+kmQC4kcEWjCQEWjCFJhMQFVhOFaA9QFbA9EmC+QEcC4DDEVQDCEWBMFKQBOFVg+FaQg9Fbi+EmQi4EbkVDDQkWDDlJBMQi/ArjBAAQiXAAiZgbg");
this.shape.setTransform(0.0422,0.0422);
this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-173.4,-173.4,346.9,346.9);
(lib.Tween8 = 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.instance = new lib.Tween1("synched",0);
this.instance_1 = new lib.Tween1("synched",0);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_1},{t:this.instance}]}).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-173.4,-173.4,346.9,346.9);
(lib.ANIMAKopie = 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.instance = new lib.Tween8("synched",0);
this.instance.setTransform(-285.05,-172.3,3.1162,3.1162,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this.instance_1 = new lib.Tween8("synched",0);
this.instance_1.setTransform(-488.95,-295.65,4.6278,4.6278,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(1));
this.instance_2 = new lib.Tween8("synched",0);
this.instance_2.setTransform(-692.8,-419,6.1394,6.1394,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(1));
this.instance_3 = new lib.Tween8("synched",0);
this.instance_3.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(1));
this.instance_4 = new lib.Tween8("synched",0);
this.instance_4.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(1));
this.instance_5 = new lib.Tween8("synched",0);
this.instance_5.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(1));
this.instance_6 = new lib.Tween8("synched",0);
this.instance_6.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(1));
this.instance_7 = new lib.Tween8("synched",0);
this.instance_7.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(1));
this.instance_8 = new lib.Tween8("synched",0);
this.instance_8.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(1));
this.instance_9 = new lib.Tween8("synched",0);
this.instance_9.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_9).wait(1));
this.instance_10 = new lib.Tween8("synched",0);
this.instance_10.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(1));
this.instance_11 = new lib.Tween8("synched",0);
this.instance_11.setTransform(-60.85,-111.65,1.4534,1.4534,0,0,0,0.3,0.3);
this.instance_12 = new lib.Tween8("synched",0);
this.instance_12.setTransform(-264.65,-235,2.965,2.965,0,0,0,0.3,0.3);
this.instance_13 = new lib.Tween8("synched",0);
this.instance_13.setTransform(-468.55,-358.35,4.4766,4.4766,0,0,0,0.3,0.3);
this.instance_14 = new lib.Tween8("synched",0);
this.instance_14.setTransform(-672.4,-481.65,5.9882,5.9882,0,0,0,0.3,0.3);
this.instance_15 = new lib.Tween8("synched",0);
this.instance_15.setTransform(-876.7,-605.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_15},{t:this.instance_14},{t:this.instance_13},{t:this.instance_12},{t:this.instance_11}]}).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-2178.5,-1907.2,2601.2,2676.2);
(lib.ANIMA = 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.instance = new lib.Tween8("synched",0);
this.instance.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance).wait(55).to({_off:false},0).to({scaleX:1.6046,scaleY:1.6046,x:-81.2,y:-49},4).wait(1));
this.instance_1 = new lib.Tween8("synched",0);
this.instance_1.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance_1._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(45).to({_off:false},0).to({scaleX:3.1162,scaleY:3.1162,x:-285.05,y:-172.3},14).wait(1));
this.instance_2 = new lib.Tween8("synched",0);
this.instance_2.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance_2._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(35).to({_off:false},0).to({scaleX:4.6278,scaleY:4.6278,x:-488.95,y:-295.65},24).wait(1));
this.instance_3 = new lib.Tween8("synched",0);
this.instance_3.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance_3._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(25).to({_off:false},0).to({scaleX:6.1394,scaleY:6.1394,x:-692.8,y:-419},34).wait(1));
this.instance_4 = new lib.Tween8("synched",0);
this.instance_4.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance_4._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(15).to({_off:false},0).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},43).wait(1).to({startPosition:0},0).wait(1));
this.instance_5 = new lib.Tween8("synched",0);
this.instance_5.setTransform(0.3,0.3,1,1,0,0,0,0.3,0.3);
this.instance_5._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(6).to({_off:false},0).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},43).wait(10).to({startPosition:0},0).wait(1));
this.instance_6 = new lib.Tween8("synched",0);
this.instance_6.setTransform(-81.2,-49,1.6046,1.6046,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_6).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},39).wait(20).to({startPosition:0},0).wait(1));
this.instance_7 = new lib.Tween8("synched",0);
this.instance_7.setTransform(-285.05,-172.3,3.1162,3.1162,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_7).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},29).wait(30).to({startPosition:0},0).wait(1));
this.instance_8 = new lib.Tween8("synched",0);
this.instance_8.setTransform(-488.95,-295.65,4.6278,4.6278,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_8).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},19).wait(40).to({startPosition:0},0).wait(1));
this.instance_9 = new lib.Tween8("synched",0);
this.instance_9.setTransform(-692.8,-419,6.1394,6.1394,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_9).to({regX:0.2,regY:0.2,scaleX:7.4998,scaleY:7.4998,x:-876.7,y:-530.4},9).wait(50).to({startPosition:0},0).wait(1));
this.instance_10 = new lib.Tween8("synched",0);
this.instance_10.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_10).wait(59).to({startPosition:0},0).wait(1));
this.instance_11 = new lib.Tween8("synched",0);
this.instance_11.setTransform(-876.7,-530.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get(this.instance_11).wait(59).to({startPosition:0},0).wait(1));
this.instance_12 = new lib.Tween8("synched",0);
this.instance_12.setTransform(-60.85,-111.65,1.4534,1.4534,0,0,0,0.3,0.3);
this.instance_13 = new lib.Tween8("synched",0);
this.instance_13.setTransform(-264.65,-235,2.965,2.965,0,0,0,0.3,0.3);
this.instance_14 = new lib.Tween8("synched",0);
this.instance_14.setTransform(-468.55,-358.35,4.4766,4.4766,0,0,0,0.3,0.3);
this.instance_15 = new lib.Tween8("synched",0);
this.instance_15.setTransform(-672.4,-481.65,5.9882,5.9882,0,0,0,0.3,0.3);
this.instance_16 = new lib.Tween8("synched",0);
this.instance_16.setTransform(-876.7,-605.4,7.4998,7.4998,0,0,0,0.2,0.2);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_16},{t:this.instance_15},{t:this.instance_14},{t:this.instance_13},{t:this.instance_12}]}).to({state:[{t:this.instance_16},{t:this.instance_15},{t:this.instance_14},{t:this.instance_13},{t:this.instance_12}]},59).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-2178.5,-1907.2,2601.2,2676.2);
(lib.AnimationBlog = 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.shape = new cjs.Shape();
this.shape.graphics.f().s("#FFFFFF").ss(4,0,1).p("AQi64MAAAAv/QhkgZi0gHQlqgOmWBaQmVBbl0CWQh0AvhiAwIhMAmMAAAgv/IBXgwQBug6B5g3QGFiwFehKQFehLGFAbQDCANB9Acg");
this.shape.setTransform(680.1103,224.1319,0.81,0.81);
this.shape_1 = new cjs.Shape();
this.shape_1.graphics.f().s("#FFFFFF").ss(4,0,1).p("AtY1xMAAAAm4IA7gLQBNgMBbgEQElgLFJBJQFIBKEtB6QCWA9BVAuMAAAgm3Qhlg8idhGQk7iPkcg8Qkbg9k7AWQhiAHhaANg");
this.shape_1.setTransform(508.675,224.1181);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).wait(60));
this.shape_2 = new cjs.Shape();
this.shape_2.graphics.f().s("#FFFFFF").ss(4,0,1).p("AzNYAMAmHAAAMAAAgv/IlFAA");
this.shape_2.setTransform(693.859,243.8465,0.8098,0.8098);
this.shape_3 = new cjs.Shape();
this.shape_3.graphics.f().s("#FFFFFF").ss(4,0,1).p("At43/IlCAAMAAAAv/MAmIAAA");
this.shape_3.setTransform(494.4535,243.8465,0.8098,0.8098);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_3},{t:this.shape_2}]}).wait(60));
var mask = new cjs.Shape();
mask._off = true;
mask.graphics.p("AkfUfQlPiBjng2Qjog2lRADQhqABhnAGIhSAHMAAAgm4IFCgQQFmgKC2AhQC3AiFhCYQCxBMCLBGIBhgvQB4g5B4gzQF8ihDdghQDcghErASQCWAKBqAPMAAAAm4QhmgRiXgFQkugKj2A5Qj1A5lnCGIk1B6Qh4g2inhAg");
mask.setTransform(594.375,224.5074);
this.instance = new lib.ANIMA("synched",17);
this.instance.setTransform(1110.6,570.25,0.4,0.4,0,0,0,0.3,0.3);
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(60));
var mask_1 = new cjs.Shape();
mask_1._off = true;
mask_1.graphics.p("A+2TnMAAAgnNMA9tAAAMAAAAnNg");
mask_1.setTransform(593.5,244.525);
this.instance_1 = new lib.ANIMA("synched",17);
this.instance_1.setTransform(1011.05,540.25,0.4,0.4,0,0,0,0.3,0.3);
var maskedShapeInstanceList = [this.instance_1];
for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
maskedShapeInstanceList[shapedInstanceItr].mask = mask_1;
}
this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(60));
this.instance_2 = new lib.ANIMAKopie("synched",0);
this.instance_2.setTransform(1110.6,570.25,0.4,0.4,0,0,0,0.3,0.3);
this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(60));
this.shape_4 = new cjs.Shape();
this.shape_4.graphics.lf(["#C1EC26","#85B21B","#606060"],[0,0.467,1],303.7,526,-303.6,-526).s().p("Ehc1A3/MAAAhv9MC5rAAAMAAABv9g");
this.shape_4.setTransform(591.925,235.75);
this.timeline.addTween(cjs.Tween.get(this.shape_4).wait(60));
this._renderFirstFrame();
}).prototype = p = new lib.AnMovieClip();
p.nominalBounds = new cjs.Rectangle(587.8,32.3,691.8,845.5);
lib.properties = {
id: '11E0BA244E9E3E4783C1DA391F2B82EB',
width: 1180,
height: 450,
fps: 25,
color: "#FFFFFF",
opacity: 1.00,
manifest: [],
preloads: []
};
(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['11E0BA244E9E3E4783C1DA391F2B82EB'] = {
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.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("11E0BA244E9E3E4783C1DA391F2B82EB");
var lib=comp.getLibrary();
handleComplete({},comp);
}
function handleComplete(evt,comp) {
var lib=comp.getLibrary();
var ss=comp.getSpriteSheet();
exportRoot = new lib.AnimationBlog();
stage = new lib.Stage(canvas);
fnStartAnimation = function() {
stage.addChild(exportRoot);
createjs.Ticker.framerate = lib.properties.fps;
createjs.Ticker.addEventListener("tick", stage);
}
AdobeAn.makeResponsive(false,'both',false,1,[canvas,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
</head>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1180px; height:450px">
<canvas id="canvas" width="1180" height="450" 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:1180px; height:450px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>