Updated: The second one might just be easy to accomplish looking at its just image sprites from a video with the guy and the girl. Looking at the resources
High-impact visual choreography combined with Greensock GSAP power easing!
Jan-Feb 2019 Update! New Ads have been added from Sony, Honda, Canon, Amex… Enojoy!
That banner is no longer available online. I’d love to see it. Pete, did you happen to capture it, and still have it, by any chance?
I just found this post, this is great! I’ve done this sort of banner isolation for myself, but have never seen a public resource like this. Thanks, guys! I’ll contribute as I come across good ones. I’ve noticed more and more when I try to open banners in a new tab, they come up blank. From what I can tell, it’s due to taking out the publishing page’s connection.
Always a bummer when that’s the case. Let me know if there’s any kind of workaround when that happens.
Hey there, thanks for the kind words, mind telling us what ad you clicked on? Generally, we stay away from googlesyndication served ads as they tend to die out quickly. Google Ads served on s0.2mdn.net is what works the best, sometimes its tricky to get them to work but we’ve figured out a way to display them. The key is to remove everything after HTML as those are analytics/tracking details. We’ll be adding new ads shortly and one of them is a hype/gsap ad designed by our talented forum member and contributor.
Do you know what ad from within this forum you clicked on?
Sorry Pete, I wasn’t terribly clear. The links I’m giving are from the wild, not provided in this forum. However, the G-Star Raw Interactive Carousel link here is broken.
Some bannerboy ads were deleted by the company so I went ahead removed them from the thread. Let me know if there are other ones that cant be displayed. Sometimes it takes a good few 5-10 seconds to load.
New ads added, Enjoy! A few more have been added.
New York’s 529 College Savings Program - The Chauffeur
New York’s 529 College Savings Program - The Chef variation
New York’s 529 College Savings Program - The Doctor variation
New York’s 529 College Savings Program - On Job Less variation
Nice text animations with the Samsung ad!
These looks really great:
and quite curious what is the technology of the video embedded?
This is a regular HTML5 video. Those events are normal DOM events: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loadstart_event
<video x-webkit-airplay="allow" webkit-playsinline="true" playsinline="" muted="" src="https://d193mxkscv6mty.cloudfront.net/M22/progressive/INP_300x250/STX_Entertainment_M22_300x250_Prog_resolve_video.mp4" style="width: 100%; height: 100%;"></video>
Thanks Daniel for your great support:grinning:
True, Embedding videos and adding Interactive elements are where its at now when it comes to ads. Take this one for instance, its got a swipe interaction. Im noticing the key to getting it right is to know where to apply easing and what effect works with what asset.
though, there’s no video used in this ad … html5-animation and canvas
true above ad is not video enabled, I was just generalizing that video enabled and or interactive ads are on the rise and gave an example of an interactive ad.
Just received a great collection of fresh ads from http://www.electricart.co.nz/, a New Zealand creative advertising agency – they’ve been all in with Hype for the past 18 months and just hit 500 million impressions.
You might also notice a sweet looking Hype animation on their home page:
Their style of sharp text over highly optimized video loads surprisingly fast:
I think above Tommy Hilfiger ads were created by the talented @MaxZieb? Created with Hype and GSAP