Reference
This page references all the commands available to Processing.js. Regular Javascript commands will work in Processing.js script.
The Processing.js community is working towards a 100% compatible API, allowing all native Java code to run in Javascript. Items highlighted in red are not yet implemented.
The original Processing reference can be found on the Processing website
If you encounter any problems with these commands or their documentation please file a bug
Structure
[] (array access)
= (assign)
class
, (comma)
// (comment)
{} (curly braces)
/** */ (doc comment)
. (dot)
draw()
exit()
extends
false
final
implements
import
loop()
/* */ (multiline comment)
new
noLoop()
null
() (parentheses)
popStyle()
private
public
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() while()Conditionals
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() mouseOut() mouseOver() 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
Operators
+= (add assign) + (addition) -- (decrement) / (divide) /= (divide assign) ++ (increment) - (minus) % (modulo) * (multiply) *= (multiply assign) -= (subtract assign)Bitwise Operators
& (bitwise AND) | (bitwise OR) << (left shift) >> (right shift)Calculation
abs() ceil() constrain() dist() exp() floor() lerp() log() mag() map() max() min() norm() pow() round() sq() sqrt()Trigonometry
acos() asin() atan() atan2() cos() degrees() radians() sin() tan()Random
noise() noiseDetail() noiseSeed() random() randomSeed()This reference is licensed under the CC BY-NC-SA 2.0 license:
