Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Random smooth movement

Explorer ,
Nov 05, 2019 Nov 05, 2019

Hello

I'm trying to recreate an animation similar to the following website's background:

https://vesto.io/

 

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

TOPICS
Expressions , Scripting
1.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 05, 2019 Nov 05, 2019

I'm not sure what script you have, but a similare animation can be done using plesus plugin 

https://aescripts.com/plexus/

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Nov 05, 2019 Nov 05, 2019

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 06, 2019 Nov 06, 2019
LATEST

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines