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.
1 Like
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
2 Likes
Nice text animations with the Samsung ad!
These looks really great:
https://s0.2mdn.net/3975371/1537456354192/index.html
and quite curious what is the technology of the video embedded?
1 Like
This is a regular HTML5 video. Those events are normal DOM events: HTMLMediaElement: loadstart event - Web APIs | MDN
<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:
1 Like
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.
1 Like
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.
1 Like
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:
- https://www.adtrek.co/assetdemo/electric-art/air-tahiti-nui-nz/tahiti-kids-price/af67856d-21a1-461e-94d3-9881b6596d1d
- https://www.adtrek.co/assetdemo/electric-art/samoa-nz/9523-sta-2020safe-to-say-campaign/29518437-7b81-4049-9722-793468efddcc
- https://www.adtrek.co/assetdemo/electric-art/vanuatu-tourism/vanuatu-volcano-banners/e4b63123-761e-40dc-9e3f-cc433dc27ae7
- https://www.adtrek.co/assetdemo/electric-art/tilt-digital/tilt-barossa-valley/9e1bb23d-b01a-4987-85bf-297e9d330274
- https://www.adtrek.co/assetdemo/electric-art/gosweetspot/gosweetspot-july/c9ce9d84-13ee-4748-8706-ee97de0f79f8
- https://www.adtrek.co/assetdemo/electric-art/garador/garador-july-kiwi/b0eeee24-f830-4337-a53f-1ecaafe7825b
3 Likes
Verizon Fios Mix & Match 300x250 | 728x90
Tommy Hilfiger Lewis Hamilton Edition 728x90 | 300x600 | 300x250
I think above Tommy Hilfiger ads were created by the talented @MaxZieb? Created with Hype and GSAP
Lovely.
Holy ships, how did I miss this post?
How can hype ads create such a loop?
The basic method to loop in Hype is to add a Timeline Action at the end of the timeline which is set to Start Timeline… for that particular timeline. This resets the playhead back to the start and plays until it gets to that same point and then resets to loop over and over again.
Looping can get a bit fancier if you animate only particular elements/properties on alternate timelines or within the even more powerful Symbols such that parts of the document are animating and looping independently.
I am an advertiser and I have been following Tumult for a long time because your tool allows to create HTML5 format ads. However, I still do not own this software because your direction and roadmap seems to be getting further and further away from the advertising goal in general. I know I'm being a bit selfish, but maybe you should try to think like Pixelmator pro did. They do not intend to replace Photoshop but are gradually becoming more convenient and gentle for users by providing their own templates with pre-set layouts. Just change the image or call to action.