Multiple canvas animation on one site

Hi! I’m new here :slight_smile: I’m heaving problems with playing multiple canvas animation on my website front page. Basic idea is that I have 3 animations. One is on the top, second in the middle and last one on the bottom of my site. Every canvas animation should start only when it’s visible on the screen. At this point my animations starts only if first canvas animation started otherwise none of the others animation won’t start.

Can anyone please help me. I don’t have any JS experience :slight_smile:

Here are my semple files: