Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Web Dizajner

Members
  • Posts

    116
  • Joined

  • Last visited

Everything posted by Web Dizajner

  1. I know, it is not problem for me
  2. Web Dizajner

    GSAP link

    It is not possible to select and copy full link.
  3. Resizing & Positioning imported file? Not possible? Immediately, I closed application 1. How to resize imported file - e.g. I want to resize imported retina double-sized file. 2. How to position imported file - e.g. I want to be exactly top: 23px and left: 69px.
  4. Use animate dom_overlay_container div for TextPlugin, ScrambleTextPlugin, SplitText... example of code in actions var txt1 = document.createElement("p"); var node1 = document.createTextNode("This is the old text"); txt1.appendChild(node1); txt1.setAttribute("id", "p1"); var element = document.getElementById("dom_overlay_container"); element.appendChild(txt1); TweenLite.to("#p1", 2, {text:"This is the new text"});
  5. Just export default template and change few things. In HEAD For both AdWords and DoubleClick add ad.size meta tag: <meta name="ad.size" content="width=$WT,height=$HT"> Clear line for default hosted CreateJS library in default template: $CREATEJS_LIBRARY_SCRIPTS and add Google hosted CreateJS and TweenMax (if you need) libraries: <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> You can add viewport meta tag for better preview on mobile: <meta name="viewport" content="width=device-width, initial-scale=1"> For DoubleClick (Do not use for AdWords !!! , AdWords add own ClickTag on upload) add default ClickTag in head: <script>var clickTag = "https://www.example.com"</script> In BODY For DoubleClick (Do not use for AdWords !!! , AdWords add own click event on upload) add click event on top div (<div id="$ANIM_CONTAINER_ID">): onclick="window.open(window.clickTag) For both AdWords and DoubleClick you can change cursor to point with style on top div (<div id="$ANIM_CONTAINER_ID">): cursor:pointer At the end you can clear all comments in template.
  6. AdWords <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  7. Don't use outdated templates Use this template for DoubleClick <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$TITLE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min.js"></script> <script src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.0_499ba64a23378545748ff12d372e59e9_min.js"></script> <script>var clickTag = "https://www.example.com"</script> $CENTER_STYLE $ANIMATE_CC_SCRIPTS $SCRIPT_START var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; function init() { canvas = document.getElementById("$CANVAS_ID"); anim_container = document.getElementById("$ANIM_CONTAINER_ID"); dom_overlay_container = document.getElementById("dom_overlay_container"); $CREATE_LOADER $LOAD_MANIFEST $PRELOAD_ASSETS } $HANDLE_FILE_LOAD_START $HANDLE_FILE_LOAD_BODY $HANDLE_FILE_LOAD_END $HANDLE_COMPLETE_START $CREATE_STAGE $START_ANIMATION $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END </head> <body onload="init();" style="margin:0px;"> <div id="$ANIM_CONTAINER_ID" onclick="window.open(window.clickTag)" style="background-color:$BG; width:$WTpx; height:$HTpx; cursor:pointer;"> <canvas id="$CANVAS_ID" width="$WT" height="$HT" style="position: absolute; display: $CANVAS_DISP; background-color:$BG;"></canvas> <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:$WTpx; height:$HTpx; position: absolute; left: 0px; top: 0px; display: $CANVAS_DISP;"> </div> </div> $PRELOADER_DIV </body> </html>
  8. Google-hosted Greensock (files should work regardless of version)
  9. Yes, ExitApi is removed for non-GWD tools. Dont worry for GSAP and CreateJS, there are no change.
  10. L E A N (Light, Encrypted, Ad choice supported, Non-invasive ads) No LEAN = Rise of ad blockers = Web without banners
  11. For flexible scalable GSAP banners can work this code: <script> function makeResponsive(isResp, respDim, isScale, scaleType) { var lastW, lastH, lastS=1; window.addEventListener('resize', resizeStage); resizeStage(); function resizeStage() { // custom maximum dimensions var w = 450, h = 450; 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); } } // custom wrapper div e.g. stage stage.style.transformOrigin = '0 0'; stage.style.transform = 'scale(' + (pRatio*sRatio) + ',' + (pRatio*sRatio) + ')'; } } makeResponsive(true,'both',false,2); </script>
  12. Maybe you can used it through actions panel on <div id='dom_overlay_container'></div> Just paste this code in actions panel: var div = document.getElementById('dom_overlay_container'); div.innerHTML += 'My Animated Text';
  13. What is the best solution for flexible scalable GSAP banners?
  14. As far as I understand... ... on example 1:1 vertical portrait in Edge Animate: Size: 300x300 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for normal quality for 450x450 or Size: 450x450 Min-width: 300 Max-width: 450 Responsive Scaling: Width Images: HD retina support (all images are in double size) - enough for best quality for 450x450 1:1 vertical portait will be scalable from min 300x300 to max 450x450 depend of available space for banner on site.
  15. IAB NEW STANDARD AD UNIT PORTFOLIO. No more Pop Up Ads, Floating Ads, Auto Expand Ads, Hover Expand Ads, Rich Media ads... No more standard sizes like 300x250, 300x600, 160x600, 120x600, 970x250, 728x90... Suggested 15 sec without loop, 10 file request, 50 kb zipped library...
  16. Has Anyone tried Saola Animate - Vietnamese reincarnation of Edge Animate? I found this application today, I have downloaded and installed trial and I am trying this product now. It seems to me very familiar with Edge Animate.
  17. I need clone of Edge Animate with TweenMax library
  18. <!DOCTYPE html> <html> <head> <!-- WEBORAMA SCREENAD META DATA (don't edit/remove) --> <!-- SCRVERSION: screenad_interface_1.0.3 --> <!-- SCRFORMAT: layer --> <!-- SCRWIDTH: 300 --> <!-- SCRHEIGHT: 600 --> <!-- TEMPLATENAME: Persgroep Parool VK HPTO --> <!-- TEMPLATEDATE: 2016-11-03 --> <script type="text/javascript" src="https://media.adrcdn.com/scripts/screenad_interface_1.0.3_scrambled.js"></script> <script src="https://media.adrcdn.com/scripts/jquery.min.js"></script> <script src="https://media.adrcdn.com/scripts/external/tweenlite/1.19.0/TweenMax.min.js"></script> <script type="text/javascript"> // <-- Do not edit this. --> // var element = 'halfpage'; </script> <script type="text/javascript" src="template.js"></script> <script type="text/javascript"> // <-- Edit the functions below. --> // // This function is called when this element is done loading. function onReady() { // Do things. } // This function is called when all elements are ready. function onSync() { // Start your synced content. } </script> <style type="text/css"> body { margin: 0px; padding: 0px; overflow: hidden; } .full { width: 300px; height: 600px; position: absolute; left: 0px; top: 0px; } </style> </head> <body> <div id="content" class="full"> <div id="background" class="full" style="background: #EBEBEB;"></div> </div> <div id="weborama_click" class="full" style="cursor: pointer;" onclick="screenad.click();"></div> </body> </html>
  19. Use their hosted libraries https://support.weborama.nl/hc/en-us/articles/210438526-CDN-hosted-Libraries
  20. Where is the problem? Download templates https://adrime.box.com/shared/static/xfevis0ckftkw43gkiuk6sl7i4hdm5hh.zip I suggest changing two lines in template (adding https:) for better preview from <script type="text/javascript" src="//media.adrcdn.com/scripts/screenad_interface_1.0.3_scrambled.js"></script> <script src="//media.adrcdn.com/scripts/jquery.min.js"></script> to <script type="text/javascript" src="https://media.adrcdn.com/scripts/screenad_interface_1.0.3_scrambled.js"></script> <script src="https://media.adrcdn.com/scripts/jquery.min.js"></script>
  21. ... and when you are creating complex 300x600 HiDPI retina ready banners, you will finish with 20 x 600x1200 images?
  22. Great news!!! In new prerelease of new release Animate CC - EASE TYPE.
  23. In most case I need hi-quality double-sized images with dimensions with even numbers, divisible by two. In that case I cant use automated process.
×