Módulo III — Interação (2/2)

A partir de um tutorial de John Park, no Youtube* Interação Código: String [] names = {“Tipografia”,”Animação”,”Interação”,”Composição”,”Desenho”,”Digital”,”Abstração”}; String textHolder = “test”; int a; void setup() { size(900,700); println (names.length); textSize (100); background(#ffebee); textAlign (CENTER); strokeWeight(4); } void draw() { // … Continuar a ler Módulo III — Interação (2/2)

Módulo III — Animação (1/2)

Abstração & Animação Código: float t=10; void setup() { size(710,400); background (255,255,150); frameRate (40); } void draw() { noFill (); stroke(255,0,0); ellipse(50,50+t,50,50); ellipse(50+t,350-t,50,50); ellipse(350,50+t,50,50); ellipse(350+t,350-t,50,50); ellipse(650,50+t,50,50); t+=5; if (t > 300) { noLoop(); } } Continuar a ler Módulo III — Animação (1/2)

Módulo II — Processing (2/2)

Módulo II Composição & Desenho e Manipulação de Texto Repetição e Texto Código: size (2275,500); background (255,255,150); noFill (); stroke(255,0,0); PFont title_font = loadFont(“Avenir-Black-50.vlw”); // TEXTO push (); fill (255,0,0); textAlign (CENTER); textLeading (2); textFont(title_font); text (“MINIMUM”, width/2 , 470); … Continuar a ler Módulo II — Processing (2/2)

Módulo I —Processing (3/3)

Módulo I Exploração Tipográfica através das funções de desenho do Programa Formas Poligonais Código: size (1360,360); background (#F2DCDE); //T fill (#C98C21); noStroke(); beginShape(); vertex (80,80); vertex (80,120); vertex (120,120); vertex (120,280); vertex (160,280); vertex (160,280); vertex (160,120); vertex (200,120); vertex … Continuar a ler Módulo I —Processing (3/3)

Módulo I — Processing (2/3)

Módulo I Exploração Tipográfica através das funções de desenho do Programa Pontos e Linhas Código: size(760,520); background(#C98C21); strokeWeight(10); stroke (#121888); //E line(80,160,80,360); line(100,160,100,360); line(120,160,120,360); line(140,160,140,200); line(160,160,160,200); line(180,160,180,200); line(200,160,200,200); line(140,240,140,280); line(160,240,160,280); line(180,240,180,280); line(200,240,200,280); line(140,320,140,360); line(160,320,160,360); line(180,320,180,360); line(200,320,200,360); //D line(240,160,240,360); line(260,160,260,360); line(280,160,280,360); … Continuar a ler Módulo I — Processing (2/3)

Módulo I — Processing (1/3)

Módulo I Exploração Tipográfica através das funções de desenho do Programa Formas Simples Código: size (600,520); background (#121888); fill(#F2DCDE); rect (80,240,40,200); square (120,200,40); rect (160,120,40,80); square (200,80,40); rect (240,120,40,80); rect (280,200,40,120); rect (320,120,40,80); square (360,80,40); rect (400,120,40,80); square (440,200,40); rect … Continuar a ler Módulo I — Processing (1/3)