Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!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>
<head>
<meta name="ad.size" content="width=300,height=600">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
<meta charset="UTF-8">
<meta name="authoring-tool" content="Adobe_Animate_CC">
<title>PGEThermo300x600.005</title>
<!-- write your code here -->
<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 = [
{name:"PGEThermo300x600.005_atlas_1", frames: [[614,348,283,96],[614,446,307,88],[614,257,377,89],[0,0,612,792],[866,0,106,28],[614,0,250,255]]}
];
(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:
(lib.CachedBmp_9 = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(0);
}).prototype = p = new cjs.Sprite();
(lib.CachedBmp_8 = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(1);
}).prototype = p = new cjs.Sprite();
(lib.CachedBmp_7 = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(2);
}).prototype = p = new cjs.Sprite();
(lib.CachedBmp_6 = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(3);
}).prototype = p = new cjs.Sprite();
(lib.CachedBmp_5 = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(4);
}).prototype = p = new cjs.Sprite();
(lib.Thermostat_DropShadow = function() {
this.initialize(ss["PGEThermo300x600.005_atlas_1"]);
this.gotoAndStop(5);
}).prototype = p = new cjs.Sprite();
// 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.WerePreparing = 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.CachedBmp_9();
this.instance.setTransform(-141.35,-49.55);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-141.3,-49.5,283,96);
(lib.Thermostat = 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]);
// Thermostat_DropShadow_png
this.instance = new lib.Thermostat_DropShadow();
this.instance.setTransform(-158,-162,1.2653,1.2653);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-158,-162,316.4,322.7);
(lib.GetPreparedButton = 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]);
// Shape
this.shape = new cjs.Shape();
this.shape.graphics.f("#74C4D7").s().p("AsRE3QiBAAhbhbQhbhbAAiBIAAAAQAAiABbhbQBbhbCBAAIYjAAQCBAABbBbQBbBbAACAIAAAAQAACBhbBbQhbBbiBAAg");
this.shape.setTransform(0,0.025);
this.shape_1 = new cjs.Shape();
this.shape_1.graphics.f("#00AED0").s().p("AsRE3QiBAAhbhbQhbhbAAiBIAAAAQAAiABbhbQBbhbCBAAIYjAAQCBAABbBbQBbBbAACAIAAAAQAACBhbBbQhbBbiBAAg");
this.shape_1.setTransform(0,0.025);
this.shape_2 = new cjs.Shape();
this.shape_2.graphics.f("#F9F29D").s().p("AsRE3QiBAAhbhbQhbhbAAiBIAAAAQAAiABbhbQBbhbCBAAIYjAAQCBAABbBbQBbBbAACAIAAAAQAACBhbBbQhbBbiBAAg");
this.shape_2.setTransform(0.0371,0.048,1.0424,1.0424);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape}]}).to({state:[{t:this.shape_1}]},1).to({state:[{t:this.shape_2}]},1).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-114.3,-32.4,228.7,64.9);
(lib.Button = 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("#3D5365").s().p("EgbBAyOMAAAhkbMA2DAAAMAAABkbg");
this.shape.setTransform(0.025,0.025);
this.shape._off = true;
this.timeline.addTween(cjs.Tween.get(this.shape).wait(3).to({_off:false},0).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-172.9,-321.3,345.9,642.7);
(lib.automaticallyadjustsafewdegrees = 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.CachedBmp_8();
this.instance.setTransform(-106.1,-30.2,0.6905,0.6905);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-106.1,-30.2,212,60.8);
(lib.AreYou = 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.CachedBmp_7();
this.instance.setTransform(-159.85,-24.6);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(-159.8,-24.6,377,89);
(lib._0b054b3517130b0c1bcd3d5402311befsvg = 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.CachedBmp_6();
this.instance.setTransform(-0.05,-0.1);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(0,-0.1,612,792);
(lib.PGELogo = 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._0b054b3517130b0c1bcd3d5402311befsvg("synched",0);
this.instance.setTransform(0.1,0,0.1751,0.1353,0,0,0,306.4,396);
this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));
this._renderFirstFrame();
}).prototype = getMCSymbolPrototype(lib.PGELogo, new cjs.Rectangle(-53.5,-53.6,107.1,107.2), null);
// stage content:
(lib.PGE_300x600_SmartThermo_003 = 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]);
// EndCardMatte_copy (mask)
var mask = new cjs.Shape();
mask._off = true;
var mask_graphics_170 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_171 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_172 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_173 = new cjs.Graphics().p("EghSAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_174 = new cjs.Graphics().p("EghNAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_175 = new cjs.Graphics().p("EghCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_176 = new cjs.Graphics().p("EggtAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_177 = new cjs.Graphics().p("EggMAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_178 = new cjs.Graphics().p("EgfZAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_179 = new cjs.Graphics().p("EgePAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_180 = new cjs.Graphics().p("EgcoAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_graphics_181 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_182 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_183 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_184 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_185 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_186 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_187 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_188 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_189 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_190 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_191 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_192 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_193 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_194 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_195 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_196 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_197 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_graphics_240 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
this.timeline.addTween(cjs.Tween.get(mask).to({graphics:null,x:0,y:0}).wait(170).to({graphics:mask_graphics_170,x:-213.325,y:299.6}).wait(1).to({graphics:mask_graphics_171,x:-213.322,y:299.6}).wait(1).to({graphics:mask_graphics_172,x:-213.277,y:299.6}).wait(1).to({graphics:mask_graphics_173,x:-213.082,y:299.6}).wait(1).to({graphics:mask_graphics_174,x:-212.557,y:299.6}).wait(1).to({graphics:mask_graphics_175,x:-211.4499,y:299.6}).wait(1).to({graphics:mask_graphics_176,x:-209.4368,y:299.6}).wait(1).to({graphics:mask_graphics_177,x:-206.1216,y:299.6}).wait(1).to({graphics:mask_graphics_178,x:-201.0364,y:299.6}).wait(1).to({graphics:mask_graphics_179,x:-193.641,y:299.6}).wait(1).to({graphics:mask_graphics_180,x:-183.3235,y:299.6}).wait(1).to({graphics:mask_graphics_181,x:-159.3248,y:299.6}).wait(1).to({graphics:mask_graphics_182,x:-122.753,y:299.6}).wait(1).to({graphics:mask_graphics_183,x:-75.8007,y:299.6}).wait(1).to({graphics:mask_graphics_184,x:-19.9493,y:299.6}).wait(1).to({graphics:mask_graphics_185,x:27.003,y:299.6}).wait(1).to({graphics:mask_graphics_186,x:63.5748,y:299.6}).wait(1).to({graphics:mask_graphics_187,x:91.4221,y:299.6}).wait(1).to({graphics:mask_graphics_188,x:112.0571,y:299.6}).wait(1).to({graphics:mask_graphics_189,x:126.8478,y:299.6}).wait(1).to({graphics:mask_graphics_190,x:137.0183,y:299.6}).wait(1).to({graphics:mask_graphics_191,x:143.6486,y:299.6}).wait(1).to({graphics:mask_graphics_192,x:147.6748,y:299.6}).wait(1).to({graphics:mask_graphics_193,x:149.8889,y:299.6}).wait(1).to({graphics:mask_graphics_194,x:150.939,y:299.6}).wait(1).to({graphics:mask_graphics_195,x:151.329,y:299.6}).wait(1).to({graphics:mask_graphics_196,x:151.419,y:299.6}).wait(1).to({graphics:mask_graphics_197,x:151.425,y:299.6}).wait(43).to({graphics:mask_graphics_240,x:151.425,y:299.6}).wait(1));
// CTA_Button
this.instance = new lib.CachedBmp_5();
this.instance.setTransform(97.25,371.05);
this.instance_1 = new lib.GetPreparedButton();
this.instance_1.setTransform(150,383.25);
new cjs.ButtonHelper(this.instance_1, 0, 1, 2);
var maskedShapeInstanceList = [this.instance,this.instance_1];
for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
maskedShapeInstanceList[shapedInstanceItr].mask = mask;
}
this.timeline.addTween(cjs.Tween.get({}).to({state:[]}).to({state:[{t:this.instance_1},{t:this.instance}]},170).wait(71));
// Button
this.instance_2 = new lib.Button();
this.instance_2.setTransform(150.3,295);
new cjs.ButtonHelper(this.instance_2, 0, 1, 2, false, new lib.Button(), 3);
this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(241));
// EndCardMatte (mask)
var mask_1 = new cjs.Shape();
mask_1._off = true;
var mask_1_graphics_170 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_171 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_172 = new cjs.Graphics().p("EghUAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_173 = new cjs.Graphics().p("EghSAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_174 = new cjs.Graphics().p("EghNAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_175 = new cjs.Graphics().p("EghCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_176 = new cjs.Graphics().p("EggtAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_177 = new cjs.Graphics().p("EggMAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_178 = new cjs.Graphics().p("EgfZAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_179 = new cjs.Graphics().p("EgePAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_180 = new cjs.Graphics().p("EgcoAwsMAAAhhXMA4EAAAMAAABhXg");
var mask_1_graphics_181 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_182 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_183 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_184 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_185 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_186 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_187 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_188 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_189 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_190 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_191 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_192 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_193 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_194 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_195 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_196 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_197 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
var mask_1_graphics_240 = new cjs.Graphics().p("EgcCAwsMAAAhhXMA4FAAAMAAABhXg");
this.timeline.addTween(cjs.Tween.get(mask_1).to({graphics:null,x:0,y:0}).wait(170).to({graphics:mask_1_graphics_170,x:-213.325,y:299.6}).wait(1).to({graphics:mask_1_graphics_171,x:-213.322,y:299.6}).wait(1).to({graphics:mask_1_graphics_172,x:-213.277,y:299.6}).wait(1).to({graphics:mask_1_graphics_173,x:-213.082,y:299.6}).wait(1).to({graphics:mask_1_graphics_174,x:-212.557,y:299.6}).wait(1).to({graphics:mask_1_graphics_175,x:-211.4499,y:299.6}).wait(1).to({graphics:mask_1_graphics_176,x:-209.4368,y:299.6}).wait(1).to({graphics:mask_1_graphics_177,x:-206.1216,y:299.6}).wait(1).to({graphics:mask_1_graphics_178,x:-201.0364,y:299.6}).wait(1).to({graphics:mask_1_graphics_179,x:-193.641,y:299.6}).wait(1).to({graphics:mask_1_graphics_180,x:-183.3235,y:299.6}).wait(1).to({graphics:mask_1_graphics_181,x:-159.3248,y:299.6}).wait(1).to({graphics:mask_1_graphics_182,x:-122.753,y:299.6}).wait(1).to({graphics:mask_1_graphics_183,x:-75.8007,y:299.6}).wait(1).to({graphics:mask_1_graphics_184,x:-19.9493,y:299.6}).wait(1).to({graphics:mask_1_graphics_185,x:27.003,y:299.6}).wait(1).to({graphics:mask_1_graphics_186,x:63.5748,y:299.6}).wait(1).to({graphics:mask_1_graphics_187,x:91.4221,y:299.6}).wait(1).to({graphics:mask_1_graphics_188,x:112.0571,y:299.6}).wait(1).to({graphics:mask_1_graphics_189,x:126.8478,y:299.6}).wait(1).to({graphics:mask_1_graphics_190,x:137.0183,y:299.6}).wait(1).to({graphics:mask_1_graphics_191,x:143.6486,y:299.6}).wait(1).to({graphics:mask_1_graphics_192,x:147.6748,y:299.6}).wait(1).to({graphics:mask_1_graphics_193,x:149.8889,y:299.6}).wait(1).to({graphics:mask_1_graphics_194,x:150.939,y:299.6}).wait(1).to({graphics:mask_1_graphics_195,x:151.329,y:299.6}).wait(1).to({graphics:mask_1_graphics_196,x:151.419,y:299.6}).wait(1).to({graphics:mask_1_graphics_197,x:151.425,y:299.6}).wait(43).to({graphics:mask_1_graphics_240,x:151.425,y:299.6}).wait(1));
// EndCard
this.instance_3 = new lib.PGELogo();
this.instance_3.setTransform(155.95,223.5,1.5224,1.5224,0,0,0,0,0.1);
var instance_3Filter_1 = new cjs.ColorFilter(1,1,1,1,0,0,0,0);
this.instance_3.filters = [instance_3Filter_1];
this.instance_3.cache(-55,-56,111,111);
this.shape = new cjs.Shape();
this.shape.graphics.f("#3D5265").s().p("EgZsAw+MAAAhh7MAzZAAAMAAABh7g");
this.shape.setTransform(146.925,297.75);
var maskedShapeInstanceList = [this.instance_3,this.shape];
for(var shapedInstanceItr = 0; shapedInstanceItr < maskedShapeInstanceList.length; shapedInstanceItr++) {
maskedShapeInstanceList[shapedInstanceItr].mask = mask_1;
}
this.timeline.addTween(cjs.Tween.get({}).to({state:[]}).to({state:[{t:this.shape},{t:this.instance_3}]},170).wait(71));
this.timeline.addTween(cjs.Tween.get(instance_3Filter_1).wait(170).to(new cjs.ColorFilter(0,0,0,1,255,255,240,0), 0).wait(71));
// Youll_earn_rewards
this.instance_4 = new lib.AreYou("synched",0);
this.instance_4.setTransform(150,352.2,0.7951,0.7951,0,0,0,28.8,20.1);
this.instance_4.alpha = 0;
this.instance_4._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(106).to({_off:false},0).to({y:316.85,alpha:1},17,cjs.Ease.quartOut).wait(118));
// Layer_1
this.instance_5 = new lib.automaticallyadjustsafewdegrees("synched",0);
this.instance_5.setTransform(150,226.4,1.4482,1.4482);
this.instance_5.alpha = 0;
this.instance_5._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_5).wait(75).to({_off:false},0).to({y:211.1,alpha:1},20,cjs.Ease.quartOut).wait(146));
// LOGO
this.instance_6 = new lib.PGELogo();
this.instance_6.setTransform(156,88.15);
this.timeline.addTween(cjs.Tween.get(this.instance_6).wait(241));
// Thermostat
this.instance_7 = new lib.Thermostat();
this.instance_7.setTransform(153.6,728.25);
this.instance_7.shadow = new cjs.Shadow("rgba(0,0,0,1)",3,3,4);
this.instance_7._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_7).wait(66).to({_off:false},0).to({x:149.05,y:513.15},11,cjs.Ease.cubicOut).wait(164));
// Salmon
this.shape_1 = new cjs.Shape();
this.shape_1.graphics.f("#E86A5E").s().p("A6SdLMAAAg6WMA0lAAAMAAAA6Wg");
this.shape_1.setTransform(-185.925,79.75);
this.shape_1._off = true;
this.timeline.addTween(cjs.Tween.get(this.shape_1).wait(55).to({_off:false},0).wait(1).to({x:-115.275},0).wait(1).to({x:-52.925},0).wait(1).to({x:1.075},0).wait(1).to({x:46.825},0).wait(1).to({x:84.225},0).wait(1).to({x:113.325},0).wait(1).to({x:134.075},0).wait(1).to({x:146.575},0).wait(1).to({x:150.725},0).wait(177));
// HydraBlue
this.shape_2 = new cjs.Shape();
this.shape_2.graphics.f("#D9F3F8").s().p("A6SdLMAAAg6WMA0lAAAMAAAA6Wg");
this.shape_2.setTransform(487.875,453.25);
this.shape_2._off = true;
this.timeline.addTween(cjs.Tween.get(this.shape_2).wait(55).to({_off:false},0).wait(1).to({x:417.125},0).wait(1).to({x:354.675},0).wait(1).to({x:300.575},0).wait(1).to({x:254.775},0).wait(1).to({x:217.325},0).wait(1).to({x:188.175},0).wait(1).to({x:167.375},0).wait(1).to({x:154.875},0).wait(1).to({x:150.725},0).wait(177));
// when_you_enroll
this.instance_8 = new lib.WerePreparing("synched",0);
this.instance_8.setTransform(150.05,346.6);
this.instance_8.alpha = 0;
this.instance_8._off = true;
this.timeline.addTween(cjs.Tween.get(this.instance_8).wait(7).to({_off:false},0).to({y:301.55,alpha:1},20,cjs.Ease.quartOut).to({_off:true},142).wait(72));
// BG_COLOR_WindBlue
this.shape_3 = new cjs.Shape();
this.shape_3.graphics.f().s("#000000").ss(1,1,1).p("EgZsgw9MAzZAAAMAAABh7MgzZAAAg");
this.shape_3.setTransform(146.925,297.75);
this.shape_4 = new cjs.Shape();
this.shape_4.graphics.f("#74C4D7").s().p("EgZsAw+MAAAhh7MAzZAAAMAAABh7g");
this.shape_4.setTransform(146.925,297.75);
this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_4},{t:this.shape_3}]}).wait(241));
this.filterCacheList = [];
this.filterCacheList.push({instance: this.instance_3, startFrame:170, endFrame:170, x:-55, y:-56, w:111, h:111});
this.filterCacheList.push({instance: this.instance_3, startFrame:0, endFrame:0, x:-55, y:-56, w:111, h:111});
this._renderFirstFrame();
}).prototype = p = new lib.AnMovieClip();
p.nominalBounds = new cjs.Rectangle(-204.2,193,860.4000000000001,717.3);
// library properties:
lib.properties = {
id: '446FAFF6018A406FBD9B00B1F3537572',
width: 300,
height: 600,
fps: 24,
color: "#FFFFFF",
opacity: 1.00,
manifest: [
{src:"images/PGEThermo300x600.005_atlas_1.png", id:"PGEThermo300x600.005_atlas_1"}
],
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['446FAFF6018A406FBD9B00B1F3537572'] = {
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();
}
}
}
an.handleFilterCache = function(event) {
if(!event.paused){
var target = event.target;
if(target){
if(target.filterCacheList){
for(var index = 0; index < target.filterCacheList.length ; index++){
var cacheInst = target.filterCacheList[index];
if((cacheInst.startFrame <= target.currentFrame) && (target.currentFrame <= cacheInst.endFrame)){
cacheInst.instance.cache(cacheInst.x, cacheInst.y, cacheInst.w, cacheInst.h);
}
}
}
}
}
}
})(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("446FAFF6018A406FBD9B00B1F3537572");
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.PGE_300x600_SmartThermo_003();
exportRoot.addEventListener("tick", AdobeAn.handleFilterCache);
stage = new lib.Stage(canvas);
stage.enableMouseOver();
//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,anim_container,dom_overlay_container]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<!-- write your code here -->
</head>
<a href="javascript:void(window.open(clickTag))">
</a>
<body onload="init();" style="margin:0px;">
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:300px; height:600px">
<canvas id="canvas" width="300" height="600" 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:300px; height:600px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
4
Requests
2
Domains
69KB
Transfer Size
266KB
Content Size
239.0ms
Dom Content Loaded
243.0ms
First Paint
239.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...