Animação Web Criativa com GSAP 3 [JavaScript SVG CSS]

Aprenda o Núcleo da Plataforma de Animação Greensock [GSAP]. Construindo animações web criativas usando JavaScript SVG & CSS

Você quer aprender como criar animações web cativantes? Talvez você já tenha algum conhecimento em animação GSAP e queira aprimorar suas habilidades ainda mais? Você está interessado em explorar efeitos de animação únicos e ilusões de ótica? Não procure mais! Este curso é perfeito para você. Neste tutorial abrangente, você descobrirá uma poderosa ferramenta para animações web chamada GreenSock Animation Platform (GSAP). Prepare-se para mergulhar na versão mais recente dessa ferramenta de animação, o GSAP 3, que é conhecido como a biblioteca de animação JavaScript mais robusta e de alto desempenho disponível hoje. Este curso segue um modelo tradicional de ensino acadêmico, apresentando informações teóricas no início de cada lição e reforçando os conceitos por meio de exemplos práticos de animação web. Nosso objetivo é mostrar a versatilidade e amplitude das técnicas de animação alcançáveis com o GSAP. O curso é estruturado de maneira progressiva, começando pelos fundamentos e avançando gradualmente para animações mais complexas. No final do curso, você também ganhará familiaridade com os plugins integrados ao núcleo da biblioteca. A parte final do curso se concentrará na construção de animações web cativantes e intrincadas. O design do curso inclui os seguintes elementos: o título do capítulo é exibido no canto superior direito, o número da lição é mostrado no canto superior esquerdo e o nome da lição ou o próximo tópico é apresentado na parte superior central. O lado direito da tela apresenta um quadro com informações teóricas, enquanto o lado esquerdo mostra o editor de código Visual Studio com exemplos que ilustram a teoria. Informações auxiliares adicionais são fornecidas na parte inferior da tela. Todas as lições deste curso estão disponíveis em qualidade 1080p, portanto, certifique-se de visualizá-las na resolução mais alta possível. Ao longo do curso, você encontrará numerosos exemplos fascinantes de animação JavaScript acompanhados de seus respectivos códigos. Você terá a oportunidade de trabalhar e experimentar por conta própria escolhendo uma das duas opções. Primeiro, você pode acessar o código da lição atual no editor online CodePen clicando no botão Recursos correspondente à lição que você está estudando. Basta baixar o arquivo com o link e abri-lo em um editor de texto para seguir o link fornecido. Alternativamente, você pode baixar o arquivo do curso, descompactá-lo em seu disco e abrir os arquivos em um editor de texto de sua escolha. Siga as instruções no capítulo Introdução para conectar a biblioteca. Legendas para este curso estão disponíveis em inglês, árabe, finlandês, francês, alemão, hindi, indonésio, italiano, japonês, coreano, norueguês, polonês, português, russo, espanhol, sueco, chinês tradicional, turco e vietnamita. Ao final do curso, você terá uma compreensão abrangente das funcionalidades principais da biblioteca GSAP 3, capacitando você a criar qualquer animação web que sua imaginação desejar.

O que você aprenderá

• Conceitos básicos [objeto Gsap, Tween, métodos comuns para criá-lo, ferramenta Timeline, parâmetros de posição, métodos básicos de controle de animação, Easing]
• Métodos e propriedades de animação do núcleo do GSAP [propósito, sintaxe, recursos de aplicação, exemplos de uso]
• Plugins principais do GSAP [AttrPlugin, CSSPlugin, ModifiersPlugin, EndArrayPlugin, SnapPlugin]

Este curso é composto por 24 projetos de animação únicos que demonstram as capacidades das propriedades e métodos incluídos no núcleo da biblioteca GSAP.