Jump to content
GreenSock

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

choward

Members
  • Posts

    3
  • Joined

  • Last visited

choward's Achievements

0

Reputation

  1. Hi @PointC, Thanks for the link to the article I now have a much better understanding of the benefits and reasons to use functions. I know this question is more off topic but would you happen to know in regards to licensing what level is needed to create display banner for advertising in an agency and who needs to hold the license? I would be producing the banners as part of ad agency solely as the only digital designer and then they would be packaged to client to server through ad platforms such as Sizmek and DoubleClick. I have read the licensing pages but I still am not clear on its use for regular display banners. Thanks, Chris
  2. Hi @Carl, Thanks for your reply. I will check and see if I can find some more documentation on Bannertime. In regards to GSAP I do have a question. I can see there are a few ways of implementing timelines. Is there a best practice approach to timelines? I learnt from Ihatetomatoes and using the cheatsheet. It creates a master timeline then using functions creates nested timelines and then calls those functions into the master timeline. Does this have any impact or benefit? Apologies I am new to using the GSAP library and would like to adhere to best practice. Thanks, Chris
  3. Hi all, I am trying to get into Bannertime and its a bit of a learning curve but can see the benefits. I am trying my current banner timeline setup to work with it. In the Bannertime example this is how the animation is called and animated. /** * Animation timeline. */ Banner.prototype.animate = function () { var _this = this; function loop() { _this.timeline.gotoAndPlay('start'); } this.timeline = new TimelineLite({ onComplete: loop }) .addLabel('start', 0) .add(TweenLite.to(this.logo, 2, { autoAlpha: 1, scale: 0.7, delay: 1, ease: Elastic.easeOut })) .add(TweenLite.to(this.logo, 1, { autoAlpha: 0, scale: 0.4, delay: 1 })); }; In my previous banners I have a start animation function which adds in each frames of the banners. I separate them into frames to match a storyboard. I have tried the below adding in how I animate with the current Bannertime setup but it does not seem to be calling my startAnimation. I have also attached the whole original Bannertime file. Any help is appreciated I would like to still have animation setup but within Bannertime. /** * Animation timeline. */ Banner.prototype.animate = function () { var _this = this; function startAnimation() { timeline = new TimelineMax({ repeat: 1, repeatDelay: 3 }), timeline.set( banner, { autoAlpha: 1 }) .add(frame1(), "+=0.0"), timeline.timeScale(1), console.log(timeline.duration() + "timeline duration") } function frame1() { var t = (new TimelineMax) .fromTo(this.tablet, 2, { top: -64, autoAlpha: 0 }, { top: 0, autoAlpha: 1 }) .to(this.model, 2, {autoAlpha: 1}, "+=0.0") return t; } }; Many thanks, Chris banner.animation.js
×