continuação do tema da aula anterior 

continuação do tema da aula anterior 

definição 

elementos principais 

proporção 

relação 

repetição 

contraste 

ponto de vista (alinhamento, distorção) 

exercício de avaliação contínua 

criar no p5.js um sketch que produza uma composição que explore as possibilidades da repetição de um motivo visual. 

entrega e apresentação em aula no dia 3 de Dezembro. 

enunciado na pasta de exercícios. 

leituras recomendadas 

Rune Madsen - “What is a Grid System?” 

Josef Muller-Brockmann - “Grid Systems in Graphic Design” 

cor, visão e modelos de cor 

representação computacional da cor 

color() e colorMode() 

preenchimento 

background(), fill(), noFill() 

contorno 

stroke(), noStroke(), strokeWeight(), strokeJoin(), strokeCap() 

funções adicionais de cor e estilo de linha 

lerpColor(), smooth() 

exercício de revisão 

criar uma composição com que explore as possibilidades de cor e estilos de linha do p5.js 

enunciado disponível na pasta de exercícios 

leituras recomendadas 

Rune Madsen - “A Short History of Color Theory” 

primitivas geométricas 

triangle(), quad(), circle(), ellipse(), rect(), square() 

mudança do ponto de referência: rectMode() e ellipseMode() 

formas simples 

beginShape(), endShape(), vertex() 

recortes: beginContour(), endContour() 

formas curvas 

primitvas: arc(), bezier(), curve() 

contornos: bezierVertex(), curveVertex() 

exercício de revisão 

criar uma composição visual utilizando apenas contornos (shapes) 

enunciado disponível na pasta de exercícios   

leituras recomendadas 

Vector Monitor 

The Vectrex Collection 

Bezier Curves (explica a técnica usada pelas funções bezier() e bezierVertex()) 

Smooth Paths Using Catmull-Rom Splines (explica a técnica usada pelas funções curve() e curveVertex())