Programação criativa 2.0 em JavaScript: animação, som e cor

Programação criativa 2.0 em JavaScript: animação, som e cor

“Parabéns! Você chegou ao final deste curso da Domestika. Obrigado por participar e espero que tenha gostado. Trabalhamos em algumas composições juntos, mas a parte mais importante foram as técnicas que você aprendeu. Agora você pode carregá-los, reaplicá-los em outro lugar e criar algo diferente! Apesar de termos abordado muito, sempre há mais o que falar, então preparei uma pequena lista de dicas para esta última unidade. Bibliotecas Eu usei alguns deles ao longo do curso, mas existem milhares mais por aí. Algumas pessoas gostam de fazer tudo sozinhas, mas às vezes é como tentar reinventar a roda. Sempre que você precisar de algo específico, recomendo navegar primeiro no NPM. Alguém pode ter trabalhado nesse problema já! Por exemplo, se você precisar carregar dados de um arquivo CSV, existem bibliotecas para isso. Se você precisar fazer operações com vetores, converter entre diferentes espaços de cores ou carregar arquivos de fontes, existem bibliotecas para isso. Criando um site Um esboço pode viver por conta própria. Você pode exportar sua composição e imprimi-la ou postá-la em algum lugar. Mas se você quiser compartilhar seus esboços online, você também pode fazer isso com um comando "--build". Ele gera arquivos estáticos JavaScript e HTML que podem ser hospedados como páginas da web regulares em qualquer lugar. Caso você precise que seu sketch seja integrado a um site existente, lembre-se de que estamos sempre usando a API nativa do Canvas, para que você possa copiar partes relevantes do seu código em outro projeto e executá-lo sem canvas-sketch. p5.js Muitas pessoas entram na codificação criativa com Processing ou p5.js, e isso faz muito sentido, são ótimas ferramentas. Estou acostumado a trabalhar com a API nativa, mas se você já se sente confortável com o p5.js, pode usá-lo junto com o canvas-sketch. Há um exemplo básico incluído no vídeo acima mostrando como fazer isso. Documentação Este é um óbvio. Certifique-se de verificar a documentação. Isso não é apenas para canvas-sketch ou Canvas, mas para qualquer API com a qual você esteja trabalhando. Alguém se deu ao trabalho de organizar e documentar seu código para que possamos aproveitá-lo. Está lá para nos ajudar. Em seguida, gostaria de fazer uma recapitulação do que vimos até agora. Neste curso, trabalhei em cinco pequenos projetos. O primeiro começou com um retângulo simples, mas no final envolveu algum conhecimento sobre trigonometria, aleatoriedade, paletas de cores, modos de mesclagem e máscaras de recorte.

O segundo projeto consistiu em criar alguns visuais usando segmentos de curva distribuídos como uma grade, usando cores de uma forma diferente do que você fez na primeira unidade. Em seguida, usei dados de frequência de áudio para gerar alguns recursos visuais e tentei recriar alguns designs de pôsteres clássicos usando código. O último esboço é sobre partículas! Você aprendeu como aplicar forças a eles, usando conceitos básicos da física, como velocidade e aceleração. Agora, gostaria que você compartilhasse seus esboços no fórum clicando no botão "Criar seu projeto" acima. Seria ótimo se você também pudesse explicar as escolhas que fez ao longo do caminho e nos dizer se tiver alguma dúvida. Assim todos aprenderemos uns com os outros. Estarei lá para tirar dúvidas e dar algumas orientações. Estou curioso para ver o que você vai criar com o que aprendeu no curso. Vejo você lá! ”

Transcrição parcial do vídeo

“Olá a todos. Espero que tenham gostado da jornada. Trabalhamos em algumas composições juntos. mas a parte mais importante foram as técnicas que aprendemos. pois agora vocês podem levá-las adiante. Reaplique-as em outro lugar e crie algo diferente. Embora tenhamos abordado muito. sempre há mais para discutir. Então preparei uma pequena lista de dicas para este vídeo final. bibliotecas. Usamos algumas ao longo do curso. mas há milhares mais disponíveis. Algumas pessoas gostam de fazer tudo sozinhas. mas às vezes é como reinventar a roda. Sempre que precisar de algo específico. recomendo verif...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

Resumo do curso: Programação criativa 2.0 em JavaScript: animação, som e cor

• Nível: Iniciante
• 99% avaliações positivas (182)
• 20454 alunos
• 6 unidades
• 28 aulas (2h 47m)

• Categoria

  3D e Animação, Web e App Design

• Áreas

  JavaScript, Motion Graphics, Multimídia, Programação