[Basic Connected Nodes]

hey @PointC that's super helpful! 🙌  haven't come across the CustomWiggle ease - I think generally I need to learn more about easing though so thanks for this

[Basic Connected Nodes]

Thanks both, yup joined a bunch of those recently + no worries, thought it was a bit of a fuzzy Q. Was just curious if anyone had any tricks + was happy to provide a starting point for anyone else attempting similar (used a bunch of the forum to get to this point, so felt appropriate to give back in some tiny way).

 

I'll keep noodling + post back if anything interesting results.

 

Cheers!

[Basic Connected Nodes]

Hey, I've put together a little prototype of a header that has little connected nodes/floaty things - pretty much works ok as-is, but was hoping to make the "floaty" animation a bit better (sorry I know that's vague).

 

I'm currently using 3 tweens with a random x + y to attempt to give it a bit of life.

 

const duration = 6;
const radialMovement = 10;

let tl = gsap.timeline({
  yoyo: true,
  repeat: -1,
  onUpdate: animateNodeLines
});

tl
  .to(nodePrimary, {
    yPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    xPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    duration: duration
  })
  .to(nodePrimary, {
    yPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    xPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    duration: duration
  })
  .to(nodePrimary, {
    yPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    xPercent: `random(-${radialMovement}, ${radialMovement}, 1)`,
    duration: duration
  });

 

Any pointers / tips / improvements all very much appreciated, thanks!

See the Pen yLvRmyQ by slowrush (@slowrush) on CodePen

[Freelance gsap project + full-time frontend dev roles]

Thanks so much to everyone that's been in touch, this is such a welcoming and talented dev community! 🤩 

 

We've found someone for the short term gsap project, but always up for collaborations so get in touch if you like the sound of what we do and hopefully we'll have something in the not too distant future to share.

[Freelance gsap project + full-time frontend dev roles]

 

1 hour ago, Cassie said:

we're also very happy to share on social if that would help. ☺️

 

That'd be so helpful, thanks @Cassie!

 

Also want to say we really appreciate everything you + gsap team are doing! 🙌

[Freelance gsap project + full-time frontend dev roles]

Hello gsap devs! 👋

 

We're Smithfield a small studio based in the UK looking for someone to help us with a static gsap site. It's for an amazing partner of ours that do lovely socially impactful work. Some examples of our work: Oneflow / Walr / Kindness / WWF: Planet Based Diets / Climate Policy Radar.

 

Generally speaking we love collaborating longterm with friendly folks, but if you only have availability for a short-term project, we'd still like to hear from you as we have a good'un pretty much ready to go!

 

Short-term gsap project:

We're in the process of wrapping up the design with our partner, but would be happy to chat through it + provide more context on a call. There will be quite a bit of ScrollTrigger interactions, but nothing too crazy.

 

Longer-term collaborations:

If you're after a more collaborative long-term relationship please see the creative dev post here.

 

If this sounds interesting to you please get in touch by popping a quick intro email over to hello@smithfield.studio with live examples of your latest & best work (happy with Codepens if portfolio still WIP).

 

Looking forward to hearing from any/all interested!