Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
nicmare

Bezier routes from the center on a world map

Recommended Posts

Hi guys,

I need some brainstorming. I have a worldmap image in the background of a div. Inside the div i have several marker positioned with percentages to have it responsive. Now i would like to draw bezier curves from the center of the map to each point. And animate those curves in a fancy way. For instance sending pulsed dots over each line. Something like this:

image001.png.d44130c252546e8f386bb5234137a34f.png

Link to comment
Share on other sites

Hey @nicmare,

 

These examples should give you some suggestions:

 

See the Pen dwooWw by mikeK (@mikeK) on CodePen

 

See the Pen XwKbeE by mikeK (@mikeK) on CodePen

 

See the Pen REXaxq by mikeK (@mikeK) on CodePen

 

If you have any questions about using GreenSock, feel free to contact us.

 

Happy tweening ...

Mikel

 

 

  • Like 3
Link to comment
Share on other sites

Thank you Mikel. Last example is nice. But the problem is, customer inserts new destinations by time. So at the moment they are unknown for me. Therefore i need some kind of bullet prove drawing logic which draws new routes automatically correct and not flipped or straight. Thats the main task i see here.

Link to comment
Share on other sites

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.
×