ProcessingJS

Se você ainda não conhece JavaScript ou ProcessingJS, saiba mais por meio deste curso: Introdução
ao JS.

Formas

rect(x, y, w, h)


ellipse(x, y, w, h)


triangle(x1, y1, x2, y2, x3, y3)



line(x1, y1, x2, y2)



point(x, y)


arc(x, y, w, h, start, stop)



bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2)



quad(x1, y1, x2, y2, x3, y3, x4, y4)



image(image, x, y, width*, height*)

Veja
também: ellipseMode, rectMode, imageMode, strokeCap, bezierPoint, bezierTange
nt, curve, curvePoint, curveTangent, curveTightness

Formas complexas

beginShape() / endShape() / vertex()



curveVertex()


bezierVertex()

Veja também: strokeJoin, curveTightness

 Cores
 background(r, g, b)Define a cor de fundo
 fill(r, g, b)Define a cor de preenchimento para as formas
 noFill()Desativa o preenchimento das formas
 stroke(r, g, b)Define a cor do contorno para formas
 strokeWeight(thickness)Altera a espessura de linhas e contornos
 noStroke()Desativa os contornos para formas
 color(r, g, b)Armazena uma cor em uma variável
 blendColor(c1, c2, MODE)Mistura duas cores
 lerpColor(c1, c2, amount)Interpola 2 cores

Veja também: colorMode, red, green, blue, alpha, hue, saturation, brightness

Texto
 text(text, x, y)Escreve um texto
 textFont(font, size*)Muda a fonte do texto
 textSize(size)Altera o tamanho do texto

Veja também: textWidth, textAscent, textDescent, textLeading, textAlign

Transformar
 rotate(angle)Gira as formas em um ângulo
 scale(amount)Redimensiona as formas em ambas as dimensões
 translate(x, y)Translada as formas por uma distância definida

Veja também: pushMatrix/popMatrix, resetMatrix, printMatrix

Ambiente
 width / heightO tamanho da tela
 draw = function() { }Chamado repetidamente durante a execução do programa
 playSound(sound)Reproduz um dos sons permitidos

Veja
também: Program.assertEqual, Program.restart, frameRate(fps), frameCount, lo
op, noLoop

Camundongo
 mouseX, mouseYCoordenadas atuais do mouse
 pmouseX, pmouseYCoordenadas anteriores do mouse
 mouseButtonIndica qual botão está pressionado
 mouseIsPressedIndica se o mouse está pressionado
 mouseClicked = function() { }Chamada ao clicar o mouse
 mousePressed = function() { }Chamada quando o mouse é pressionado
 mouseReleased = function() { }Chamada quando o mouse é liberado
 mouseMoved = function() { }Chamada quando se move o mouse
 mouseDragged = function() { }Chamado quando o mouse é arrastado
 mouseOver = function() { }Chamada quando o mouse se move na tela
 mouseOut = function() { }Chamada quando o mouse se move para fora da tela

Teclado
 keyNúmero que representa qual tecla está pressionada
 keyCodeIndica quando uma tecla especial é pressionada
 keyIsPressedRetorna verdadeiro se uma tecla está pressionada; falso, caso contrário
 keyPressed = function() { }Chamada quando uma tecla é pressionada
 keyReleased = function() { }Chamada quando uma tecla é liberada
 keyTyped = function() { }Chamada quando uma tecla é digitada

Matemática
 random(low, high)Gera um número aleatório
 dist(x1, y1, x2, y2)Calcula a distância entre dois pontos
 constrain(value, min, max)Restringe o valor entre min e max
 min(num1, num2)Retorna o mínimo de dois números
 max(num1, num2)Retorna o máximo de dois números
 abs(num)Obtém o valor absoluto de um número
 log(num)Obtém o logaritmo de um número
 pow(num, exponent)Eleva um número a um expoente
 sq(num)Eleva um número ao quadrado
 sqrt(num)Obtém a raiz quadrada de um número
 round(num)Retorne o inteiro mais próximo
 ceil(num)Retorne o inteiro mais próximo de valor maior ou igual
 floor(num)Retorne o inteiro mais próximo de valor menor ou igual
 PVector(x, y)Um objeto que descreve um vetor bidimensional

Veja também: mag, exp, map, norm, lerp, noise, noiseDetail, Random.nextGaussian

Trigonometria
 cos(degrees)Obtém o cosseno de um ângulo
 sin(degrees)Obtém o seno de um ângulo
 tan(degrees)Obtém a tangente de um ângulo

Veja também: acos, asin, atan, atan2, radians, degrees, angleMode

Data e hora
 day() / month() / year()Data atual
 hour() / minute() / second()Hora atual
 millis()Milissegundos decorridos desde o início do programa

Correção de erros
 debug(arg1, arg2, ...)Imprime o painel de desenvolvimento do navegador
 println(data)Imprimir uma nova linha para o console da tela
 print(data)Imprime o console
 JavaScript
 var drawWinston = function() { }Define uma nova função
 var array = [0, 1, 2, 3, 4]Cria uma matriz de 5 números
 if (x < 20) { }Somente executa o código se uma determinada condição for verdadeira
 for (var i = 0; i < 8; i++) { }Repete o código um número definido de vezes
 while (x < 250) { }Somente executa o código se uma determinada condição for verdadeira

Nossa documentação não abrange todas as maneiras de se usar JavaScript. Saiba mais em:

 Rede de Desenvolvedores Mozilla: Guia de JavaScript

 Tutorial W3Schools de JavaScript
Baseado em: Referência de ProcessingJS. Licença: CC BY-NC-SA 2.0.
 Todo código é propriedade de seu respectivo autor e é disponibilizado de
acordo com a seguinte licença: Licença MIT
 Todo conteúdo que não é código (como textos, desenhos, imagens etc.)
também é propriedade de seu respectivo autor e é disponibilizado de
acordo com a seguinte licença: Licença Recomendação da Creative
Commons
 Para mais informações, consulte: Termos de serviço