mouse. Nosso codigo deveria ficar assim:PFont font1; //Para comecar crie um objeto PFontPImage back; //Objeto PImage para nossa imagem de fundoPImage pointer;void setup() { font1 = loadFont("fonte.vlw"); //Carrega o arquivo de fonte back = loadImage("back.png"); //carrega a imagem pointer = loadImage("pointer.png"); size(240,320); //tamanho da janela 240x320 smooth(); 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}void draw(){imageMode(CENTER);image(pointer,mouseX,mouseY);}Compile e rode este codigo, confira cada letra, use nomes faceis para os arquivos, e comum erros por tentar carregar um arquivo com nome errado, ou que esta fora do lugar. Interessante!! Mas nao e exatamente o que eu queria...Para quem entendeu o que esta acontecendo otimo voce pode pular alguns paragrafos, se nao preste bastante atencao nesta parte que e importante.Como ja foi dito anteriormente, o Processing gera sua aplicacao atraves de desenhos na tela, ele foi feito para as mais diversas aplicacoes possiveis, desde programas mais comuns como oque utilizamos normalmente, a verdadeiras obras de arte em que sua janela e o quadro. Por este motivo, coisas basicas como limpar a tela a cada ciclo e algo que devemos fazer manualmente.COMO?!?!?!?!?!?!Bem simples, vamos ver o codigo mais de perto.PFont font1; //Para comecar crie um objeto PFontPImage back; //Objeto PImage para nossa imagem de fundoPImage pointer;void setup() { font1 = loadFont("fonte.vlw"); //Carrega o arquivo de fonte back = loadImage("back.png"); //carrega a imagem pointer = loadImage("pointer.png"); size(240,320); //tamanho da janela 240x320 smooth(); 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}void draw(){imageMode(CENTER);image(pointer,mouseX,mouseY);}Os trechos destacados acima sao as 3 funcoes que desenham nossa janela, primeiro e desenhado o fundo, depois o texto e por ultimo a espiral na posicao do mouse, mas como voces viram, ele desenha infinitas espirais a cada nova posicao do mouse (afinal e pra isso que servem os loops nao?), mas eu quero apenas UMA espiral movendo-se na tela, e nao um rastro de infinitas...Para isso basta transferir o codigo que desenha o fundo e o texto para o loop e fazer alguns ajustes como:Limpar a tela para que a imagem atual nao se misture com a anterior.Caso utilize mais de um modo de desenho, por exemplo imageMode(), nao deixe de colocar, pois onde nao houver explicitamente o modo, sera usado o ultimo modo, que pode nao ser interessante ja que estamos dentro de um loop.Resultado: PFont font1; //Para comecar crie um objeto PFontPImage back; //Objeto PImage para nossa imagem de fundoPImage pointer;void setup() { font1 = loadFont("fonte.vlw"); //Carrega o arquivo de fonte back = loadImage("back.png"); //carrega a imagem pointer = loadImage("pointer.png"); size(240,320); //tamanho da janela 240x320 smooth();}void draw() { background(255);//Pinta toda a tela de branco imageMode(CORNER); 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 imageMode(CENTER); image(pointer,mouseX,mouseY);}