Jump to content
GreenSock

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

Roger Wu

Members
  • Posts

    9
  • Joined

  • Last visited

Recent Profile Visitors

1,633 profile views

Roger Wu's Achievements

0

Reputation

  1. helllo guys, I'm not sure of is it possible to add Bounce function to TweenLite? The TweenMax is so big and only I need is just to show a effect just like Bounce,so could I add it to the plugin? Thx guys.
  2. thank you both, I used VERSION: beta 1.24 before,it works well(only for this rotate effect). I've tried many times to fix the issue that i've found,but i failed... I hope the 1.9.1 can be download qucikly,so i can complate my website. haha,thanks anyway
  3. hello,i've got a problem with the TweenLite rotation. I use TweenLite.to($("#nav6"), .5, {css:{rotation:300}}); to initllize the position of the element. when i run TweenLite.to(nav6, 1, {css:{directionalRotation:"300_cw"}}); to control an element rotate first time,it works well. but after i run TweenLite.to(nav6, 1, {css:{directionalRotation:"50_cw"}}); to reset the position of the element, when i run TweenLite.to(nav6, 1, {css:{directionalRotation:"300_cw"}}); again, the movement of the element become faster than before,it looks like rotate more than 360deg anybody can help me? thanks a lot!
  4. Hi guys... I've got another problem now... the URL was change to http://61.147.80.91:5555/ Could you have a look? If i click the "RO" button for the first time,the rotation works well. But after I click the "HOME" button to make the navigation middle of the window,when i click the "RO" button again,the rotate effect isn't what i want... How can it be? I've try to absolute the degree,but it dosen't work. What's wrong? Here is the code. TweenLite.to($("#nav2"), .5, {css:{rotation:60}}); TweenLite.to($("#nav2 p"), .5, {css:{rotation:-60}}); TweenLite.to($("#nav3"), .5, {css:{rotation:120}}); TweenLite.to($("#nav3 p"), .5, {css:{rotation:-120}}); TweenLite.to($("#nav4"), .5, {css:{rotation:180}}); TweenLite.to($("#nav4 p"), .5, {css:{rotation:-180}}); TweenLite.to($("#nav5"), .5, {css:{rotation:240}}); TweenLite.to($("#nav5 p"), .5, {css:{rotation:-240}}); TweenLite.to($("#nav6"), .5, {css:{rotation:300}}); TweenLite.to($("#nav6 p"), .5, {css:{rotation:-300}}); //when page loaded,run the code above for once function navInit(){//To make the navigation move to center TweenLite.to(top_earth, 1, {css:{top:-win_height+'px'},ease:Quad.easeInOut}); TweenLite.to(nav, 1, {css:{top:win_height/2+'px'},ease:Quad.easeInOut}); TweenLite.to(nav1, 1, {css:{rotation:"0_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav1 p"), 1, {css:{rotation:"0"},ease:Quad.easeInOut}); TweenLite.to(nav2, 1, {css:{rotation:"60_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav2 p"), 1, {css:{rotation:"-60"},ease:Quad.easeInOut}); TweenLite.to(nav3, 1, {css:{rotation:"120_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav3 p"), 1, {css:{rotation:"-120"},ease:Quad.easeInOut}); TweenLite.to(nav4, 1, {css:{rotation:"180_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav4 p"), 1, {css:{rotation:"-180"},ease:Quad.easeInOut}); TweenLite.to(nav5, 1, {css:{directionalRotation:"240_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav5 p"), 1, {css:{rotation:"-240"},ease:Quad.easeInOut}); TweenLite.to(nav6, 1, {css:{directionalRotation:"300_cw"},ease:Quad.easeInOut}); TweenLite.to($("#nav6 p"), 1, {css:{rotation:"-300"},ease:Quad.easeInOut}); }; function navBottom(){//to make the navigation move to bottom TweenLite.to(top_earth, 1, {css:{top:'-600px'},ease:Quad.easeInOut}); TweenLite.to(nav, 1, {css:{top:nav_distance+'px'},ease:Quad.easeInOut}); TweenLite.to(nav1, 1, {css:{rotation:"310"}}); TweenLite.to($("#nav1 p"), 1, {css:{rotation:"-310"}}); TweenLite.to(nav2, 1, {css:{rotation:"330"}}); TweenLite.to($("#nav2 p"), 1, {css:{rotation:"-330"}}); TweenLite.to(nav3, 1, {css:{rotation:"350"}}); TweenLite.to($("#nav3 p"), 1, {css:{rotation:"-350"}}); TweenLite.to(nav4, 1, {css:{rotation:"370"}}); TweenLite.to($("#nav4 p"), 1, {css:{rotation:"-10"}}); TweenLite.to(nav5, 1, {css:{directionalRotation:"30_cw"}}); TweenLite.to($("#nav5 p"), 1, {css:{rotation:"-30"}}); TweenLite.to(nav6, 1, {css:{directionalRotation:"50_cw"}}); TweenLite.to($("#nav6 p"), 1, {css:{rotation:"-50"}}); };
  5. Hi jamiejefferson, Thank you for your advice,I used some code just like your e.g before. But I want debug the rotation and the $("#screen") has 5 screens,so I make the degree absolute. Sorry for my poor english... I'm not quite understanding your meaning. You want to make the code expansibility right? and thank you Carl.I was hesitate to ask question here.because my poor english...haha I'm very appreciate your help,really,and if i got any question i will post here. Thank you guys.
  6. Thank you very much jamiejefferson. 1.9 works.but it still has some bugs need to fix.i think i can handle it. here is the link,i want use the navgation to conctrl the screen to rotate. http://222.73.211.219:9009/rg/ It's not be finished.You can add my skype if you want ,my skype id is "wu19870514". Thank you for your help buddy!
  7. thank you jamiejefferson. But I've got a new problem now. I can't chose the direction of rotation. Sometimes I just want go back 72deg. But the element rotate 288deg...
  8. hello there,I've got a problem in my project. I've got 5 button to control an element to rotate. TweenLite.to($("#element"), 1, {css:{rotation:"+="+72*($(this).index("#button div")-num)}}); "num" is the current number of the button. But if i click on one button and click another button quickly,then the first rotate animation hasn't finished and the second one start,so it's not i want. Is there any way to solve my problem? Thx guys,I've been stuck for two days...
×