Como fazer uma animação simples em Jquery

Front-end
#1

OBJETIVO: tenho um site em Wordpress onepage parallax, na qual eu desejo colocar em uma das pages, uma animação simples: do lado esquerdo diversas bolinhas de raio e cores diferentes e na direita preciso de linhas formando algo um turbilhonamento(quase tipo um furacão ou fita de DNA).

PROBLEMA: preciso de algo de ambos os lados, as animações fiquem livres no espaço, porém quando mais próximo do centro, aumente a concentração e unifique os itens.

Deixei um print para vcs entenderem melhor: https://prnt.sc/idaxfb

veja bem, a ideia que preciso passar é de que as bolinhas entram na imagem e saem como uma linha. A estrutura do meu tema é:

Page(row)
Conteudos(column)
Dados(elementos)

Como fazer isso? existe alguma maneira facil? Obrigado desde já :slight_smile:

#2

Pesquise sobre animacoes usando o elemento canvas.

#3

pesquisei e me parece que vai me complicar muito…Uma alternativa: resolvi usar o plugin: Revolution Slider, porém ao usar o add-on particles(para gerar as bolinhas, as mesmas correm a tela inteira, preciso ao menos que elas sumam no centro da tela

#4

Mas é complicado mesmo o que está imaginando fazer.

#5

Tem também a ferramenta Animate CC da Adobe, que facilita criar animações como se fosse o antigo Flash, mas gera o código em HTML5/js usando o elemento canvas.

#6

Faz um gif animado.