Introdução à Programação 1 (2010 – 1o semestre)

Na aula de hoje, trabalharemos com os tópicos 10, 11 e 12 do material do primeiro bimestre: variáveis, imagens e textos.

No tópico 10 e 11 verificaremos que a representação da informação em nossos programas podem ser no formato de constantes ou de variáveis.

As variáveis permitem que a informação seja armazenada de maneira volátil, ou seja, o valor de uma variável pode mudar durante a execução. Durante a aula, farei a analogia que as variáveis funcionam como “gavetas” nomeadas na memória.

Em uma linguagem gráfica como o Processing, as variáveis serão úteis na utilização de elementos como:

• Fontes;
• Imagens;
• Sons;
• Objetos 3d.

Assim, outro objetivo da aula é entender como utilizar variáveis para exibir textos e imagens em nosso programa. Sobre este assunto, revise o tópico 12 de nosso material.

Durante a aula, também disponibilizei alguns “passo a passo” para facilitar a repetição dos itens realizados durante a aula:

• Teste de Mesa;
• Exibição de texto;
• Exibição de imagens;
• Atribuição de variáveis a partir de chamada a funções.

A seguir, alguns códigos mostrados nas aulas.

Terça

// Cria uma variável para armazenar a fonte
PFont arial;
// Carrega a fonte Arial dentro da variável
arial = createFont("Arial",20);
// Seleciona a fonte para uso
textFont(arial);
fill(255,0,0);
text("oi",30,30);
fill(0,255,0);
text("outra",30,50);

Download do exemplo e da imagem associada.

size(300,300);
PImage aviao; // Cria uma variável para armazenar a imagem
aviao=loadImage("jogoaviao.png"); // Carrega a imagem na mem
image(aviao,100,200);

color corRet = color(255,255,0);
size(300,200);
fill(corRet);
rect(width/4,height/5,width/2,height/5*3);
fill(0,255,0);
rect(0,0,10,10);
fill(corRet);
rect(width/2, height/2, 10,10);

Quinta

size(300,300); // Configura a tela
// Cria 2 variaveis: largura e altura
int largura = 30, altura = 40;
int perimetro = 2 * largura;
perimetro = perimetro + 2 * altura;
println(perimetro);
// Cria uma variável associada à fonte algerian
PFont algerian = createFont("Algerian",40);
textFont(algerian); // Selecionar a fonte
fill(255,0,0);
text(perimetro, 100, 120); // Exibe o texto
PFont arial = createFont("Arial", 30);
textFont(arial);
text("Bruno", 100, 220);

size(700, 500);
//  Automaticamento o p5 cria uma
// variável width (largura) e height(altura)
println(width);
println(height);
rect(width/4, height/5, width/2, height/5*3);
ellipse(width/2, height/2, 100,100);

size(400,500);
// Carrega a imagem na memoria
PImage aviao = loadImage("jogoaviao.png");
// Exibe a imagem
image(aviao, 70, 60);
// Exibe a imagem em outra posicao
image(aviao, 80, 90);