jeff4gee
Recent Profile Visitors
4,043 profile views
jeff4gee's Achievements
7
Reputation
-
Hello all. I need a bit of help. I am trying to create the bullet proof timeline in JS. The AS example can be found below. Can someone help me get this started. I have tried but I am having issues with being able to jump to certain areas of the timeline. Thanks. http://www.snorkl.tv/2011/03/bullet-proof-timelinemax-transitions-part-1-jump-to-section/
-
Thanks. I tried this and it worked beautifully.
-
I know this is a rookie question but does someone know where to find information or knows how to setup up a basic nested TimelineMax? Any help would be appreciated. Thanks.
-
Thanks Carl. I have had fun with this one!
-
I have been experimenting with animating a sprite sheet in javascript using GSJS. Here is how I have set it up. First I make a image sequence. I started with a 24 frame rotation of a camera. I created a illustrator file 12 x the width of one image which was 300px and 2 x the height which was 300px. My final artboard was 3600 x 600px for this test. For this animation to work all the images have to be lined up in there cells. Below is an example of the final code and animation. Enjoy.http://codepen.io/anon/pen/dJliq
- 6 replies
-
- 3
-
-
- animation
- backgroundposition
- (and 1 more)
-
I have been experimenting with animating a sprite sheet in javascript using GSJS. Here is how I have set it up. First I make a image sequence. I started with a 24 frame rotation of a camera. I created a illustrator file 12 x the width of one image which was 300px and 2 x the height which was 300px. My final artboard was 3600 x 600px for this test. For this animation to work all the images have to be lined up in there cells. Below is an example of the final code and animation. Enjoy. http://codepen.io/anon/pen/dJliq
- 3 replies
-
- 1
-
-
- animate
- sprite sheet
- (and 2 more)
-
Thanks Carl. I was working with the code and SteppedEase and I believe I have achieved the desired affect. I was able to get the sprite sheet animated like I did with TimelineLite but I only have to write one line of code. var TL = TweenMax.to("#seqHolder", .8,{backgroundPosition:"-6900px 0", paused:true, ease:SteppedEase.config(23), onUpdate:updateSlider}); Example of Sprite Animation http://codepen.io/anon/pen/vghjr
- 6 replies
-
- 3
-
-
- animation
- backgroundposition
- (and 1 more)
-
I have successfully animated a backgroundPosition through TimelineLite to achieve a some animation. I am now trying to see if I can achieve this with one Tween. Here is what I need to do but its not working yet. var TL = TweenMax("#seqHolder", 1, {backgroundPosition:"-=300px 0", repeat:23, paused:true}); I want to have the background subtract 300px from its position every time the tween repeats. Any input would be greatly appreciated. Thanks.
-
One other question about the GSJS shadow box. How can I have a css3 animation play for the content animating in and then fall back to another tween when browser doesn't support css3. Thanks.
-
Thanks for the quick reply. This is exactly what I was looking for. This will help me build it out. I did not realize how easy it was. Thanks again.
-
I know there are many ways to do a shadow box effect but is there a simple method that incorporates GSJS much like the shadow box effect for downloading GreenSock packages. Thanks for you help.
-
I have had luck with using the hex color when changing the background color. I develop for IE8 so I know that this method works in that browser as well as others. TweenLite.to(bot1, .2, {top:"-192px", backgroundColor:"#FFF", ease:Cubic.easeOut, paused:true});
-
Thanks for the post. The other item I was looking to building was a div with text in it that I could scroll. I just wanted to custom skin the slider.
-
Wow that's awesome. Thanks for your post. This is what I was looking for.
-
Thanks for the help. I had thought building it out but was curious before I do if there is a better way. Also thought about combining TimelineMax and the BezierPlugin together.