Home codingp5Posts

Programação criativa com p5js

@codingp5

"Hello world"! Aqui apresento estudos e experiências em #p5js. Se você tá chegando agora, sugiro visitar Primeiros passos, no destaque.
Followers
828
Following
521
Account Insight
Score
24.77%
Index
Health Rate
%
Users Ratio
2:1
Weeks posts
Este é um perfil experimental. Quem vem acompanhando deve notar q acontecem 2 coisas aqui: uma parte eu dedico à divulgação dos meus estudos - uma espécie de "sketchbook" de programação - e numa outra eu tento apresentar algo mais didático, com fim de dividir o que venho aprendendo. Então, para essa segunda finalidade, vc pode se perguntar: por que estudar p5? Pra que serve? Onde vou usar? Não sou programador e nem pretendo sê-lo. Sou artista visual e gosto de conhecer recursos para aumentar meu repertório de ferramentas expressivas. Se eu acho q lápis, papel e tinta são instrumentos para criação, adotei o mesmo pensamento em relação ao uso de código para gerar imagens. P5 (e seu "primo" mais velho, o Processing) foram desenvolvidos para artistas, designers, educadores ou interessados em geral. Os comandos possuem sintaxe simples e com muito pouco a gente já consegue resultados interessantes. Claro q, para dar um salto qualitativo, serão necessários mais esforço e empenho, mas isso não acontece em TODA atividade humana? Acho q não seria diferente aqui. Essa é uma das postagens q deveria ter acontecido no começo do perfil, mas como eu disse, este espaço vai-se construindo no exercício e com a prática a gente vai ajustando as coisas. Então, se vc está chegando agora ou já vem acompanhando há algum tempo, seja bem-vindx!
23 0
5 years ago
Quer começar a aprender p5? Separei algumas dicas para preparar o terreno. Aproveitem! #p5js #code #programming #programacao #programacaocriativa #javascripyt #educacao #ensino #primeirospassos
35 3
5 years ago
Apesar do uso "clássico" do Blender como ferramenta 3D, ainda é possível explorar outras possibilidades, como "editor visual de programação", por exemplo. Mesmo fugindo do propósito deste perfil, que é explorar o uso da biblioteca p5, fico querendo registrar algumas experiências usando o software. Depois de uma indicação do @juaogeneroso encontrei na internet alguns tutoriais para investigar o resultado visual de propriedades matemáticas. #blender #matematica #nodes #programacaocriativa #shader #shapes
20 3
2 years ago
Vencida a primeira fase do desafio relatado nas postagens anteriores, a ideia era inserir um terceiro círculo, tangente aos dois internos e ao círculo externo. Estudei primeiro um caso particular, em que os círculos internos são iguais e fiquei muito satisfeito ao ver que os passos que dei me levaram a uma solução. Precisava identificar a posição do centro da 3a circunferência e o seu raio. Com os dados que eu tinha e um pouco de Pitágoras, cheguei ao resultado. Mas e se os raios das circunferências internas variassem? A terceira tb iria variar. Com o pouco que tinha, até consegui manter todas as circunferências tangentes à externa, mas não consegui tangenciar as internas. Entrei em contato com o Alexandre Villares (@a_b_a_villares ) e ele foi extremamente solícito ao me indicar alguns caminhos. Meu desafio vai resvalar no Problema de Apolônio. Alexandre compartilhou comigo um código escrito em Python que resolve a tangência entre os círculos internos. Como não conheço Python, até que não foi difícil reescrever em P5js. Depois fiz um pouco de "engenharia reversa", tentando entender a Matemática presente nas linhas de código, mas isso vai ficar para uma outra postagem. #matematica #programacao #circulostangentes #pitagoras #apolonio
29 3
2 years ago
☯️ Frutos da resolução do desafio anterior. #yinyang #animation #p5js #coding #creativecoding #blackandwhite
33 0
2 years ago
Das grandes dificuldades às pequenas satisfações. Compreender o pensamento antes e executar depois. Alegra-me o raciocínio ganhando forma a partir do desenho. O registro no papel atuando como um condutor para outras formas de expressão. O "erro", o ensaio, o risco, o rabisco, as idas e vindas, o processo. Comecei um desafio que me levou a diminuir o grau de dificuldade para entender melhor o que se passa e só depois aumentar a complexidade. Avante... #p5js #matematica #tangentes #circulos #circles #maths #circunference #geometry #draw #sketch
45 2
2 years ago
Alguns estudos envolvendo o comando lerpColor, do p5js, que permite a criação de gradientes. Se deixar, a gente fica horas gerando essas combinações. As boas surpresas envolvem algumas composições que parecem "diálogos" entre as formas, mas tudo "aleatório". #lerpcolor #rings #lines #p5js #composition #color #palets #argolas #cores #paletas
39 2
2 years ago
Arcos + cores + função tangente 🟢🔵🟡🔴 #animation #letra #tipografia #animacao #p5js #funcaotrigonometrica #funcaotangente #matematica #maths #letter #colors #animation #code
38 3
2 years ago
🎃👻💀Em homeagem ao Dia das Bruxas, um tipo de "tic-tac-toe" temático. #diadasbruxas #halloween #mosaico #data #festa #outubro #p5js #animation #code #tictactoe
10 1
2 years ago
Retomando alguns estudos, visitando trabalhos antigos, fazendo alguns experimentos. Aqui, resgato um trabalho realizado em html, com uma capa estática. E com algumas linhas de código, uma pequena animação. A versão "animada" pode ser conferida no Openprocessing (tem um link na bio): /sketch/2058782 A versão em html está link abaixo. Foi uma experiência envolvendo conceitos de Matemática e Língua Portuguesa: /conicas/ #p5js #programacao #conicasmatematicas #animacao #maths
27 1
2 years ago
Passei a data, mas vai lá. Feliz Dia das Crianças! #diadascriancas #criancas #kids #mosaico
5 2
2 years ago
E vamos nos estudos de ciclos de animação usando p5js 🙃 #p5js #animation #runner #coding #planet #star
21 0
3 years ago