PointC last won the day on September 11

PointC had the most liked content!

PointC

Moderators
  • Content count

    2,507
  • Joined

  • Last visited

  • Days Won

    210

PointC last won the day on September 11

PointC had the most liked content!

Community Reputation

6,370 Superhero

About PointC

  • Rank
    Moderator

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Seattle area
  • Interests
    web design, motion graphics, 3D animation, video production, all things sci-fi, Mt. Rainier hiking and my dachshunds

Recent Profile Visitors

23,121 profile views
  1. PointC

    DrawSVG & Scrollmagic SVG problem

    PS Since you're a Club member, I'd also recommend using DrawSVG for this effect rather than calculating the path length and animating the dashoffset manually like that. It'll make your life a whole lot easier. Happy tweening.
  2. PointC

    DrawSVG & Scrollmagic SVG problem

    HI @WiljeOnline Welcome to the forum. Your SVG is centered in that block, but your path is drawn far outside the bounds. I added a simple rectangle to the second SVG to show that it is indeed centered as it should be. To solve the path problem I just added this line: TweenMax.set("#path3", {x:-348, y:-215}); Here's a fork of your pen. Hopefully that helps. Happy tweening and welcome aboard.
  3. I'm not sure I completely understand the desired result here, but maybe this will help. You can pause() the repeating timeline, find out how much time is left in the current iteration (to use as the progress tween duration) and then tween the progress to 1. At the end of the progress() tween you can then kill() the timeline. Maybe something like this. Does that help? Happy tweening.
  4. PointC

    How to make elastic text scroll?

    I think @Sahil has found a way into the "Blaketrix". He grows more powerful every day. Excellent work! 👍
  5. Hi @emilychews If I understand your question correctly, you could do this: var page1; if(page1){tl.from("#box2", 1, {y:10, opacity: .3}, "start");} Does that help? Happy tweening.
  6. PointC

    How to create seamless loop of svg rect

    Hi @tun712 Welcome to the forum. I wrote a post on CodePen about how to do this with DrawSVG. https://codepen.io/PointC/post/seamless-loop-svg-stroke-animations Hopefully that helps. Happy tweening.
  7. PointC

    GSAP Version Question

    Well, the Neuropathway Predictive Algorithm certainly explains a lot. Apparently the Rudimentary Phonics Engine from a couple years ago has morphed into something much more intelligent. With this new technology, GSAP will soon become the ultimate power in the universe. Resistance is futile. I thought the other thing this demo needed was more cowbell (Google it if you don't get the reference), but I couldn't figure out how to add that so I added some impact bursts instead. I like the way this turned out. I may tweet it at CodePen tomorrow and see if I can get it picked. Somebody may find it useful and I always enjoy promoting GSAP over there.
  8. PointC

    GSAP Version Question

    okay, the team finished their sweep but didn't find any bugs. They tell me that GreenSock probably has a spy satellite to monitor all the Moderators. They recommended I build an underground bunker for enhanced security. I thought the bubble slider might look neat if it stretched over to the new target rather than just floating over to it. Here's what I added. Please don't melt my brain with your addition(s). I can only handle so much GreenShock on the weekend.
  9. PointC

    GSAP Version Question

    I would, but I have a team coming in to sweep my office for bugs. I need to find out how you were reading my mind earlier. Perhaps our Moderator badges contain a chip that monitors brainwaves?
  10. PointC

    GSAP Version Question

    uh-oh, I'm in a weird weekend contest with Jack. 🤣 It's so strange that you made that change as I was literally just thinking about making another version that wouldn't make the user wait and my email chimed with your post. Now I don't have to do the work. Well done.
  11. PointC

    GSAP Version Question

    Hi @bluecube That's a neat little content slider you found. I took that design and made some modifications. My version doesn't use jQuery, callbacks or class changes. It also accommodates varying content heights. Maybe it will be helpful for your project. Happy tweening.
  12. PointC

    improve performance of slide animation

    Hi @flowen You can pre-record the values like this: tl.progress(1).progress(0); That will make the virtual playhead move to the end and then back to the beginning of the timeline. That can sometimes help with a slight stutter on the first play. If that doesn't fix it for you, a demo would be most helpful. Happy tweening.
  13. PointC

    How to reference objects zIndex ?

    Yep, you got it. element.style.zIndex should take care of that logic for you. I also wanted to point out the isActive() method: https://greensock.com/docs/TimelineMax/isActive That will allow you to prevent additional clicks while a timeline is playing. Maybe it could be helpful for your project. Happy tweening.
  14. PointC

    Animating at Same Time - Missing Point of TimeLineMax

    In addition to the position parameter info, I'd note that you can target multiple elements in one tween. Your tween could look like this: .to('.blue_stroke, .orange_stroke', 1, {fillOpacity: 1}) Happy tweening.