//letras em movimento//
float v=300;
float e=300;
float l=300;
float o=300;

void setup() {
  size(300, 300);
  textSize(41);
  frameRate(100);

}

void draw() {
  background(0);
//  
  if (v>=0){
  text("VVVVVVVVVV", v, 40);
  v=v-1;
  }
  else{
  text("VVVVVVVVVVV", 0, 40);
  }
//
  if (e>=0){
  text("VVVVVVVVVV", e, 80);
  e=e-1.05;
  }
  else{
  text("VVVVVVVVVVE", 0, 80);
  }
//  
  if (l>=0){
  text("VVVVVVVVVV", l, 120);
  l=l-1.10;
  }
  else{
  text("VVVVVVVVVEL", 0, 120);
  }
//
  if (o>=0){
  text("VVVVVVVVVV", o, 120);
  o=o-1.10;
  }
}

//Exemplo de uso de interação com teclas inspirando-se na obra
//"Composition A," Piet Mondrian. 1920

int posicaoY;

//função setup, configura o nosso programa
//esta função é chamada apenas uma vez
void setup () {
  size(800, 600); //redimensiona a tela em 800x600 pixels
  background(255); //pinta tudo com a cor branca

  posicaoY = 40;
}

//função draw, desenha
//é o laço do nosso programa e é chamado várias vezes
void draw () {
  if (mousePressed) {   //testa se clicou com o mouse

    posicaoY++;

    stroke(0);          // muda a cor do pincel para preto
    strokeWeight(4);    // muda a grossura do pincel
    if (key == 'a') {   // testa se apertou a tecla 'a'
      fill(98, 69, 234);  // colore com a cor azul quase lilas
    }
    if (key == 'm') {   //testa se apertou a tecla 'm'
      fill(255, 255, 0);  // colore com amarelo
    }
    if (key == 'v') {   //testa se apertou a tecla 'v'
      fill(255, 0, 0);    //colore com a cor vermelha
    }
    if (key == 'p') {   //testa se apertou a tecla 'p'
      fill(0);          //colore com a cor preta
    }   
    //desenha retangulo, sorteando a posição Y
    triangle(mouseX, random(600), 400, posicaoY, mouseX, mouseY);
  }
}

void keyPressed () {      //testa se apertou alguma tecla
  if (key == ' ') {    //testa se apertou espaço
    background(0);     //pinta tudo com a cor preta
  }
  if (key == 's') {      //testa se apertou a tecla 's'
    save("imagem.jpg");  //salva a imagem atual
  }
}

Exercício com Exercício com imagem e transparência
https://processing.org/examples/transparency.html

Como tingir imagem usando tint()
https://processing.org/reference/tint_.html

Exercícios com circunferência (aumentando sem parar, aumentando e parando, pulsando)
http://vormplus.be/blog/article/an-introduction-to-processing-part-ii

Exercício com circunferências desenhadas ¨com memória¨ na tela.
http://vormplus.be/blog/article/processing-month-day-10-painting-part-1

Exercício de circunferências usando uma imagem (foto) como cores de base
http://vormplus.be/blog/article/processing-month-day-11-painting-part-2

 https://vimeo.com/60731302

  Hello world! Processing. Filme por Ultra_Lab

Processing é um ambiente e uma linguagem de programação open-source para pessoas que querem criar imagens, animações e interações. Inicialmente desenvolvida para servir como livro de esboços (sketchbook) e para ensinar fundamentos de programação de computadores em um contexto visual, Processing pode vir a ser também uma ferramenta para criar trabalhos profissionais.
Atualmente, existem inúmeros estudantes, artistas, designers, pesquisadores e hobistas que usam Processing para aprender, prototipar e produzir.
7 motivos para se interessar e aprender Processing:

1. Livre para download e de código aberto (open-source);
2. Gera programas interativos para saída em 2D, 3D ou PDF;
3. Utiliza a biblioteca OpenGL para acelerar gráficos 3D;
4. Disponível sob licença GNU para Linux, Mac OS X e Windows;
5. Roda projetos online ou off-line;
6. Possui mais de 100 bibliotecas de extensão de software para som, vídeo, visão computacional e etc.
7. Bem documentado e com vários livros, tutoriais, artigos e etc. disponíveis;

A programação em Processing é feita com uma linguagem com as mesmas estruturas e conceitos da linguagem C, mas adaptada para o contexto de uso do Processing.

Todo programa em Processing é composto por duas funções, uma chamada setup onde fazemos todos os ajustes para o programa, como leitura de bibliotecas, declaração de variáveis e qualquer outra coisa que necessita ser executado apenas única vez e da função draw que é um loop infinito executando dos comandos desejados para o funcionamento do projeto.

Repositório oficial exemplos Processing: https://github.com/processing

Sketch com formas básicas para Processing (clique para download do programa)

void setup(){
  size(500, 200); //tamanho/proporção da tela
  frameRate(1); //número de frames por segundo
  print("ta tudo dominado"); //imprime a frase entre parênteses
  background(#000000); //cor hexadecimal de fundo
}

void draw(){
println("programe ou seja programado");
fill(#00FFFF); //cor de preenchimento das formas
ellipse(250,150,250,150); //a função elipse recebe 4 parâmetros
rect(100,100,100,100); //a função retângulo recebe 4 parâmetros
line(0,0,250,250); //a função linha recebe 4 parâmetros

}

void mousePressed() {
  print(mouseX + "nao"); //determina o que ocorre quando o mouse é pressionado

}

Link para uma apostila com os princípios básicos da eletrônica (componentes principais, lei de Ohm, etc)

http://www.pxclubepiracicaba.com/Imagens/PDF/Introducao%20Eletronica%20Principiantes.pdf