Skip to content

Navigation Menu

Appearance settings

Explore
By company size
By use case
By industry
View all solutions
Topics
- AI
- DevOps
- Security
- Software Development
- View all
Explore
- GitHub Sponsors
  Fund open source developers
- The ReadME Project
  GitHub community articles
Repositories
- Enterprise platform
  AI-powered developer platform
Available add-ons
Pricing

Search code, repositories, users, issues, pull requests...

Search

Clear

Search syntax tips

Provide feedback

We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Saved searches

Use saved searches to filter your results more quickly

Name

Query

To see all available qualifiers, see our documentation.

Appearance settings

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

This repository was archived by the owner on Oct 23, 2023. It is now read-only.

bhavjitChauhan / post-processing Public archive

Notifications You must be signed in to change notification settings
Fork 0
Star 2

Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights

Additional navigation options

Code
Issues
Pull requests
Actions
Projects
Wiki
Security
Insights

Roadmap

Jump to bottom

Bhavjit Chauhan edited this page Jun 20, 2022 · 7 revisions

All Processing.js methods and properties are taken from the legacy Processing reference. The names have been changed to reflect as they appear in Processing.js. For convenience, links to a webpage generated from the JSDoc comments in Processing.js' source and the p5.js reference are also included.

Currently, Post-Processing does not have any plans to support 2D primitives in 3D contexts.

Environment
- cursor() (Processing) (Processing.js) (p5.js)
- focused (Processing) (Processing.js) (p5.js)
- frameCount (Processing) (Processing.js) (p5.js)
- frameRate() (Processing) (Processing.js) (p5.js)
- frameRate (Processing) (Processing.js) (p5.js)
- height (Processing) (Processing.js) (p5.js)
- noCursor() (Processing) (Processing.js) (p5.js)
- online (Processing) (Processing.js) (p5.js)
- screen (Processing) (Processing.js) (p5.js)
- width (Processing) (Processing.js) (p5.js)
Data
- Conversion
  - binary() (Processing) (Processing.js) (p5.js)
  - parseBoolean() (Processing) (Processing.js) (p5.js)
  - parseByte() (Processing) (Processing.js) (p5.js)
  - parseChar() (Processing) (Processing.js) (p5.js)
  - parseFloat() (Processing) (Processing.js) (p5.js)
  - hex() (Processing) (Processing.js) (p5.js)
  - parseInt() (Processing) (Processing.js) (p5.js)
  - str() (Processing) (Processing.js) (p5.js)
  - unbinary() (Processing) (Processing.js) (p5.js)
  - unhex() (Processing) (Processing.js) (p5.js)
- String Functions
  - join() (Processing) (Processing.js) (p5.js)
  - match() (Processing) (Processing.js) (p5.js)
  - matchAll() (Processing) (Processing.js) (p5.js)
  - nf() (Processing) (Processing.js) (p5.js)
  - nfc() (Processing) (Processing.js) (p5.js)
  - nfp() (Processing) (Processing.js) (p5.js)
  - nfs() (Processing) (Processing.js) (p5.js)
  - split() (Processing) (Processing.js) (p5.js)
  - splitTokens() (Processing) (Processing.js) (p5.js)
  - trim() (Processing) (Processing.js) (p5.js)
- Array Functions
  - append() (Processing) (Processing.js) (p5.js)
  - arrayCopy() (Processing) (Processing.js) (p5.js)
  - concat() (Processing) (Processing.js) (p5.js)
  - expand() (Processing) (Processing.js) (p5.js)
  - reverse() (Processing) (Processing.js) (p5.js)
  - shorten() (Processing) (Processing.js) (p5.js)
  - sort() (Processing) (Processing.js) (p5.js)
  - splice() (Processing) (Processing.js) (p5.js)
  - subset() (Processing) (Processing.js) (p5.js)
Shape
- 2D Primitives
  - arc() (Processing) (Processing.js) (p5.js)
  - ellipse() (Processing) (Processing.js) (p5.js) (circle() p5.js)
  - line() (Processing) (Processing.js) (p5.js)
  - point() (Processing) (Processing.js) (p5.js)
  - quad() (Processing) (Processing.js) (p5.js)
  - rect() (Processing) (Processing.js) (p5.js) (square() p5.js)
  - triangle() (Processing) (Processing.js) (p5.js)
- Curves
  - bezier() (Processing) (Processing.js) (p5.js)
  - bezierDetail() (Processing) (Processing.js) (p5.js)
  - bezierPoint() (Processing) (Processing.js) (p5.js)
  - bezierTangent() (Processing) (Processing.js) (p5.js)
  - curve() (Processing) (Processing.js) (p5.js)
  - curveDetail() (Processing) (Processing.js) (p5.js)
  - curvePoint() (Processing) (Processing.js) (p5.js)
  - curveTangent() (Processing) (Processing.js) (p5.js)
  - curveTightness() (Processing) (Processing.js) (p5.js)
- 3D Primitives
  - box() (Processing) (Processing.js) (p5.js)
  - sphere() (Processing) (Processing.js) (p5.js)
  - sphereDetail() (Processing) (Processing.js) (p5.js)
- Attributes
  - ellipseMode() (Processing) (Processing.js) (p5.js)
  - noSmooth() (Processing) (Processing.js) (p5.js)
  - rectMode() (Processing) (Processing.js) (p5.js)
  - smooth() (Processing) (Processing.js) (p5.js)
  - strokeCap() (Processing) (Processing.js) (p5.js)
  - strokeJoin() (Processing) (Processing.js) (p5.js)
  - strokeWeight() (Processing) (Processing.js) (p5.js)
- Vertex
  - beginShape() (Processing) (Processing.js) (p5.js)
  - bezierVertex() (Processing) (Processing.js) (p5.js)
  - curveVertex() (Processing) (Processing.js) (p5.js)
  - endShape() (Processing) (Processing.js) (p5.js)
  - texture() (Processing) (Processing.js) (p5.js)
  - textureMode() (Processing) (Processing.js) (p5.js)
  - vertex() (Processing) (Processing.js) (p5.js)
- Loading & Displaying
  - loadShape() (Processing) (Processing.js)
  - shape() (Processing) (Processing.js)
  - shapeMode() (Processing) (Processing.js)
Input
- Mouse
  - mouseButton (Processing) (Processing.js) (p5.js)
  - mouseClicked() (Processing) (Processing.js) (p5.js)
  - mouseDragged() (Processing) (Processing.js) (p5.js)
  - mouseMoved() (Processing) (Processing.js) (p5.js)
  - mouseOut() (Processing) (Processing.js) (p5.js)
  - mouseOver() (Processing) (Processing.js) (p5.js)
  - mousePressed() (Processing) (Processing.js) (p5.js)
  - mousePressed (Processing) (Processing.js) (p5.js)
  - mouseReleased() (Processing) (Processing.js) (p5.js)
  - mouseX (Processing) (Processing.js) (p5.js)
  - mouseY (Processing) (Processing.js) (p5.js)
  - pmouseX (Processing) (Processing.js) (p5.js)
  - pmouseY (Processing) (Processing.js) (p5.js)
- Keyboard
  - key (Processing) (Processing.js) (p5.js)
  - keyCode (Processing) (Processing.js) (p5.js)
  - keyPressed() (Processing) (Processing.js) (p5.js)
  - keyPressed (Processing) (Processing.js) (p5.js)
  - keyReleased() (Processing) (Processing.js) (p5.js)
  - keyTyped() (Processing) (Processing.js) (p5.js)
- Files
  - createInput() (Processing) (Processing.js) (p5.js)
  - loadBytes() (Processing) (Processing.js) (p5.js)
  - loadStrings() (Processing) (Processing.js) (p5.js)
  - open() (Processing) (Processing.js) (p5.js)
  - selectFolder() (Processing) (Processing.js) (p5.js)
  - selectInput() (Processing) (Processing.js) (p5.js)
- Web
  - link() (Processing) (Processing.js) (p5.js)
  - param() (Processing) (Processing.js) (p5.js)
  - status() (Processing) (Processing.js) (p5.js)
- Time & Date
  - day() (Processing) (Processing.js) (p5.js)
  - hour() (Processing) (Processing.js) (p5.js)
  - millis() (Processing) (Processing.js) (p5.js)
  - minute() (Processing) (Processing.js) (p5.js)
  - month() (Processing) (Processing.js) (p5.js)
  - second() (Processing) (Processing.js) (p5.js)
  - year() (Processing) (Processing.js) (p5.js)
Output
- Text Area
  - print() (Processing) (Processing.js) (p5.js)
  - println() (Processing) (Processing.js) (p5.js)
- Image
  - save() (Processing) (Processing.js) (p5.js)
  - saveFrame() (Processing) (Processing.js) (p5.js)
- Files
  - saveStrings() (Processing) (Processing.js) (p5.js)
Transform
- applyMatrix() (Processing) (Processing.js) (p5.js)
- popMatrix() (Processing) (Processing.js) (p5.js)
- printMatrix() (Processing) (Processing.js) (p5.js)
- pushMatrix() (Processing) (Processing.js) (p5.js)
- resetMatrix() (Processing) (Processing.js) (p5.js)
- rotate() (Processing) (Processing.js) (p5.js)
- rotateX() (Processing) (Processing.js) (p5.js)
- rotateY() (Processing) (Processing.js) (p5.js)
- rotateZ() (Processing) (Processing.js) (p5.js)
- scale() (Processing) (Processing.js) (p5.js)
- translate() (Processing) (Processing.js) (p5.js)

Lights, Camera
- Lights
  - ambientLight() (Processing) (Processing.js) (p5.js)
  - directionalLight() (Processing) (Processing.js) (p5.js)
  - lightFalloff() (Processing) (Processing.js) (p5.js)
  - lightSpecular() (Processing) (Processing.js) (p5.js)
  - lights() (Processing) (Processing.js) (p5.js)
  - noLights() (Processing) (Processing.js) (p5.js)
  - normal() (Processing) (Processing.js) (p5.js)
  - pointLight() (Processing) (Processing.js) (p5.js)
  - spotLight() (Processing) (Processing.js) (p5.js)
- Camera
  - beginCamera() (Processing) (Processing.js) (p5.js)
  - camera() (Processing) (Processing.js) (p5.js)
  - endCamera() (Processing) (Processing.js) (p5.js)
  - frustum() (Processing) (Processing.js) (p5.js)
  - ortho() (Processing) (Processing.js) (p5.js)
  - perspective() (Processing) (Processing.js) (p5.js)
  - printCamera() (Processing) (Processing.js) (p5.js)
  - printProjection() (Processing) (Processing.js) (p5.js)
- Coordinates
  - modelX() (Processing) (Processing.js) (p5.js)
  - modelY() (Processing) (Processing.js) (p5.js)
  - modelZ() (Processing) (Processing.js) (p5.js)
  - screenX() (Processing) (Processing.js) (p5.js)
  - screenY() (Processing) (Processing.js) (p5.js)
  - screenZ() (Processing) (Processing.js) (p5.js)
- Material Properties
  - ambient() (Processing) (Processing.js) (p5.js)
  - emissive() (Processing) (Processing.js) (p5.js)
  - shininess() (Processing) (Processing.js) (p5.js)
  - specular() (Processing) (Processing.js) (p5.js)

Color
- Setting
  - background() (Processing) (Processing.js) (p5.js)
  - colorMode() (Processing) (Processing.js) (p5.js)
  - fill() (Processing) (Processing.js) (p5.js)
  - noFill() (Processing) (Processing.js) (p5.js)
  - noStroke() (Processing) (Processing.js) (p5.js)
  - stroke() (Processing) (Processing.js) (p5.js)
- Creating & Reading
  - alpha() (Processing) (Processing.js) (p5.js)
  - blendColor() (Processing) (Processing.js) (p5.js)
  - blue() (Processing) (Processing.js) (p5.js)
  - brightness() (Processing) (Processing.js) (p5.js)
  - color() (Processing) (Processing.js) (p5.js)
  - green() (Processing) (Processing.js) (p5.js)
  - hue() (Processing) (Processing.js) (p5.js)
  - lerpColor() (Processing) (Processing.js) (p5.js)
  - red() (Processing) (Processing.js) (p5.js)
  - saturation() (Processing) (Processing.js) (p5.js)
Image
- PImage (Processing) (Processing.js) (p5.js)
- createImage() (Processing) (Processing.js) (p5.js)
- Loading & Displaying
  - image() (Processing) (Processing.js) (p5.js)
  - imageMode() (Processing) (Processing.js) (p5.js)
  - loadImage() (Processing) (Processing.js) (p5.js)
  - noTint() (Processing) (Processing.js) (p5.js)
  - requestImage() (Processing) (Processing.js) (p5.js)
  - tint() (Processing) (Processing.js) (p5.js)
- Pixels
  - blend() (Processing) (Processing.js) (p5.js)
  - copy() (Processing) (Processing.js) (p5.js)
  - filter() (Processing) (Processing.js) (p5.js)
  - get() (Processing) (Processing.js) (p5.js)
  - loadPixels() (Processing) (Processing.js) (p5.js)
  - pixels[] (Processing) (Processing.js) (p5.js)
  - set() (Processing) (Processing.js) (p5.js)
  - updatePixels() (Processing) (Processing.js) (p5.js)
Rendering
- PGraphics (Processing) (Processing.js) (p5.js)
- createGraphics() (Processing) (Processing.js) (p5.js)
- hint() (Processing) (Processing.js) (p5.js)
Typography
- PFont (Processing) (Processing.js) (p5.js)
- Loading & Displaying
  - createFont() (Processing) (Processing.js) (p5.js)
  - loadFont() (Processing) (Processing.js) (p5.js)
  - text() (Processing) (Processing.js) (p5.js)
  - textFont() (Processing) (Processing.js) (p5.js)
- Attributes
  - textAlign() (Processing) (Processing.js) (p5.js)
  - textLeading() (Processing) (Processing.js) (p5.js)
  - textMode() (Processing) (Processing.js) (p5.js)
  - textSize() (Processing) (Processing.js) (p5.js)
  - textWidth() (Processing) (Processing.js) (p5.js)
- Metrics
  - textAscent() (Processing) (Processing.js) (p5.js)
  - textDescent() (Processing) (Processing.js) (p5.js)
Math
- Calculation
  - abs() (Processing) (Processing.js) (p5.js)
  - ceil() (Processing) (Processing.js) (p5.js)
  - constrain() (Processing) (Processing.js) (p5.js)
  - dist() (Processing) (Processing.js) (p5.js)
  - exp() (Processing) (Processing.js) (p5.js)
  - floor() (Processing) (Processing.js) (p5.js)
  - lerp() (Processing) (Processing.js) (p5.js)
  - log() (Processing) (Processing.js) (p5.js)
  - mag() (Processing) (Processing.js) (p5.js)
  - map() (Processing) (Processing.js) (p5.js)
  - max() (Processing) (Processing.js) (p5.js)
  - min() (Processing) (Processing.js) (p5.js)
  - norm() (Processing) (Processing.js) (p5.js)
  - pow() (Processing) (Processing.js) (p5.js)
  - round() (Processing) (Processing.js) (p5.js)
  - sq() (Processing) (Processing.js) (p5.js)
  - sqrt() (Processing) (Processing.js) (p5.js)
- Trigonometry
  - acos() (Processing) (Processing.js) (p5.js)
  - asin() (Processing) (Processing.js) (p5.js)
  - atan() (Processing) (Processing.js) (p5.js)
  - atan2() (Processing) (Processing.js) (p5.js)
  - cos() (Processing) (Processing.js) (p5.js)
  - degrees() (Processing) (Processing.js) (p5.js)
  - radians() (Processing) (Processing.js) (p5.js)
  - sin() (Processing) (Processing.js) (p5.js)
  - tan() (Processing) (Processing.js) (p5.js)
- Random
  - noise() (Processing) (Processing.js) (p5.js)
  - noiseDetail() (Processing) (Processing.js) (p5.js)
  - noiseSeed() (Processing) (Processing.js) (p5.js)
  - random() (Processing) (Processing.js) (p5.js)
  - randomSeed() (Processing) (Processing.js) (p5.js)
Constants
- HALF_PI (Processing) (Processing.js) (p5.js)
- PI (Processing) (Processing.js) (p5.js)
- QUARTER_PI (Processing) (Processing.js) (p5.js)
- TWO_PI (Processing) (Processing.js) (p5.js)
Other
- angleMode (p5.js)

Toggle table of contents Pages 2

Home
Roadmap

Clone this wiki locally

Footer

© 2025 GitHub, Inc.

Footer navigation

Terms
Privacy
Security
Status
Docs
Contact

You can’t perform that action at this time.