Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <meta charset="UTF-8">
- <meta name="authoring-tool" content="Adobe_Animate_CC">
- <Meta name=”ad.size” content=width=300,height”250”>
- <script type=”text/javascript”>
- var clicTag = “https://www.google.com”;
- var clicTag1 = “https://www.doublebygoogle.com”;
- var clicTag2 = “https://www.google.com/doubleclick/studio”;
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $("#mikkels-link").click(function(e) {
- e.preventDefault();
- $("#mikkels-vindue").dialog();
- });
- });
- </script>
- <!-- Mikkel er en døgenigt -->
- <style type="text/css">
- #mikkels-vindue {
- display: none;
- }
- </style>
- <title>Stofa Bredbånd</title>
- <script>
- $( function() {
- $( "#dialog" ).dialog();
- } );
- </script>
- </script>
- <title>StofaBredbånd</title>
- <!-- write your code here -->
- <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
- <script src="StofaBredbånd.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("95CE25E0372F467682A854F8B73D5C84");
- 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.Bannerdisplay320x320();
- 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)
- stage.addEventListener("tick", handleTick)
- function getProjectionMatrix(container, totalDepth) {
- var focalLength = 528.25;
- var projectionCenter = { x : lib.properties.width/2, y : lib.properties.height/2 };
- var scale = (totalDepth + focalLength)/focalLength;
- var scaleMat = new createjs.Matrix2D;
- scaleMat.a = 1/scale;
- scaleMat.d = 1/scale;
- var projMat = new createjs.Matrix2D;
- projMat.tx = -projectionCenter.x;
- projMat.ty = -projectionCenter.y;
- projMat = projMat.prependMatrix(scaleMat);
- projMat.tx += projectionCenter.x;
- projMat.ty += projectionCenter.y;
- return projMat;
- }
- function handleTick(event) {
- var cameraInstance = exportRoot.___camera___instance;
- if(cameraInstance !== undefined && cameraInstance.pinToObject !== undefined)
- {
- cameraInstance.x = cameraInstance.pinToObject.x + cameraInstance.pinToObject.pinOffsetX;
- cameraInstance.y = cameraInstance.pinToObject.y + cameraInstance.pinToObject.pinOffsetY;
- if(cameraInstance.pinToObject.parent !== undefined && cameraInstance.pinToObject.parent.depth !== undefined)
- cameraInstance.depth = cameraInstance.pinToObject.parent.depth + cameraInstance.pinToObject.pinOffsetZ;
- }
- applyLayerZDepth(exportRoot);
- }
- function applyLayerZDepth(parent)
- {
- var cameraInstance = parent.___camera___instance;
- var focalLength = 528.25;
- var projectionCenter = { 'x' : 0, 'y' : 0};
- if(parent === exportRoot)
- {
- var stageCenter = { 'x' : lib.properties.width/2, 'y' : lib.properties.height/2 };
- projectionCenter.x = stageCenter.x;
- projectionCenter.y = stageCenter.y;
- }
- for(child in parent.children)
- {
- var layerObj = parent.children[child];
- if(layerObj == cameraInstance)
- continue;
- applyLayerZDepth(layerObj, cameraInstance);
- if(layerObj.layerDepth === undefined)
- continue;
- if(layerObj.currentFrame != layerObj.parent.currentFrame)
- {
- layerObj.gotoAndPlay(layerObj.parent.currentFrame);
- }
- var matToApply = new createjs.Matrix2D;
- var cameraMat = new createjs.Matrix2D;
- var totalDepth = layerObj.layerDepth ? layerObj.layerDepth : 0;
- var cameraDepth = 0;
- if(cameraInstance && !layerObj.isAttachedToCamera)
- {
- var mat = cameraInstance.getMatrix();
- mat.tx -= projectionCenter.x;
- mat.ty -= projectionCenter.y;
- cameraMat = mat.invert();
- cameraMat.prependTransform(projectionCenter.x, projectionCenter.y, 1, 1, 0, 0, 0, 0, 0);
- cameraMat.appendTransform(-projectionCenter.x, -projectionCenter.y, 1, 1, 0, 0, 0, 0, 0);
- if(cameraInstance.depth)
- cameraDepth = cameraInstance.depth;
- }
- if(layerObj.depth)
- {
- totalDepth = layerObj.depth;
- }
- //Offset by camera depth
- totalDepth -= cameraDepth;
- if(totalDepth < -focalLength)
- {
- matToApply.a = 0;
- matToApply.d = 0;
- }
- else
- {
- if(layerObj.layerDepth)
- {
- var sizeLockedMat = getProjectionMatrix(parent, layerObj.layerDepth);
- if(sizeLockedMat)
- {
- sizeLockedMat.invert();
- matToApply.prependMatrix(sizeLockedMat);
- }
- }
- matToApply.prependMatrix(cameraMat);
- var projMat = getProjectionMatrix(parent, totalDepth);
- if(projMat)
- {
- matToApply.prependMatrix(projMat);
- }
- }
- layerObj.transformMatrix = matToApply;
- }
- }
- }
- //Code to support hidpi screens and responsive scaling.
- function makeResponsive(isResp, respDim, isScale, scaleType) {
- 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);
- }
- }
- canvas.width = w*pRatio*sRatio;
- canvas.height = h*pRatio*sRatio;
- canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = w*sRatio+'px';
- canvas.style.height = anim_container.style.height = dom_overlay_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;
- }
- }
- makeResponsive(false,'both',false,1);
- AdobeAn.compositionLoaded(lib.properties.id);
- fnStartAnimation();
- }
- </script>
- <a href=”javascript:window:open(windowclicktag)”>
- </a>
- <a href=”javascript:window:open(windowclicktag)1”>
- </a>
- <a href=”javascript:window:open(windowclicktag2)”>
- </a>
- <!-- 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:320px; height:320px">
- <canvas id="canvas" width="320" height="320" 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:320px; height:320px; position: absolute; left: 0px; top: 0px; display: block;">
- </div>
- </div>
- <a id="mikkels-link" href="#">Betingelser</a>
- <div id="mikkels-vindue" title="Betingelser">
- <p>Ja hej</p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement