joe_temp
-
Posts
12 -
Joined
-
Last visited
Content Type
Profiles
Forums
Store
FAQ
Showcase
Product
Blog
ScrollTrigger Demos
Downloads
Everything posted by joe_temp
-
This... this right here is why I use GSAP. You guys are amazing. http://codepen.io/Joe_Temp/pen/VLMjaK Snap.svg + GSAP... deal with it.
-
Diaco.AW: Thanks! I will try and post Codepen to prove it works and for posterity!
-
Nailed it Carl! Do you know if it would be possible to tween the ACTUAL path? Because that's what I really need. For example: From: var snapEl = s.rect(0,0,160,160) To: s.rect(0,0,200,350) Not really sure how that works since those aren't attributes but rather the dimensions of the SVG. Thanks again for your help!
-
I think this is totally possible because I've seen some admins suggest it. I just think I'm confused on how dummy objects work.
-
In the Codepen listed, I'm trying to tween a Snap.svg element with a dummy object. I first learned about this technique here: http://greensock.com/forums/topic/8604-snapsvg/ But... alas I have been unable to make it work. I'm not really sure why it's not working. For the record, I'm aware that Greensock has a Raphael plugin, but the project requirements commit me to using Snap.svg. I also just generally prefer Snap.svg and would LOVE to use my favorite tweening tool to make it work. I'm also aware that a forum user wrote a port for the Raphael plugin about a year ago... but there's been no recent activity on Github and I was unable to get it to work. Thanks for any and all help in advance!
-
So, I'm trying to build a slideshow that uses GSAP. But I'm wondering... do I do EVERYTHING with GSAP? One thing I'm trying to use right now is jQuery's addClass. The class I'm adding basically makes something visible. Can I continue to use that to show my slide? Or do I need to use GSAP to get the performance boost?
-
Sorry. I'm a jerk. I use Codepen all the time to show people everything and I've neglected to do so here. Part of the reason is what I'm building is rather complex and it's finished yet. I'm going to give it the ol' college try to fix it on my own. If I can't, I'll make a codepen and post it here. Thanks for the attention.
-
I'm trying to ease an element that is being translated to the left by a percentage amount. Easing doesn't seem nearly as effective as when I'm translating by a pixel amount. Any ideas on what I should do?
-
Rodrigo, You are awesome. Plain and simple. I'm going to try this out later today and hopefully it will work. If it doesn't, it's probably something stupid on my end. If I can't figure it out after trying for a long time and search for answers, I'll come back. Thank you guys SO much! This is the biggest challenge I've faced in months and I appreciate the input and the time.
-
Thank you guys so much for your help. I REALLY appreciate it. Here's the only thing I'm confused about: If I use the code Carl provided, all the tweens in the timeline share common duration and delay values. What If I want to independently control those for each tween? Is that possible? It surely must be. Any ideas?
-
Here is my full script: <script> $(document).ready(function() { var controller = $.superscrollorama(); //This code snippet is built on the parallax example: controller.addTween( '#gun', (new TimelineLite()) .append([ TweenMax.fromTo($('#hammer'), 1, {css:{rotation: 0}, immediateRender:true}, {css:{rotation: -25}, ease:Quad.easeInOut}), TweenMax.fromTo($('#trigger'), 1, {css:{rotation: 0}, immediateRender:true}, {css:{rotation: 40}, ease:Quad.easeInOut}) ]), 500, // scroll duration of tween 200); // offset? }); </script> What I need to know is... how can I add a tween to this timeline? I just need to know how to add tweens after the one I already have. Everything I have tried does not work.
-
Hi, I am a total noob to jQuery and just learned what GreenSock was today. I would really like to use Superscrollorama for a site I'm building but I don't totally get it. I'm attempting to play with this example but nothing is happening: https://github.com/johnpolacek/superscrollorama/blob/master/simpledemo.html When I save this as an html file and open it up, it's just black words on a white screen. Please help!
