Aprenda P5js

O Poder do Processing com a Flexibilidade do JavaScript

Classificação: 4.9 de 520 avaliações 11 horas totais 110 palestras Intermediário O poder do Processing com a flexibilidade do JavaScript A biblioteca p5js é uma ferramenta poderosa voltada para artistas, designers, professores e iniciantes em programação que nos permite realizar tarefas criativas e animações que funcionam perfeitamente em páginas da web. Ela é baseada na popular linguagem Processing com a imensa flexibilidade do JavaScript. Os objetivos deste curso são: - Aprender o básico do p5js, lidando com eventos básicos e formas de desenho básicas como quadrados, círculos, retângulos, elipses, arcos, linhas e quadriláteros. - Criar polígonos, curvas de Bezier, curvas, funções para curvas, concatenar curvas de Bezier cúbicas, polígonos quadráticos, criar uma estrela com polígonos e uma flor com curvas. - Usar eventos de movimento do mouse, detectar pressionamentos de botão sustentados, detectar eventos de roda do mouse, eventos de teclado, pressionamento e soltura de teclas. - Aprender a lidar, alterar e animar texto no p5js, alterar o tamanho da fonte, exibir texto em uma curva de Bezier e carregar fontes externas. - Aprender a criar elementos HTML ou DOM como botões, caixas de entrada, caixas de seleção, sliders, botões de rádio, seletores de cor, players de áudio e vídeo. - Aprender a usar rotação, translação, escala, as funções pop() e push(). - Usar o modo WebGL para criar formas 3D como cubos, esferas, elipsoides, toroides e planos, usando materiais naturais, ambientais e reflexivos, além de lidar com luz. - Criar uma imagem, carregar uma imagem externa, exibi-la no canvas, aplicar tinta ou um filtro, lidar com transparência, ler e manipular pixels. Este curso é voltado para web designers e desenvolvedores que desejam criar animações interativas visíveis em navegadores da web. É necessário ter conhecimento prévio de JavaScript e HTML. No capítulo final, você precisará de um servidor local ou um servidor web para carregar recursos externos em nossas páginas. Você terá acesso aos arquivos e anotações do curso para cada seção o tempo todo. O que você aprenderá: - Aprender o básico do p5js, lidando com eventos básicos e formas de desenho básicas como quadrados, círculos, retângulos, elipses, arcos, linhas. - Criar polígonos, curvas de Bezier, curvas, funções para curvas, concatenar curvas de Bezier cúbicas, polígonos quadráticos, criar uma estrela com polígonos. - Usar eventos de movimento do mouse, detectar pressionamentos de botão sustentados, detectar eventos de roda do mouse, eventos de teclado, pressionamento e soltura de teclas. - Aprender a lidar, alterar e animar texto no p5js, alterar o tamanho da fonte, exibir texto em uma curva de Bezier e carregar fontes externas. - Aprender a criar elementos HTML ou DOM como botões, caixas de entrada, caixas de seleção, sliders, botões de rádio, seletores de cor. - Aprender a usar rotação, translação, escala, as funções pop() e push(). - Usar o modo WebGL para criar formas 3D como cubos, esferas, elipsoides, toroides e planos, usando materiais naturais, ambientais e reflexivos. - Criar uma imagem, carregar uma imagem externa, exibi-la no canvas, aplicar tinta ou um filtro, lidar com transparência, ler e manipular pixels.