• Content Count

  • Joined

  • Last visited

Community Reputation

9 Newbie

About Blake

  • Rank

Profile Information

  • Gender
  • Location
    Brooklyn, NY

Recent Profile Visitors

579 profile views
  1. Blake

    MorphSVG plugin and pathDataToBezier help

    Thank you so much, PointC! You are supreme! I'll check out your stroke-dasharray thread now. Have an excellent day! Best, Blake
  2. Hey there, Fellow GSAP Jedis! I'm having a bit of trouble getting my plane svg to follow a path I made. Any help is greatly appreciated. Best, Blake
  3. Blake

    flicker on first load

    @Jonathan you are a GSAP Jedi Thank you!
  4. Blake

    DrawSVG plugin with glowing point

    Hey there! I'm wondering if anyone knows how to enhance the drawSVG write on effect by adding a glowing point to the stroke that reveals the layer underneath. When the mask is being drawn on, is there a way to add a shape or perhaps a glowing circle to the point that is revealing the layer underneath? Perhaps there's a way for an object like a small circle to follow the path that the drawSVG plugin also follows? Sorry if this sounds too confusing and thanks for taking the time to read. Best, Blake
  5. Blake

    Fire Loop with SteppedEase()

    Hi there, I'm having trouble getting a loop to run smoothly. Right now there's a bit of jitter and I feel like you can easily see the loop start. Would appreciate any help getting this to run smoother. Best, Blake
  6. Blake

    Fireworks png effect

    Thanks so much, Craig! As soon as I hopped back into Sublime I saw that I needed that modifier script and it works like a charm. Have a great weekend, good sir
  7. Blake

    Fireworks png effect

    Hi Craig, how's it going? I'm trying to modify/run this code locally but having a bit of trouble getting started. Any ideas how to properly port this locally to experiment with it? Best, Blake
  8. Blake

    Fireworks png effect

    Bless you, kind sir! That is it! Thank you so much for being a supreme Jedi
  9. Blake

    Fireworks png effect

    Hey everyone! I recently saw an amazing CodePen where a series of fireworks png's were animated using their rotation, scale, x and y properties. It was the coolest thing ever but I can't find it. I believe the effect was leveraging the staggerFrom() function or perhaps steppedEase(). I can't recall but I'd love to try and locate that pen if possible. Thanks in advance, Blake
  10. Blake

    Foggy window effect

    Thank you so much for these very helpful ideas! I'm excited to experiment with this.
  11. Blake

    Foggy window effect

    Hi there, can anyone direct me to some examples of a foggy window effect created with GSAP? I'd love to see any examples or ideas that would show the screen getting foggy, then the fog being wiped away. I've added a pen that someone else made, but shows the direction I'd like to go in. Thank you Natalia for the pen Thanks in advance, B
  12. problem was solved a lot easier than adding any other functions. it was good to research potential solutions and learn, but it was even better to discover how easy the solution was by simply using .pause() to reset/replay my timeline.
  13. The animation wasn't running when I called .set(). When I called .set() it wasn't able to properly reset all of the starting positions/properties the way I needed it to. It would have been a lot of work to set each individual element of my array back to the starting points. Thankfully the .pause() function saved the day by doing a lot of the heavy lifting.
  14. Hey guys, just solved the problem by using the below code in my replay function: // resets the letters in the wind effect to their start position tlTxtEffect.pause(0, true); I can't believe how easy the solution was and that is why I LOVE GSAP. It was great to learn a few things along the path to this solution, but I'm literally smiling ear to ear with how easy it is to reset a complex series on animations. It's sorcery I tell ya Thanks, Blake
  15. Hi there! I'm trying to reset the starting position of an array of elements when I replay my main timeline animation. I've tried using TweenMax.set to set the original state of each element but I'm not having much luck. var txtEffect = ["#w", "#s", "#r2", "#e", "#n", "#o2", "#v", "#l2", "#r1", "#a2", "#l1", "#u", "#l3", "#a1", "#o1", "#f1", "#f2" ]; function showTxt() { tlTxtEffect = new TimelineMax({ paused: false, }); // wind effect tlTxtEffect.staggerTo(txtEffect, 3.75, { cycle: { top:function(){ return Math.random() * 300 }, left: function(){ return Math.random() * -700 }, scale: function(){ return Math.random() * 2 }, rotationX: function(){ return Math.random() * 20 }, rotation: function(){ return Math.random() * -360 } }, ease:Power4.easeOut, }, 0.03); } Thanks in advance, Blake