Jump to content
Search Community

Nodes + Draggable with GSAP

smallio
Moderator Tag

Recommended Posts

Posted

Hi all,

 

I'm wondering if someone can point me to an example of gsap draggable to connect boxes from points (basically a flow chart).

I'm referencing these examples but trying to do it in GSAP. Are there any basic examples on the forum people know of to learn from? The examples below are a bit over my head and I'm looking for something super basic as I'm just starting to learn canvas.  

 

Cheers! 


See the Pen aREgLG by huytd (@huytd) on CodePen.


154926648_ConnectableBoxes.png.fb9bdf1fb41f9dc195d31e468c6bb290.png

See the Pen xzgQYq by Ni55aN (@Ni55aN) on CodePen.

Posted
28 minutes ago, PointC said:

Here's a cool pen from resident guru @OSUblake. It's a few years old, but he may have an updated version - I'm not sure.

 

Nope. I don't want to touch that again. It brings up way too many questions that I don't want to answer. ?

 

But here is a bezier connector isolated. 

 

See the Pen GMrExO by osublake (@osublake) on CodePen.

  • Like 2
Posted
1 minute ago, OSUblake said:

Nope. I don't want to touch that again. It brings up way too many questions that I don't want to answer. ?

Ha. Understandable.

 

1 minute ago, OSUblake said:

But here is a bezier connector isolated. 

That's actually the one I was looking for but couldn't find it. I can't find anything on CodePen. ?‍♂️

  • Like 1
Posted
14 minutes ago, PointC said:

I can't find anything on CodePen. ?‍♂️

 

Haha, I can't either, but luckily someone brought that demo up to me in a DM a couple of weeks, so it was easy to find.

 

  • Like 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...