Wick Editor: Curso completo gratuito em português

CursoCriando uma aplicação com área administrativa utilizando o Laravel

Nós da Satellsoft preparamos um curso gratuito, ensinando os processos básicos para manuseio e animações com o Wick Editor. Todas as nossas videoaulas estão no Youtube organizadas por seus respectivos assuntos.

O que é o Wick Editor?

Se trata de um editor de animações gratuito e open-souce, criado por Zach Rispoli e Luca Damasco. O editor vem para bater de frente com a tecnologia Flash/Animate da Adobe, sendo uma ameaça promissora, visto que se assemelha muito ao software proprietário e funciona tão bem quanto.

Na atual data de escrita desse artigo, o Wick Editor encontra-se em beta, porém logo veremos uma versão final. Mesmo estando em versão de testes, é possível utiliza-lo e gerar ótimas animações.

Com o Wick Editor, podemos criar animações usando a Timeline e scripts com a linguagem Javascript. Podemos também criar animações interativas, como botões que ao ser clicado reproduz um áudio ou animação.

Site oficial: https://www.wickeditor.com/#/.

Download e Instalação

Podemos fazer uso da ferramenta através de seu editor web ou através de um instalador, que pode ser baixado nas seguintes plataformas:

Linux;
MacOS;
Windows;
Android;
IOs.

Página oficial de download: https://www.wickeditor.com/#/download/

Espaço de trabalho Wick Editor

Assim como todo bom software, a organização é o que define o quão fácil será entender e utilizar a sua interface, e no Wick Editor, a abas são muito bem definidas.
Vemos em áreas colorias na imagem a seguir algumas das principais janelas do software.

Brush, pincel, texto, cores e demais ferramentas;
Opção para deletar, copiar, colar, avançar, voltar e transformação;
Menu para criar novo projeto, abrir, salvar, exportar e configurações;
Aba para gerenciar configurações de componentes;
Nessa aba podemos importar e visualizar todos os recursos do projeto;
Timeline, nela gerenciamos o tempo de transição das nossas animações;
Ferramentas de zoom, visualizar o quadro anterior/próximo e reproduzir/parar animação;
Canva, aqui é onde colocamos e modificamos nossas animações.

Scripts utilizados no Curso

A seguir estará listado e comentado cada script que utilizamos no editor durante as aulas.

stop() //Encerra a execução da timeline no ponto que o script é encontrado.

gotoAndPlay(quadro) //Reproduz a animação no quadro especificado.

clipe.gotoAndPlay(quadro) //Acessa o clip e reproduz a animação no quadro especificado.

gotoAndStop(quadro) //Coloca o ponteiro no quadro informado e não reproduz a animação.