Desenho com p5.js

1 Outubro 2025, 14:00 • Pedro Ângelo

• estrutura de um programa em Javascript 

• variáveis 

• expressões 

• funções 

• funções de desenho do p5.js 

• tela: pixels, eixos, origem e coordenadas: createCanvas() 

• estrutura de um sketch: setup(), draw() 

• modo simples e modo continuo: noLoop() 

• desenho de pontos e linhas: point(), line() 

• exercício de revisão 

• criar um desenho com o p5.js usando apenas pontos e linhas 

• enunciado disponível na pasta de enunciados 

• leituras recomendadas 

• The Modern Javascript Tutorial 

• Eloquent Javascript 

---

Introdução ao p5.js

24 Setembro 2025, 14:00 • Pedro Ângelo

• introdução ao p5.js 

• do Processing ao p5.js 

• estrutura de uma página Web 

• execução de Javascript no browser 

• Estrutura de um sketch com o p5.js

• Leituras recomendadas

• documentação e exemplos de p5.js 

---

Apresentação da Unidade Curricular

17 Setembro 2025, 14:00 • Pedro Ângelo

• funcionamento da Unidade Curricular

• plano de aulas

• materiais de apoio

• avaliação

• contextualização temática

• arte procedimental

• pioneiros da programação criativa

• evolução técnica da computação gráfica

• leituras recomendadas

• Artist and Computer

• Conditional Design

• OpenProcessing

• ShaderToy

---