Processing

Processing: a language, a library, a development platform

  • Created by Ben Fry, Casey Reas at MIT MediaLab under direction of John Maeda - 2001

  • There are multiple different language versions of Processing.

  • The Java version that we'll learn in this course is the 'original' version

  • Khan Academy uses an unofficial javascript language version of Processing

  • P5.js: Official Javascript version of Processing - Includes functionality to create and modify html. Ideal for using on web pages

  • Codepen.io - Online Code Editor - Useful for learning P5.js

Overview: Processing Development Environment (PDE)

  • Download Processing

  • Install Processing

  • Open the Processing Application -

    • opens by creating a new sketch

    • save the sketch with a meaningful name.

  • Processing.org Documentation: Reference, Examples, Tutorials

  • Installing Tools, Libraries, Modes, Examples

    • Extended Code Completion

    • Reference Tool

    • Examples: Learning Processing, others

Paste the following code into the code editor: then push the play button

int xPos;
void setup() { 
  size(800, 400);
  xPos = 0;
} 

void draw() { 
  background(100,50,255);
  fill(100, 255, 255);//cyan
  rect( (xPos += 5)% width, 50, 50,50);
  textSize( 30);
  text("Example of using java processing", 100,200);
}
PreviousInspirationNextPDE - Code Editor

Last updated