Reference
This page references all the commands available to Processing.js. Some commands available to the native Processing language are redundant in a web context, while others are in development. Regular Javascript commands will work in Processing.js script.
The Processing.js community is working towards a 100% compatible API, allowing all native code to run in Javascript. Commands are added to this reference as the API is updated. To view commands that have not yet been implemented, click toggle all.
Structure
[] (array access)
= (assign)
class
, (comma)
// (comment)
{} (curly braces)
delay()
/** */ (doc comment)
. (dot)
draw()
exit()
extends
false
final
implements
import
loop()
/* */ (multiline comment)
new
noLoop()
null
() (parentheses)
popStyle()
private
public
pushStyle()
redraw()
return
; (semicolon)
setup()
size()
static
super
this
true
void
Data
Primitive
boolean byte char color double float int longComposite
Array ArrayList HashMap Object String XMLElementConversion
binary() boolean() byte() char() float() hex() int() str() unbinary() unhex()String Functions
join() match() matchAll() nf() nfc() nfp() nfs() split() splitTokens() trim()
Control
Relational Operators
== (equality) > (greater than) >= (greater than or equal to) != (inequality) < (less than) <= (less than or equal to)Iteration
for whileConditionals
break case ?: (conditional) continue default else if switch()Logical Operators
&& (logical AND) ! (logical NOT) || (logical OR)
Shape
PShape
2D Primitives
arc() ellipse() line() point() quad() rect() triangle()Curves
bezier() bezierDetail() bezierPoint() bezierTangent() curve() curveDetail() curvePoint() curveTangent() curveTightness()Attributes
ellipseMode() noSmooth() rectMode() smooth() strokeCap() strokeJoin() strokeWeight()Vertex
beginShape() bezierVertex() curveVertex() endShape() texture() textureMode() vertex()
Input
Mouse
mouseButton mouseClicked() mouseDragged() mouseMoved() mousePressed() mousePressed mouseReleased() mouseX mouseY pmouseX pmouseYKeyboard
key keyCode keyPressed() keyPressed keyReleased() keyTyped()Files
createInput() loadBytes() loadStrings() open() selectFolder() selectInput()Web
link() param() status()Time & Date
day() hour() millis() minute() month() second() year()
Transform
applyMatrix()
popMatrix()
printMatrix()
pushMatrix()
resetMatrix()
rotate()
rotateX()
rotateY()
rotateZ()
scale()
translate()
Lights, Camera
Lights
ambientLight() directionalLight() lightFalloff() lightSpecular() lights() noLights() normal() pointLight() spotLight()Camera
beginCamera() camera() endCamera() frustum() ortho() perspective() printCamera() printProjection()Coordinates
modelX() modelY() modelZ() screenX() screenY() screenZ()Material Properties
ambient() emissive() shininess() specular()
Color
Setting
background() colorMode() fill() noFill() noStroke() stroke()Creating & Reading
alpha() blendColor() blue() brightness() color() green() hue() lerpColor() red() saturation()
Image
PImage
createImage()
Loading & Displaying
image() imageMode() loadImage() noTint() requestImage() tint()Pixels
blend() copy() filter() get() loadPixels() pixels[] set() updatePixels()
Typography
Loading & Displaying
createFont() loadFont() text() textFont()Attributes
textAlign() textLeading() textMode() textSize() textWidth()Metrics
textAscent() textDescent()
Math
PVector
