Jump to content
GreenSock

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

davi

Members
  • Content Count

    109
  • Joined

  • Last visited

Everything posted by davi

  1. Unless you're a time traveler, GSAP5 ain't out yet 😁 Doesn't have GSAP in it and not sure how up-to-date this is since Amazon acquired them, but worth a shot > https://support.sizmek.com/hc/en-us/articles/360031337971-HTML5-Standard-Banner-Ad-in-Sizmek-Ad-Suite Zip template direct download > https://services.serving-sys.com/sizmek/showcase/downloads/formats/base/html5_standard_banner_1_0_3.zip Then just add GSAP via a script tag, and then add GSAP animation code to the startAd function in the template. Sizmek GSAP CDN is listed here under 3rd Party > https://support.sizmek
  2. +1 on Geedix's note. Also, another trick when doing geedix's method, which I run into often: Sometimes when you scale a 2x image down in Adobe Animate to 50%, sometimes the sharp edges within the image content itself will get slightly softened / antialiased – which isn't intended at times. First, set the image within whatever container it is in (if it's in one) to have whole number X/Y positions (x:0, y:0 ... not x:0.3, y:0.95). Same with the container. Then re-export and check if the edges are softened on portions of the image that aren't supposed to be softened. The trick to getting it
  3. Initial load: Generally means anything loaded up in the HEAD tag (CSS or JS files, etc), your HTML code in the BODY and images there, etc. Stuff that gets loaded immediately BEFORE the page displays / before the Window load event. Subload: Would be anything that gets loaded after that / AFTER the Window load event. So if you call a JS file at the end of the bottom of your HTML, and those subsequently load in image files – that's being subloaded in. When you hear subload load or "polite" load, the idea is that sites don't want there to be a hang up for stuff to appear for the user (after all,
  4. Also, of note, that the 150kb max is determined after zipping up assets. However, if it's being site-served, and they don't allow external CDN's or have their own for GSAP, you may have to include GSAP. Also, I'm only seeing several images being used, and if optimized properly, should easily fit into 150k. If using PNG, make sure to run them through something like ImageOptim and ImageAlpha.
  5. ^ That is fantastic @gerbrandpetersen. Just pinged them to ask about pricing. That'd be a great alternative for Google Ad Validator as well, which is being deprecated soon.
  6. We won't be able to accurately help you without seeing an example or have those files to see what's going on. Whatever is happening is likely causing the AdHelper "onSlow" event to trigger, and in return, triggering your fallback, which you have specified as showing a backup image with the alt text "Adobe Animate CC". My guess (without seeing the files), is that you're incorrectly looping somehow, and causing some sort of error which is being constantly looped through (and subsequently causing slowdown triggering the AdHelper event). FYI, frame numbers within Animate CC start at 0 and no
  7. Another update for this thread in case people come back here. GSAP DevTools will trigger a DCM Validator error. It's related to storageSession ... or ... comes up as a malformed SVG asset (perhaps one of the graphics in DevTools is missing one of the silly things mentioned in other places in this thread, like self-closing tags or declarations). I typically comment out DevTools on final packaging of files, but accidentally didn't and found this error. I'd imagine some folks are going to come across it. Anywho, more documentation...
  8. Try using Google's CDN instead > <script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2019.11.15_min.js"></script> ...and if that doesn't work, you can always embed the createjs library into the HTML (just copy and paste all of the javascript code from that link into its own <script> tag.
  9. Now I haven't delved too much into your code but by looking at the animation, you probably need to restart the clips (two/twob rollover + rollout), plus have a way to determine if either animation has finished, otherwise you'd run into an issue if you rollover/rollout before the animation completes and having it jump back to the beginning of the state and playing from there. Since it looks like it's just going back to the default state, a better option for two may just be to play the timelines in reverse or yoyo.
  10. I've noticed this too. Perhaps their validation tool, HTML5 Validator, has a list of accepted CDN links and the new GSAP CDN needs to be added to the list in that tool. They need to add the new CreateJS as well. Anyone gotta connection?
  11. Used to be both years back, depending on what site's allowed. Then gradually became more start collapsed, and then expand on click. Probably because of it messing with user experience, and ended up being more of a on user-interaction approach instead. I rarely even see expandable ads nowadays.
  12. Verizon didn't create that format, the 970x250 is just a standard billboard ad, part of the IAB fixed unit portfolio. Most campaigns I take on have that unit included. I believe the collapsible ad you see is an older format (at least I can remember those years back on YouTube). Yeah, just make the ad 970x250 that doesn't expand/collapse.
  13. It's your version of CreateJS, likely nothing to do with GSAP. Animate2020 will export using version 1.1 but older versions use the version from Nov 26, 2015.
  14. Run a quick test for us: - Go into your published JS file that it exports. Do a search for "StageGL". It should appear more towards the bottom of the file in bootstrap callbacks section. - Change to "new createjs.Stage()" rather than "new createjs.StageGL". Then let us know what happens.
  15. Didn't work for me. Tried Safari and Chrome, using GSAP-based banners and an Animate CC-based banner. After uploading, I just get a blank screen with the banner title in red. Sometimes "Undefined variable: y_axis" appears, not sure what that is (I searched all of the code in the banner and that's not even in there). I also got "Illegal string ''offset 'images'" on one of the ads I uploaded to test with. Opening the config file that appears just shows curly brackets. Sounds promising, and love the idea of the single HTML page if it actually does create a smaller file than manually optimizi
  16. Yeah, this is how banners that have movie or show times are created, "tune in" dates (i.e. Show date, out tomorrow, out today, etc). Use the JavaScript Date object > https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/ Depending on your needs, it can be simple or a bit more complex. Typically, with movie or show banners, you just use 3 scenarios or outcomes > Coming out today, tomorrow, or XX days until it reaches tomorrow. Obviously, if you're putting a real countdown where the time is constantly changing or it's giving an actual amount of days or minutes
  17. I know this is an old thread but just wanted to add in another solution just in case someone else is running into this issue and none of the above solutions work out. For me, it was the "<use>" tag. Removing it got rid of the error. (I ended up recreating the SVG so it doesn't need that tag).
  18. I know this is an old thread but just wanted to add in another solution just in case someone else is running into this issue and none of the above solutions work out. For me, it was the "<use>" tag. Removing it got rid of the error. (I ended up recreating the SVG so it doesn't need that tag).
  19. It's definitely a super heavy effect, I wouldn't use it on anything at this time (stuff like this makes me miss Flash ? I'm on an iMacPro and I can tell it runs chunky and that's even with small things. Not quite ready to use these types of animated effects just yet. Here's a quick snippet to test it out > function blurFromTo(_element, _start, _end, _duration, _ease, _delay) { _element._blur = {}; _element._blur.amount = _start; TweenMax.set(_element, { webkitFilter: "blur(" + _start + "px)", filter: "blur(" + _start + "px)" }); TweenM
  20. I've had issues where you apply an SVG blur filter and try to tween the filter values as well as an issue if you were to then slide the element across the screen (this was a while back or so). From what I remember, some browsers were creating a "trailing" effect, leaving behind the remnants of that trail in the path that it took that stayed there after the tween too (Some browsers did it, other didn't). Think of it looking similar to onion-skinning. I was attempting to create motion blur effects at the time. It worked but had that garbage on some browsers (and didn't perform so great on some d
  21. Still PSD with everyone I work with, but definitely not ideal. If Photoshop improved its SVG export capabilities (or exporting altogether), then it'd be a step up. So, you can turn text and everything into SVG directly in Photoshop, and can export an SVG – you just can't copy a vector and paste the SVG code into a text editor like Illustrator can. I'm still using other apps to optimize assets, an extra step that PS should be able to do on its own. You can do the different canvas sizes with artboards in Photoshop, but exporting assets from each artboard is absolutely ridiculous when you wa
  22. You can also inline the SVG code. Create all your text in Illustrator (or the new Animate) in a separate file then you can copy and paste into the HTML. In Illustrator, when you copy/paste text to your text editor like Sublime, it'll paste SVG code, not an image or vectors. The advantage to doing this is you're not dealing with a bunch of extra individual SVG image files, plus you can access the SVG code if you want to do things (like SVG mask effects, blend effects, and even using GSAP to animate portions, just add id's or classes, sorta like an instance name). I'm personally not a fan
  23. @kellyimaging I haven't started using CC2019 just yet, I initially installed it but Illustrator kept crashing on Mojave, so that means I needed to stick to everything CC2018. I'll have to give it a go on the new version of Animate soon. I read they have a ton of new and exciting features. Yeah, I like Animate/Canvas for certain scenarios and hand-coding for others. Nope, I don't use the generated template, use my own custom one, took while to create and QA. Here are some of the things I include outside of the stuff you've already mentioned > - The proper CDN URL's for Cr
  24. Hey Celli, You should be able to control any properties listed here with GSAP or whatever > https://createjs.com/docs/easeljs/classes/MovieClip.html As for width and height in pixels, it’s done a bit differently using bounds (getBounds, setBounds, frameBounds, etc etc among other methods... just do a Google search). Just take a read through the props you’d like to adjust as they may be a bit different than you may think (ie: alpha is between 0-1, not 0-100).
×