Jump to content
GreenSock

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

jeff4gee last won the day on February 27 2013

jeff4gee had the most liked content!

jeff4gee

Members
  • Content Count

    23
  • Joined

  • Last visited

  • Days Won

    1

jeff4gee last won the day on February 27 2013

jeff4gee had the most liked content!

Community Reputation

7 Newbie

About jeff4gee

  • Rank
    Member

Recent Profile Visitors

3,044 profile views
  1. 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/
  2. Thanks. I tried this and it worked beautifully.
  3. 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.
  4. Thanks Carl. I have had fun with this one!
  5. 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. 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
  7. 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
  8. 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.
  9. jeff4gee

    Shadow Box

    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.
  10. jeff4gee

    Shadow Box

    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.
  11. jeff4gee

    Shadow Box

    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.
  12. jeff4gee

    color animation

    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});
  13. jeff4gee

    GSJS Slider

    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.
  14. Wow that's awesome. Thanks for your post. This is what I was looking for.
  15. 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.
×