<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="authoring-tool" content="Adobe_Animate_CC" />
<meta name="ad.size" content="width=320,height=480" />
<title>320x480</title>
<!-- write your code here -->
<script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script>
<script src="https://lp.nzpk.io/lp/html_creative/2023/7/FamilaDTS/MapTest/320X480/320x480.js"></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("D60393032FD94231AC07F4B09DB0659A");
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._320x480();
stage = new lib.Stage(canvas);
//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(false, "both", false, 1, [
canvas,
anim_container,
dom_overlay_container,
]);
AdobeAn.compositionLoaded(lib.properties.id);
fnStartAnimation();
}
</script>
<script>
var macros = {
click_macro: "%%CLICK_URL%%",
custom_interaction_2: "%%INT_MACRO_2%%",
};
</script>
<!-- write your code here -->
</head>
<body onload="init();" style="margin: 0px">
<div
id="animation_container"
style="
background-color: rgba(255, 255, 255, 1);
width: 320px;
height: 480px;
"
>
<div>
<canvas
id="canvas"
width="320"
height="480"
style="
position: absolute;
display: block;
background-color: rgba(255, 255, 255, 1);
"
></canvas>
</div>
<div
id="dom_overlay_container"
style="
pointer-events: none;
overflow: hidden;
width: 320px;
height: 480px;
position: absolute;
left: 0px;
top: 0px;
display: block;
"
></div>
</div>
<img
src="https://ad.doubleclick.net/ddm/trackimp/N1965470.4278031NEAR.COM/B29808300.365066556;dc_trk_aid=559768883;dc_trk_cid=188226087;ord=[timestamp];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ltd=;dc_tdv=1?"
attributionsrc
border="0"
height="1"
width="1"
alt="Advertisement"
/>
<script src="https://lp.nzpk.io/lp/html_creative/2023/7/FamilaDTS/MapTest/320X480/extmap.js"></script>
</body>
</html>