Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e...
Transcript of Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e...
![Page 1: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/1.jpg)
Introdução à Programaçãousando ProcessingProgramação Gráfica 2DChamada a funções e variáveis
Exercícios de Fixação
2º Semestre 2009 > PUCPR > Design Digital
Bruno C. de PaulaBruno C. de Paula
![Page 2: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/2.jpg)
Revisão
211/04/23
![Page 3: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/3.jpg)
311/04/23
Variáveis
int a=1; int b= 2; int c= 3; int d;
![Page 4: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/4.jpg)
411/04/23
tipo nome = valor;
“Defina uma variável chamada nome do tipo inteiro, com valor inicial de 10”
int minhaVar = 10;
![Page 5: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/5.jpg)
Chamada a funções
511/04/23
![Page 6: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/6.jpg)
Existem diferentes tipos de funçõesSem parâmetro:
–noStroke();–noFill();
Com parâmetros:– rect(10,10,20,30);
Com retorno:–max(20,30);
Podem ter efeitos colaterais;
611/04/23
![Page 7: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/7.jpg)
rect
20
30
40
50
rect(20,30,40,50);
rect:Desenha um retângulo
4 parâmetrosNenhum retornoEfeito colateral: desenha um retângulo
![Page 8: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/8.jpg)
max
40
50
max(40,50);
50
max:Retorna o maior entre dois números
1 parâmetro1 retorno
![Page 9: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/9.jpg)
floor2.88
max(floor(2.88), floor(3.88));
2
floor3.88 3
max 3
![Page 10: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/10.jpg)
dist
20
30
60
60
float d = dist(20,30,60,30);
dist:Calcula a distância entre 2 pontos.
4 Parâmetros1 RetornoSem efeitos colaterais
40d
40
![Page 11: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/11.jpg)
1111/04/23
Exercícios
![Page 12: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/12.jpg)
Exercício 01
Identifique qual é o tipo, o nome, o valor inicial e o valor final para cada um dos fragmentos de código a seguir
1211/04/23
![Page 13: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/13.jpg)
Objetivo do exercício
Revisar o conceito de variáveis;Entender melhor como funcionam os
operadores aritméticos;Conhecer a técnica de teste de mesa
que permite que possamos entender o passo a passo de nossos programas.
1311/04/23
![Page 14: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/14.jpg)
Letra a) Variável perimetro
int largura = 30; int altura = 40; int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
1411/04/23
![Page 15: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/15.jpg)
Letra a) RESPOSTA EXEMPLO
int largura = 30; int altura = 40; int perimetro = 0; perimetro = largura*2; perimetro = perimetro + altura*2;
Tipo de dado da variável: intNome da variável: perimetroValor inicial: 0;Valor final: 140
1511/04/23
![Page 16: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/16.jpg)
Raciocício da letra AComo você deve resolver?
1611/04/23
Execute mentalmente o algorimo dado, passo a passo, ou seja, linha por linha.OUCrie uma tabela em que cada coluna representa o comportamento de uma variável;Cada coluna indica uma variável;Cada linha indica a modificação da variável.Execute passo a passo o algoritmo.
![Page 17: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/17.jpg)
Raciocício da letra AComo você deve resolver?
1711/04/23
largura altura perimetro
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 18: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/18.jpg)
Raciocício da letra AComo você deve resolver?
1811/04/23
largura altura perimetro
30
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 19: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/19.jpg)
Raciocício da letra AComo você deve resolver?
1911/04/23
largura altura perimetro
30 40
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 20: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/20.jpg)
Raciocício da letra AComo você deve resolver?
2011/04/23
largura altura perimetro
30 40 0
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 21: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/21.jpg)
Raciocício da letra AComo você deve resolver?
2111/04/23
largura altura perimetro
30 40 0
60
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 22: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/22.jpg)
Raciocício da letra AComo você deve resolver?
2211/04/23
largura altura perimetro
30 40 0
60
140
int largura = 30;int altura = 40;int perimetro = 0;perimetro = largura*2;perimetro = perimetro + altura*2;
![Page 23: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/23.jpg)
Letra a) RESPOSTA EXEMPLO
int largura = 30; int altura = 40; int perimetro = 0; perimetro = largura*2; perimetro = perimetro + altura*2;
Tipo de dado da variável: intNome da variável: perimetroValor inicial: 0;Valor final: 140
2311/04/23
![Page 24: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/24.jpg)
Letra b) Variável largura
float largura = 100.0;rect(10,10,largura,10);largura = largura * 2;rect(10,10,largura,10);largura = largura * 2;rect(10,10,largura,10);
2411/04/23
![Page 25: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/25.jpg)
Letra c) Variável largura e variável escalafloat largura;float altura = 50;int escala = 2;largura = (altura / 2) * escala;escala = escala + 1;largura = (altura / 2) * escala;escala = escala + 1;largura = (altura / 2) * escala;
2511/04/23
![Page 26: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/26.jpg)
Letra d) Variáveis m e p float m = 99; float p= 3; p = (m % 4) * 10; m = m + 1; p = (m % 4) * 10; m = m + 1; p = (m % 4) * 10; m = m + 1; p = (m % 4) * 10; m = m + 1; p = (m % 4) * 10; m = m + 1; p = (m % 4) * 10; m = m + 1;
2611/04/23
Veja a dica a seguir!
![Page 27: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/27.jpg)
Dica para resolver a letra d)
% = Resto inteiro da divisão;6 % 3 é igual a 0
–6 dividido por 3 dá 2– resto é 0.
14 % 4 é igual a 2–14 dividido por 4 é igual a 3 –4*3 = 12– resto é 2.
2711/04/23
![Page 28: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/28.jpg)
Dica para resolver a letra d)
35 % 3 é igual a 2–35 dividido por 3 é igual a 11 –3 * 11 = 33– resto é 2.
3 % 10 é igual a 3–3 dividido por 10 é igual a 0 –3 * 0 = 0– resto é 3.
2811/04/23
![Page 29: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/29.jpg)
Comportamento periódico do operador %
2911/04/23
x X % 3
0 0
1 1
2 2
3 0
4 1
5 2
6 0
![Page 30: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/30.jpg)
Exercício 02
Utilizando a variável width e a variável height deixe o código a seguir dependente da largura e altura, ou seja, quando você alterar estes parâmetros com a função size as proporções devem ser mantidas.
3011/04/23
![Page 31: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/31.jpg)
Letra a)
size(400,500);rect(100,100,200,300);
3111/04/23
![Page 32: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/32.jpg)
Letra a) RESPOSTA EXEMPLO
size(400,500); rect(width/4,height/5,width/2,height/5*3);
3211/04/23
![Page 33: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/33.jpg)
size(400,500);
3311/04/23
size(350,140);
![Page 34: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/34.jpg)
Letra b)
size(500,600);triangle(250,0,500,300,0,300);
3411/04/23
![Page 35: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/35.jpg)
Letra c)
size(300,300);ellipse(100,100, 40, 40);ellipse(200,200, 40, 40);
3511/04/23
![Page 36: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/36.jpg)
Letra d)
size(500,500); quad(100,100, 250, 250, 400, 100, 250, 400);
3611/04/23
![Page 37: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/37.jpg)
Exercício 03
A partir do desenho fornecido e do esqueleto de código, complete o código que gera o desenho
3711/04/23
![Page 38: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/38.jpg)
Objetivo do exercícioConhecer novas funções do Processing,
utilizando recursos da programação gráfica que você pode não ter utilizado em seus exercícios anteriores;
Treinar o uso de variáveis em seu código;
Estimular o uso da referência do Processing:– Português;– Inglês.
3811/04/23
![Page 39: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/39.jpg)
Letra a
Dicas: – função arc desenha arcos;– rotate trabalha com ângulos em
radianos.
3911/04/23
![Page 40: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/40.jpg)
size(200,200);background(0);smooth();fill(236,237,41);translate(??1??, ??2??);arc(0,0,100,100, ??3??,??4??);rotate(-PI/4);translate(0,-width/8);fill(0);ellipse(??5??, ??6??,10,10);
4011/04/23
![Page 41: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/41.jpg)
Resposta!
4111/04/23
![Page 42: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/42.jpg)
size(200,200);background(0);smooth();fill(236,237,41);translate(width/2,height/2);arc(0,0,100,100,PI/5,TWO_PI-PI/5);rotate(-PI/4);translate(0,-width/8);fill(0);ellipse(0,0,10,10);
4211/04/23
![Page 43: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/43.jpg)
Letra b
Dicas: – função strokeWeight altera o pincel.
4311/04/23
![Page 44: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/44.jpg)
size(200,200); background(255); smooth(); stroke(0,255,0); strokeWeight(5); fill(255,0,0); arc(??1??,??2??,width/2,width/2,0,??3??);
4411/04/23
![Page 45: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/45.jpg)
Letra c
Dicas: – função smooth elimina o serrilhado.
4511/04/23
![Page 46: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/46.jpg)
size(300,200);background(255);smooth();translate(??1??,??2??);ellipse(0,0,width/2,width/2);fill(255,255,0);ellipse(0,0,??3??,??4??);rotate(PI/4);translate(0,??5??);fill(54,255,109);ellipse(0,0,??6??,??7??);
4611/04/23
![Page 47: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/47.jpg)
Letra d
Dicas: – função elipse desenha elipses.
4711/04/23
![Page 48: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/48.jpg)
size(240,200);background(255);smooth();ellipse(width/2,30,??1??,??2??);ellipse(width/2,60, ??3??,??4??);ellipse(width/2,90, ??5??,??6??);ellipse(width/2,120, ??7??,??8??);ellipse(width/2,150, ??9??,??10??);ellipse(width/2,180, ??11??,??12??);
4811/04/23
![Page 49: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/49.jpg)
Letra e
Dicas: – função scale faz zoom em relação ao
eixo cartesiano.
4911/04/23
![Page 50: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/50.jpg)
size(300,300);strokeWeight(5);line(10,??1??,??2??, 0);line(100,0,100,190);line(90,??3??,??4??,190);line(0,0, 0, 190);translate(110,0);scale(??5??);line(10,??6??,??7??, 0);line(100,??8??,??9??,190);line(90,190,10,190);line(0,0, 0, 190);
5011/04/23
![Page 51: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/51.jpg)
Letra f
Dicas: –As cores são determinadas por um
valor de vermelho, verde e azul.–O quarto parâmetro na função stroke
ou fill determina a transparência.
5111/04/23
![Page 52: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/52.jpg)
size(200,200);smooth();strokeWeight(100);stroke(255,0,0,128);point(??1??,??2??);stroke(0,255,0,128);point(??3??,??4??);stroke(0,0,255,128);point(??5??,??6??);
5211/04/23
![Page 53: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/53.jpg)
Letra g
Dicas: –Função random sorteia um número
entre um intervalo e outro.
5311/04/23
![Page 54: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/54.jpg)
size(200,300); PFont f = createFont("",50,true); float aleat = random(1,10); int aleat2 = int(aleat); textFont(f); textAlign(CENTER); background(255); fill(255,0,0); quad(??1??,10,??2??,??3??,width/2,height-10,10,height/2);
line(30,??4??,??5??,??6??); fill(255,255,255); text(??7??,width/2,height/2);
5411/04/23
![Page 55: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/55.jpg)
Letra h
Dicas: –Função triangle desenha um triângulo
dados 3 pontos.
5511/04/23
![Page 56: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/56.jpg)
fill(128,80); translate(??1??,??2??); rotate(??3??); triangle(0,??4??,??5??,0,-50,0); rotate(??3??); triangle(0,??4??,??5??,0,-50,0); rotate(??3??); triangle(0,??4??,??5??,0,-50,0); rotate(??3??); triangle(0,??4??,??5??,0,-50,0); rotate(??3??); triangle(0,??4??,??5??,0,-50,0); rotate(??3??); triangle(0,??4??,??5??,0,-50,0);
5611/04/23
![Page 57: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/57.jpg)
Letra i (desafio)
Dicas: –Função bezier desenha uma curva de
bezier.
5711/04/23
![Page 58: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/58.jpg)
size(200,100); background(0); stroke(255); strokeWeight(4); noFill(); smooth(); translate(width/2,0); bezier(0,??1??, ??2??, ??3??, 0, 90, 50, 90);
bezier(0,??4??, ??5??, ??6??, 0, 90, -50, 90);
line(??7??,??8??,??9??,??10??);
5811/04/23
![Page 59: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/59.jpg)
Letra j (desafio)
Dicas: –Função map faz a “regra de 3”;
• Remapeamento entre um intervalo e outro;• map (15, 10, 20, 100, 200); retorna 150
5911/04/23
![Page 60: Introdução à Programação usando Processing Programação Gráfica 2D Chamada a funções e variáveis Exercícios de Fixação 2º Semestre 2009 > PUCPR > Design.](https://reader036.fdocumentos.tips/reader036/viewer/2022062318/552fc0fe497959413d8bba94/html5/thumbnails/60.jpg)
size(300,250); float x, p1 = 10, p2 = 60; PFont f = createFont("",10,true); textFont(f); background(128); smooth(); strokeWeight(7); line(10,200,290,200); x = map(??1??,0,100,??2??,??3??); line(x,210,x, 190); text(p1,x,190); x = map(??4??,0,100,??5??,??6??); line(x,210,x, 190); text(p2,x,190);
6011/04/23