Jump to content

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

masq last won the day on April 7 2013

masq had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


masq last won the day on April 7 2013

masq had the most liked content!

Community Reputation

2 Newbie

About masq

  • Rank

Profile Information

  • Gender

Recent Profile Visitors

3,063 profile views
  1. Hi, I have a similar problem only in my case I need to be able to control child Timelines individually so I need them to be set as paused. This is my example as you can see it jerks the reverse animation, I think it's because I'm passing `.play()` function to `.add()`. Update[1]: Here is another example where I set `pause: false` and remove `.play()` and just leave the instance. But it still jerks the animation. Regards, S.
  2. Hi! A big thank you for helping me understand the root of my problem. This is the first time I come head to head with such a problem, if I knew never would opened up a post (Being ignorant just thought there is something with the way plug-in works) Sorry everyone for your troubles and again big thank you everyone who helped, I will post full site in several days for you to enjoy! Best regards, Masq
  3. I think, I don't understand JavaScript a bit. If I'm creating new instance of TimelineMax, it should be separate and independent from other Tweens, am I right? If I just use .play() and .reverse() it should never loose starting/ending style's ? Or is my code subject to cross reference, and it somehow interacts with other instances, but it can't be because before I created separate instances for each element without TimelineMax definition in layer object... Looking at this code, is there a possibility of cross reference between those three buttons, maybe in selectors? EDIT[1]: Here is scr
  4. Hi, Yes, And heres is codepen version http://codepen.io/skmasq/pen/xbCJd , but it seems it doesn't replicate the problem. Here we go a video : http://youtu.be/IDZn-kdipyU It seems that it overwrote the begining of the element which is left: 80px,Here is how I define values: var routes = { "animals": { is_gallery: true, gal_rotation: 4, arrow_color: main_colors.green, button_opt: [ { id: "#animals-start", settings: {}, info: { opacity:
  5. Hello, I have success making everyone to view the real thing here: http://codepen.io/skmasq/pen/xbCJd EDIT: Routes are not working yet. But the interesting thing is, I can't seem to replicate this problem, as if somekind of magical thing is happening here. EDIT[2]: Maybe create site in codepen and ship it ? I will put up on live server in an hour, and will start to check the differences. EDIT[3]: I found a temporary fix, that will always keep my tweens without lag but with very,very low FPS. I created transparent element which is animating all the time: TweenMax.to($("#tween-fix"
  6. Hi there again, Answers to your questions and suggestions: window.onfocus didn't solve anything sadly, Thanks for the tip about scale, but that didn't change a thing neither, I added that code only for this problem with purpose to minimize horrible effects I had, basically it manages normal hover when going from element to element, wish this was the problem and I wish I could work around somehow when I'm leaving the element, Correct me here if I'm wrong while describing the actual process for tweening when hovering Broswer is tracking my mouse movement, Event listener fires function when hov
  7. Hi there, Before I continue, you can look at this post about problems with Tween transition I posted http://forums.greensock.com/topic/7584-best-way-using-tweenmax-for-hovering-elements/#entry28750 I really appriciate any kind of criticism on my programming skills and code writing. And you might be 100% right that complexity of code is just what the problem might be, I will try to rewrite overnight the site again, even more simpler. The main problem is, the simpler the code the larger file, pluss I need leave room for future content. Another problem is going from one place
  8. Hi there, so here is video http://youtu.be/iZ_ee0lh-7Q There is problem seeing mouse, but I will explain what I'm doing. I'm holding my mouse in one position for more then 2secs and then moving mouse over or out of element, and when I do that Tween just go straight to end or start without animating transition between those two points. Regards, Masq
  9. Hi, I will record a video, because I don't know how to explain how to replicate the problem. I will post url to video asa I'll upload it. Regards, Masq P.S. These tools are best thing that happened to me while programing on js, I thinking of going green anytime soon.
  10. I think I might just create a video, with experiments showing how tweens act... I know that it's the way I use them and create them. Because I don't know how actually TwennMax.to() and TimelineMax() work, I don't know where to find the problem? Why would there be a situation where Tween doesn't animate and just show end result? Is it .play() function and .reverse(), or is it the way I pass my element? By default I pass elements like this: $("#element") or $(".elements-class") When I did this in jsfiddle everything works fine.. Could it be that those buttons are in nested containers? My
  11. Hello there, I have problems with my Tweens, when I'm animating them on hover like this: $(this).find("a.handler").on("mouseenter.action mouseover.action", function () { if (globals.menu_item_hover_complete) // Animate current element item_hover.timeScale(1).play(); console.log("hovered"); }).on("mouseleave.action mouseout.action", function () { // Reverse animation item_hover.timeScale(1.5).reverse(); }); These Tweens on chrome
  12. Hello there again. So I have good and bad news. Good news is I managed to fix the major problem with animations. It seems that chrome isn't able to run JS properly. What I did I wrote more direct code rather than writing nested code, and did everything step by step watching if there isn't anything that puts a weight on animations. So that's good, now everything works slick.... BUT Now there is problem which, what I think, comes from the first problem. When I change tabs in middle of animations, I create a problem with TweenMax animations, it seems that on fast mouseenter/mo
  13. masq

    tweenmax.set() callback

    Hello again. Sorry for my ignorance, I just thought that set wouldn't have a callback just because it's not an animation type function. And yes, the second set of code is the actuall solution for my problem, because I have lot's of elements that are needed to be set Big thanks and sorry for silly question. Reason why I asked is that google doesn't really showed this question and I wanted others to be able to find this one when searched Regards, Masq
  14. Hello there again! I use TweenMax.set() to set properties like opacity and transform(x,y,rotate,scale(x,y)) for IE6-8, and it works like charm, everything is perfect! But I have one issues, which I don't know how to solve. The life cycle of my page: Set DOM values via MVC engine Wait until $(window).load() and then fadeIn() page Problem is TweenMax.set() executes on slow computers after load is complete and then user needs to wait like 2-3 seconds until element by element is positioned for him. Basically it look like mess. What I would want is to know when TweenMax actually sets t
  15. Hi, I posted issue to chromium website, so I hope to get some answers. Upgraded to latest TweenMax 1.9.3 and no change at all in performance. I will do some talking with my client about this problem, how to handle this.... to be honest, this problem is so ridiculous, I just can't believe it exists... I'll be posting up if there is some kind of workaround or solution, until then Stay classy GreenSock! Regards, Masq