Jump to content
Search Community

Web Dizajner

Members
  • Posts

    129
  • Joined

  • Last visited

1 Follower

Contact Methods

Recent Profile Visitors

5,159 profile views

Web Dizajner's Achievements

  1. I think that version of core GSAP is not problem. Problem is external loading of extra scripts and plugins like customease, flip and scrolltrigger. Display & Video 360 (former DoubleClick) and Google Ads (former AdWords) are different independent platforms. Google Ads (former AdWords) is low cost platform with many restrictions. Display & Video 360 (former DoubleClick) support external loading of almost anything from almost any https. Simple, low cost Google Ads is for simple ads and Display & Video 360 is for complicated ads.
  2. Start with this sample https://www.marjantrajkovski.com/banner.zip
  3. No I dont have question. I give solution to use Split Text in Animate CC.
  4. 1. Create new document for example 300 x 250 2. Load SplitText.min.js 3. Write this code in Actions text1 = document.createElement("txt1"); t1 = document.createTextNode("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eos eiusmod tempor incididunt ut qui labore et dolore ex magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat voluptas nulla."); text1.appendChild(t1); document.getElementById("dom_overlay_container").appendChild(text1); text1.style.position = "absolute"; text1.style.top = "25px"; text1.style.left = "25px"; text1.style.width = "250px"; text1.style.height = "200px"; text1.style.font = "18px 'Arial'"; text1.style.color = "Black"; gsap.from(new SplitText("txt1").chars, {duration:0.8, opacity:0, scale:0, y:80, rotationX:180, transformOrigin:"0% 50% -50", perspective:400, ease:"back.out", stagger: 0.01});
  5. 1. Export Default HTML Template File > Publish Settings... > HTML/JS > Export > Save > Cancel 2. Rename exported Default HTML Template Default Template.html > MyTemplate1.html 3. Edit and save MyTemplate1.html <!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="$VERSION"> <title>$TITLE</title> <!-- write your code here --> <meta name="ad.size" content="width=$WT,height=$HT"> <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script> <script>var clickTag = "https://www.example.com";</script> $CENTER_STYLE Delete this line: $CREATEJS_LIBRARY_SCRIPTS $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 //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. $CREATE_STAGE //Registers the "tick" event listener. $START_ANIMATION //Code to support hidpi screens and responsive scaling. $RESP_HIDPI $HANDLE_COMPLETE_END $PLAYSOUND $SCRIPT_END <!-- write your code here --> </head> <body onload="init();" style="margin:0px;"> <a href="javascript:void(window.open(window.clickTag))"> <div id="$ANIM_CONTAINER_ID" style="background-color:$BG; width:$WTpx; height:$HTpx"> <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 </a> </body> </html> 4. Load edited MyTemplate1.html File > Publish Settings... > HTML/JS > Import New... > Open > OK
  6. <script> resizeProject = function () { resized = document.getElementById("myDiv"); widthToHeight = 1 / 2; newWidth = window.innerWidth; newHeight = window.innerHeight; newWidthToHeight = newWidth / newHeight; if (newWidthToHeight > widthToHeight) { newWidth = newHeight * widthToHeight; resized.style.width = newWidth + "px"; resized.style.height = newHeight + "px"; resized.style.maxWidth = resized.css("max-width"); resized.style.maxHeight = resized.css("max-height"); } else { newHeight = newWidth / widthToHeight; resized.style.width = newWidth + "px"; resized.style.height = newHeight + "px"; resized.style.maxWidth = resized.css("max-width"); resized.style.maxHeight = resized.css("max-height"); }} window.addEventListener("load", resizeProject); window.addEventListener("resize", resizeProject); resizeProject(); </script>
  7. https://support.google.com/richmedia/answer/6307288?hl=en only https://s0.2mdn.net/ads/studio/cached_libs/gsap_3.1.0_min.js
  8. I know, it is not problem for me
  9. Web Dizajner

    GSAP link

    It is not possible to select and copy full link.
×
×
  • Create New...