Aula 1 — Código Criativo I¶

Data¶

25 de setembro de 2026 (6ª feira)

Sumário¶

• Apresentação da UC e do docente
• Estrutura do semestre: blocos temáticos e workshops
• Relação com Design de Produto e Interação I (terças-feiras)
• Introdução ao código criativo: o código como ferramenta de design
• Primeiros passos com Processing / p5.js
• Exercício: formas primitivas, repetição, cor
• Interatividade com mouseX / mouseY
• Desenho 2D em P5.js: circle(), line(), quad(), fill(), stroke()

Notas da Aula¶

Ferramentas¶

• p5.js — p5js.org editor.p5js.org (editor online, sem instalação)
• Processing — processing.org (alternativa desktop)

Nos exercícios e nas entregas usamos p5.js no VSCode, a partir do template base de p5.js — ver Código Criativo com P5.js.

Conceitos introduzidos¶

• setup() e draw() — estrutura base de um sketch
• Interatividade com mouseX / mouseY
• Desenho 2D em P5.js: circle(), line(), quad(), fill(), stroke()