Copy link to clipboard
Copied
Hello
I'm trying to recreate an animation similar to the following website's background:
I already have a script that connectes a rope between dots, but I'm not sure of a few things:
1. How to make it switch between dots (the lines there seem to be moving from a dot to dot)
2. How to randomally and smoothly move the dots from one place to another
I can pass on #1 if that's too hard or impossible
Thank you
Copy link to clipboard
Copied
I'm not sure what script you have, but a similare animation can be done using plesus plugin
Copy link to clipboard
Copied
You can create random smooth motion with a alow wiggle() expression. For the lines, you'll need to get positions of other dots.
Now where are several behaviours thinkable (connect to all, connect to nearest, connect to all within a x pixel perimeter, and so on) and depending of what you want, you'll need a different expression. Thinkable is to get all positions into an array, sort the array from smallest to highest and connect to the first 5 indexes ("connect to 5 nearest").
If you draw the line with line-effect, you'll just need to pass the coordinates from the array to the end-points of the lines. If you have shape layer lines, you'll need to get length and angles to hit the target coordinates. lenth(a,b) and lookAt() will come in handy.
To beautify this, you should avoid double-connections.
I did such a thing years ago, but never finished it. Check expressions language reference for more details.
*Martin
Copy link to clipboard
Copied
Hi Martin
I was able to connect the dots (connected all dots) and make their opacity depend on the distance between the dots.
I moved the dots manually across the space, it looks close, but not exactly there.
Anyway, I'll have to do with that
Thank you
Find more inspiration, events, and resources on the new Adobe Community
Explore Now