Jump to content
Search Community

xxboonexx

Premium
  • Posts

    9
  • Joined

  • Last visited

About xxboonexx

xxboonexx's Achievements

  1. Never mind, the problem was between the chair and the keyboard.
  2. I am having an issue with scrollTrigger and motion paths. Notice if you scroll slowly and reverse direction, the small moving squares glitch and hang. Any ideas? Thanks in advance. -Boone
  3. I am trying to make an instance of draggable start without the click event. I need it to immediately begin tracking to the mouse when it loads. Any ideas?
  4. Hey everyone, is there a way to use cycle on the length of time for a staggerTo? For example, I know this doesn't work, but it may illustrate the effect I am trying to get. TweenMax.staggerFrom([myItem1, myItem2, myItem3], cycle{[1, 2, 3]}, {rotation:90}, 1); I'm trying to adjust the length of time each item is animated over, myItem1 would take 1 second, myItem2, would take 2 second, etc. Thanks in advance for any help.
  5. Hey guys, I am using a rotationX animation with my splitText field, but I can't get the characters to rotate around their center, they rotate around the top of the characters. Any idea how to change the center of the rotationX to be the center of the characters? Thanks in advance. -Boone
  6. xxboonexx

    TimeLineMax

    I knew it was something silly. Thanks!!!
  7. xxboonexx

    TimeLineMax

    It seems as soon as I declare the variable, the whole thing stops working. so this code works Note that I am not using the timelineMax to animate: <!doctype html> <html lang="en"> <head> <title>HTML5 Example</title> <script src="js/TweenMax.min.js"></script> <script> function init() { var b = document.getElementById("box"); b.style.left = (window.innerWidth * 0.5 - 100) + "px"; b.style.top = (window.innerHeight * 0.5 - 100) + "px"; //var tl = new TimeLineMax(); TweenMax.to(b, 1.5, {css:{left:200}, ease:Expo.easeOut}); TweenMax.to(b, 1.5, {css:{scale:3}, ease:Expo.easeOut}); } </script> <style type="text/css"> #box { width: 200px; height: 200px; background-color: #f9276c; position: absolute; } </style> </head> <body onLoad="init()"> <div id="box"></div> </body> </html> but as soon as I uncomment the var line it stops working. Thanks in advance. Boone
  8. xxboonexx

    TimeLineMax

    Help, I am going through the gotoAndlearn tutorial on html 5 animation with tween max here http://www.gotoandle...play.php?id=161 But when I get to the timeLineMax segment my animation stops working. the code entered looks like this: <script src="js/TweenMax.min.js"></script> var tl = new TimeLineMax(); tl.from(b, 1.5, {css:{left:400, rotation:180}, ease:Back.easeOut}); This doesn't work at all any ideas? Thanks Boone
×
×
  • Create New...