- + -
O Processing é voltado para
- Imagem
- Interação
- Animação
Por padrão, o Processing é tem recursos limitados
O Processing pode ser estendido através de bibliotecas
+ -Bibliotecas são conjuntos de arquivos que permitem a utilização de novos recursos no Processing
- Som
- Video
- Animação
- Física
- Controles (caixas de texto, etc)
- Carregamento de formatos de arquivos
Bibliotecas são conjuntos de Classes e Métodos
- + -
Incluidas com o Processing
-
Chamadas de "core libraries"
Não precisa instalar nada
Video
Rede
Som
...
-
- + -
Contribuições
-
"Contributed Libraries"
Geradas pela comunidade
+ - ~ Oficiais
- Listadas na página do Processing
- Garantia de funcionamento nas versões mais novas do Processing
+ - Outras
- Não há garantia de funcionamento
- ~ Links no delicious
- ~ Meus links
-
- + -
Core libraries
- ~
Acesse a documentação da biblioteca
+ -Ir no menu Sketch > Import Library
- + -
Exemplos
- + -
Som
-
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.effects.*;
-
- + -
PDF
- import processing.pdf.*;
- + -
DXF
- import processing.dxf.*;
- + -
Som
-
Definir as variáveis (objetos) que representam a instância de uma classe da Biblioteca
- + -
Exemplos
- + -
Som
-
Minim minim; AudioPlayer player; AudioInput input;
-
- + -
Som
Inicializar as variáveis
- + -
Exemplos
- + -
Som
- minim = new Minim(this);
- + -
Web
- myServer = new Server(this, 5204);
- + -
Som
Chamar os métodos da biblioteca
- + -
Exemplos
- + -
Som
- minim.loadFile("song.mp3");
- + -
Web
- myServer.write(val);
- + -
Som
- + -
Exemplos
Contributed Libraries
-
Fechar o Processing
Fazer o download da biblioteca
Descompactar o arquivo, se necessário
+ -Abrir a pasta de projetos do Processing
- + -
Para descobrir qual é a pasta de projetos do Processing vá em
- File
- Preferences
- Veja o valor em Sketchbook Location
-
-
SE não existir a pasta libraries, dentro da pasta de projetos do Processing, criar esta pasta
+ -Copiar a biblioteca para dentro da pasta libraries
- Dentro da pasta de sua biblioteca deve existir uma pasta library
Abrir o Processing
+ - Ir no menu Sketch > Import Library... A biblioteca aparece na lista
~ Agora, siga os passos já utilizados anteriormente para as Core Libraries
- + -
Para descobrir qual é a pasta de projetos do Processing vá em
- ~
- + -
~ Som
Biblioteca Minim
import ddf.minim.*;
// Objetos necessários para trabalhar com som
Minim minim;
// Cada um dos sons
AudioPlayer song;
import ddf.minim.*;
// Objetos necessários para trabalhar com som
Minim minim;
// Cada um dos sons
AudioPlayer song;
void setup()
{
size(100, 100);
// Instancia o objeto
minim = new Minim(this);
// Carrega o som "ocupado.mp3" que está dentro da pasta 'data'
song = minim.loadFile("ocupado.mp3");
song.play();
}
void draw()
{
background(0);
}
void stop()
{
// Importante para interromper o som!
song.close();
minim.stop();
super.stop();
}
- + -
~ Executar Vídeo
~ Precisa da biblioteca OpenCV
import hypermedia.video.*;
// Objeto do OpenCV
OpenCV opencv;
void setup() {
size( 160, 120 );
// Instancia o objeto
opencv = new OpenCV( this );
// Executa o filme
opencv.movie( "bunny.avi" );
}
void draw() {
// Lê um frame
opencv.read();
// Exibe o frame na tela
image( opencv.image(), 0, 0 );
}
- + -
~ Ler imagem a partir da câmera
~ Precisa da biblioteca OpenCV
import hypermedia.video.*;
// Objeto do OpenCV
OpenCV opencv;
// Tamanho da Imagem a ser capturada da webcam
final int IMG_WIDTH = 320;
final int IMG_HEIGHT = 240;
void setup() {
// Tamanho da tela
size( IMG_WIDTH, IMG_HEIGHT);
// Instancia o OpenCV
opencv = new OpenCV(this);
// Inicializa a captura
opencv.capture(IMG_WIDTH, IMG_HEIGHT);
}
void draw() {
// Lê imagem
opencv.read();
// Mostra na tela
image( opencv.image(), 0, 0 );
}
// Para tudo
public void stop() {
opencv.stop();
super.stop();
}
- + -
~ Física
- ~ Precisa da biblioteca BoxWrap2d
- + -
Exemplo 1
-
// Ver manual das funções em:
// http://www.box2d.org/manual.html
// http://jbox2d.nfshost.com/processing/doc/index.html
// Bug!
// Ver: http://processing.org/discourse/yabb2/YaBB.pl?num=1213404906/15
//import org.jbox2d.testbed.tests.*;
//import org.jbox2d.util.blob.*;
//import org.jbox2d.testbed.timingTests.*;
import org.jbox2d.testbed.*;
import org.jbox2d.dynamics.contacts.*;
import org.jbox2d.p5.*;
import org.jbox2d.dynamics.*;
import org.jbox2d.common.*;
import org.jbox2d.collision.*;
import org.jbox2d.dynamics.joints.*;
Physics physics;
void setup() {
// Inicializa a tela
size(640,480,P3D);
// Cria a engine de física (o mundo)
// escala: 10 pixels = 1 metro
physics = new Physics(this, width, height);
//
physics.setDensity(1.0f);
}
void draw() {
background(0);
if (mousePressed) {
//Create a body
float x0 = mouseX;
float y0 = mouseY;
// Cria círculo com posição x, y e raio
Body randomBod = physics.createCircle(x0, y0, random(5.0f,15f));
// Cria uma velocidade
Vec2 vel = new Vec2(random(-30.0f,30.0f),random(-30.0f,30.0f));
// Seta a velocidade para o corpo criado
randomBod.setLinearVelocity(vel);
}
}
-
- + -
Exemplo 2
-
// Ver manual das funções em:
// http://www.box2d.org/manual.html
// http://jbox2d.nfshost.com/processing/doc/index.html
// Bug!
// Ver: http://processing.org/discourse/yabb2/YaBB.pl?num=1213404906/15
//import org.jbox2d.testbed.tests.*;
//import org.jbox2d.util.blob.*;
//import org.jbox2d.testbed.timingTests.*;
import org.jbox2d.testbed.*;
import org.jbox2d.dynamics.contacts.*;
import org.jbox2d.p5.*;
import org.jbox2d.dynamics.*;
import org.jbox2d.common.*;
import org.jbox2d.collision.*;
import org.jbox2d.dynamics.joints.*;
Physics physics;
void setup() {
// Inicializa a tela
size(640,480,P3D);
// Cria a engine de física (o mundo)
// escala: 10 pixels = 1 metro
physics = new Physics(this, width, height);
}
void draw() {
background(0);
}
// MousePressed é chamado quando o botão do mouse é pressionado
void mousePressed() {
// Dá uma densidade aos corpos criados
physics.setDensity(1.0f);
//Cria um corpo (círculo) na posição do mouse
float x0 = mouseX;
float y0 = mouseY;
Body randomBod = physics.createCircle(x0, y0, random(5.0f,15f));
// Atribui uma velocidade em x e em y para o corpo
Vec2 vel = new Vec2(random(-30.0f,30.0f),random(-30.0f,30.0f));
randomBod.setLinearVelocity(vel);
}
// KeyPressed é chamado quando qualquer tecla é pressionada
void keyPressed() {
// Dá uma densidade 0 aos corpos criados a partir deste ponto.
// Corpos com densidade 0 são estáticos (parados)
physics.setDensity(0);
//Cria um corpo na posição do mouse
float x0 = mouseX;
float y0 = mouseY;
Body randomBod = physics.createRect(x0, y0, x0+random(10, 20), y0+random(10,20) );
// Atribui uma velocidade em x e em y para o corpo
Vec2 vel = new Vec2(random(-30.0f,30.0f),random(-30.0f,30.0f));
randomBod.setLinearVelocity(vel);
}
-
- + -
Exemplo 3
-
// Ver manual das funções em:
// http://www.box2d.org/manual.html
// http://jbox2d.nfshost.com/processing/doc/index.html
// Bug!
// Ver: http://processing.org/discourse/yabb2/YaBB.pl?num=1213404906/15
//import org.jbox2d.testbed.tests.*;
//import org.jbox2d.util.blob.*;
//import org.jbox2d.testbed.timingTests.*;
import org.jbox2d.testbed.*;
import org.jbox2d.dynamics.contacts.*;
import org.jbox2d.p5.*;
import org.jbox2d.dynamics.*;
import org.jbox2d.common.*;
import org.jbox2d.collision.*;
import org.jbox2d.dynamics.joints.*;
Physics physics;
float densidade = 0;
int tipo = 0;
int numCorpos = 0;
Body [] corpos;
void setup() {
// Inicializa a tela
size(640,480,P3D);
// Cria a engine de física (o mundo)
// escala: 10 pixels = 1 metro
physics = new Physics(this, width, height);
textFont(createFont("Arial",20));
smooth();
// Limita a quantidade de corpos!
corpos = new Body[100];
}
void draw() {
background(0);
stroke(0);
fill(255);
rect(30, 30, 200, 100);
fill(255,0,0);
text("densidade = " + densidade, 50, 50);
text("tipo = " + tipo, 50, 70);
text("numCorpos = " + numCorpos, 50, 90);
}
// MousePressed é chamado quando o botão do mouse é pressionado
void mousePressed() {
// Dá uma densidade aos corpos criados (zero o corpo fica parado)
physics.setDensity(densidade);
//Cria um corpo (círculo) na posição do mouse
float x0 = mouseX;
float y0 = mouseY;
Body randomBod = null;
Body [] randomBodies = null;
RevoluteJoint joint = null;
// Cria cada um dos tipos diferentes de corpos
switch(tipo)
{
case 0:
// Cria um círculo
randomBod = physics.createCircle(x0, y0, random(5.0f,15f));
break;
case 1:
// Cria um retângulo
randomBod = physics.createRect(x0, y0, x0 + random(5, 15), y0 + random(5,15));
break;
case 2:
// Cria uma caixa
randomBodies = physics.createHollowBox(x0, y0, random(20, 40),random(20,40), 3);
break;
case 3:
// Na criação de um polígono a ordem dos pontos importa!
randomBod = physics.createPolygon(x0+random(10, 20), y0+random(10,20), x0+random(10, 20), y0, x0, y0);
break;
case 4:
// Cria uma junção entre corpos
if(numCorpos>=2)
{
joint = physics.createRevoluteJoint(corpos[numCorpos-1], corpos[numCorpos-2], width/2, height/2);
}
break;
}
if(randomBod!=null) {
// Atribui uma velocidade em x e em y para o corpo
Vec2 vel = new Vec2(random(-30.0f,30.0f),random(-30.0f,30.0f));
randomBod.setLinearVelocity(vel);
corpos[numCorpos++] = randomBod;
}
if(randomBodies!=null) {
// Atribui uma velocidade em x e em y para o corpo
for(int i=0;i<4;i++)
{
Vec2 vel = new Vec2(random(-30.0f,30.0f),random(-30.0f,30.0f));
randomBodies[i].setLinearVelocity(vel);
corpos[numCorpos++] = randomBodies[i];
}
}
// todo: Melhorar isso!
if(numCorpos>=95)
{
numCorpos = 0;
}
}
// KeyPressed é chamado quando qualquer tecla é pressionada
void keyPressed() {
if(key==CODED) // Teclas especiais
{
if(keyCode==UP) {
densidade = densidade + 1;
}
if(keyCode==DOWN) {
densidade = densidade - 1;
}
if(keyCode==LEFT) {
tipo--;
}
if(keyCode==RIGHT) {
tipo++;
}
}
}
-
- + -
~ "Oficiais"
- + - Incluidas com o Processing
- + -
Contribuições listadas no site
- + - Som
- + - Importação/Exportação
- + - Ferramentas
- + - Interface com Hardware
- + - Animação
- + - Tipografia
- + - Visão Computacional / Video
- + - 3D
- + - Simulação e Matemática
- + - Interface gráfica
- + - Diversos
- + - Dados / Protocolos
- + -
Meus links
- Marcado com "sorriso" as que considero mais interessantes
- + -
Cores
- + -
~ colorlib
- Importar paleta de cores
- Manipulação de paleta de cores
- + -
~ colorlib
- + -
Câmera, Video e Processamento de Imagens
- + -
~ Face Detection Library
- Detecção de faces
- + -
~ GSVideo
- Tocar video
- Captura
- Gravação
- + -
~ jMyron
- captura de video
- ~ tutorial
- + -
~ Simple ARToolKit
- Realidade aumentada
- + -
~ nyARToolkit
- Realidade aumentada
- Em japonês
- ~ exemplo de uso
- + -
~ CaptureMJPEG
- Captura de stream de video
- + -
~ Integral Histogram
- Cálculo do histograma de uma imagem
- + -
~ LibCV
- captura de video
- + -
~ OpenCV
- Processamento de imagens
- extremamente rápida
- ~ exemplos
- ~ Mais exemplos
- + -
~ RedBlue
- Criação de imagens 3d
- Precisa do óculos 3d
- ~ Processing QRCode Library
- + -
~ Face Detection Library
- + -
Animação
- + -
~ Animation & Shaping
- animação de elementos
- Tween estilo flash
- + -
~ Animation & Shaping
- + -
Física
- + -
~ PPhys2D
- Física de corpos
- + -
~ Traer.Physics
- Simulação de partículas
- molas
- + -
~ jBox2d
- Física de corpos
- ~ tutorial
- + -
~ MSAFluid
- Simulação de dinâmica de fluidos
- + -
~ PPhys2D
- + -
Banco de Dados
- + -
~ SQLibrary
- Acesso a bancos de dados
- MySQL
- PostgreSQL
- SQLite
- + -
~ SQLibrary
- + -
Web
- + -
~ Post To Web Library
- facilita upload de imagens
- + -
~ Yahoo Search Library
- Busca na web
- + -
~ Carnivore
- Sniffer de rede
- + -
~ Post To Web Library
- + - Criação de controles
- + -
Inteligência Artificial
- + -
~ aimllib
- Permite a criação de robôs de bate-papo
- + -
~ AILibrary
- Algoritmos genéticos
- Busca de caminhos
- + -
~ Eliza Library
- Permite criação de robôs de bate-papo
- + -
~ RitA
- Processamento de linguagem natural
- Inglês
- + -
~ aimllib
- + -
Texto e fonte
- + -
~ OpenWordle
- Visualização de texto no formato 'Wordle'
- ~ Sobre a biblioteca
- + -
~ Vertext
- renderização vetorial e de alta performance de fontes
- + -
~ OpenWordle
- + -
Desenho e Renderização
- + -
~ Terrapin
- Desenho de gráficos de tartaruga
- + -
~ Processing NPR
- Renderizador não-fotorealistico
- + -
~ anar+
- Geometria orientada a objetos
- Representação de cada primitiva como um objeto
- + -
~ Geomerative
- operações geométricas 2d
- + -
~ Point 2 Line
- operações geométricas 2d
- + -
~ GLGraphics
- efeitos 3d
- aceleração de hardware
- + -
~ SuperPoint
- Permite que se use um conjunto grande de pontos em OpenGL
- + -
~ Terrapin
- + -
Carregamento e manipulação de Modelos 3D
- + -
~ Saito obj loader
- Carrega arquivos obj
- + -
~ MRI3DS
- Carrega arquivos .3ds
- + -
~ PeasyCam
- Manipulação da câmera através do mouse
- + -
~ Saito obj loader
- + - Som
- + -
Diversas
- + -
~ toxilibs
- Diversos
- audio
- cor
- geometria
- matemática
- física
- ...
- + -
~ Most Pixels Ever
- Distribuição de programa em diversos monitores
- + -
~ sDrop
- Permite drag & drop de arquivos no programa
- ~ XlsReader
- ~ ezGestures
- + -
~ toxilibs