ola aqui veremos como "desenhar" imagens ja salvas em arquivo como png, jpg etc e tambem como colocar texto na sua aplicacao processing. Como voces ja devem ter reparado, desenvolver uma aplicacao nesta linguagem, e diferente de desenvolver aplicativos em IDE's como Visual Basic, Delphi dentre outras, apesar do resultado possa ser bem parecido.Normalmente linguagens como o Delphi por exemplo, a IDE ja faz praticamente todo o trabalho de codificacao dos objetos apresentados na tela, o que nao acontece no processing. Entao para comecar crie um novo projeto e salve no local desejado. Perceba que voce nao salva um arquivo apenas, o Processing cria uma pasta com o nome que voce digitou, e dentro desta pasta que criaremos uma pasta com o nome "data" ela servira para guardar os arquivos que voce utilizara no programa.Criando uma Fonte .vlw No menu do Processing, va em Tools>Create Font. Voce devera ver uma janela como esta:Ai voce devera escolher exatamente como sua fonte deve parecer(exceto a cor) pois alterar o tamanho da fonte atraves do codigo resultara em perda de qualidade da imagem, voce tera que criar um arquivo para cada tamanho que for usar, use nomes faceis para facilitar o codigo.Caso queira usar caracteres especiais clique no botao "Caracters" e selecione os tipos desejados, ou apenas selecione "All Caracters".Para carregar uma fonte voce devera primeiro criar um objeto PFont, e carrega-lo com a fonte que voce criou utilizando o Processing. Vamos ao Codigo:void setup() { background(255);//Cor de fundo 255,255,255 size(200,100); //tamanho da janela 200x100 PFont font1; //Para comecar crie um objeto PFont font1 = loadFont("fonte.vlw"); //Carrega o arquivo de fonte textFont(font1); //Seta a fonte a ser usada fill(0,0,255); //Seta a cor a ser usada text("Hello Strings!",10,50); //Escreve o texto} E o resultado e:Caso tenha tido alguma duvida durante o processo, sinta-se a vontade para perguntar.Utilizando imagensNosso aplicativo com texto e extremamente simples ele nem ao menos precisou entrar no loop, a tela foi desenhada apenas uma vez e conseguimos o que queriamos. Para exemplificar o uso de imagens usarei algo pouco mais complexo.Para comecar, eu criei estas duas imagens que serao utilizadas no exemplo podem baixar e usa-las ou use qualquer outro ( .gif, .jpg, .tga, .png).OBS.: As imagens devem esta dentro da pasta "data" dentro do seu projeto.Assim como o texto, as imagens tambem precisam ser previamente declaradas e carregadas e a forma de se fazer e praticamente a mesma. Mas para imagens, utilizaremos o objeto PImage e o metodo loadImage().Organizando melhor o codigo ele ficou assim:PFont font1; //Para comecar crie um objeto PFontPImage back; //Objeto PImage para nossa imagem de fundovoid setup() { font1 = loadFont("fonte.vlw"); //Carrega o arquivo de fonte back = loadImage("back.png"); //carrega a imagem size(240,320); //tamanho da janela 240x320 image(back,0,0); //Desenha a imagem na posicao 0x0 textFont(font1); //Seta a fonte a ser usada fill(0,0,0); //Seta a cor a ser usada text("Hello Images!",60,20); //Escreve o texto}Perceba que nao usei background pois a imagem utilizada supostamente e o nosso background aqui. Agora para deixar as coisas mais interessantes vamos adicionar a outra imagem, e vamos fazer ela acompanhar a posicao do