Processing (programming language)

From Wikipedia, the free encyclopedia
Jump to: navigation, search
Processing
Processing logo
Paradigm(s) object-oriented
Appeared in 2001; 11 years ago (2001)
Stable release 1.5.1 (May 15, 2011; 12 months ago (2011-05-15))
Typing discipline strong
Influenced by Design By Numbers, Java, OpenGL, PostScript, C
OS Cross-platform
License GPL, LGPL
Usual filename extensions .pde
Website www.processing.org

Processing is an open source programming language and integrated development environment (IDE) built for the electronic arts and visual design communities with the purpose of teaching the basics of computer programming in a visual context, and to serve as the foundation for electronic sketchbooks. The project was initiated in 2001 by Casey Reas and Benjamin Fry, both formerly of the Aesthetics and Computation Group at the MIT Media Lab. One of the stated aims of Processing is to act as a tool to get non-programmers started with programming, through the instant gratification of visual feedback. The language builds on the Java language, but uses a simplified syntax and graphics programming model.

Contents

[edit] Features

Processing logo
Processing-1.2.1.png
A screenshot of the Processing IDE
Website www.processing.org

Processing includes a sketchbook, a minimal alternative to an integrated development environment (IDE) for organizing projects.

Every Processing sketch is actually a subclass of the PApplet Java-class which implements most of the Processing language's features.

When programming in Processing, all additional classes defined will be treated as inner classes when the code is translated into pure Java before compiling. This means that the use of static variables and methods in classes is prohibited unless you explicitly tell Processing that you want to code in pure Java mode.

Processing also allows for users to create their own classes within the PApplet sketch. This allows for complex data types that can include any number of arguments and avoids the limitations of solely using standard data types such as: int (integer), char (character), float (real number), and color (RGB, ARGB, hex).

[edit] Internet Info

Accessing information from the web can be done through Processing with the use an additional library created by Daniel Shiffman called simpleML, the library is imported at the beginning of the sketch to allow access to its' resources, a simple example may look as follows:

import simpleML.*;
PFont font;
HTMLRequest r;
String html = " ";
float startTime;
float x = 0;
int interval = 15000;
boolean gotnew = false;
int America = 0;
 
void setup() {
size(600,600);
font = loadFont("Helvetica-48.vlw");
r = new HTMLRequest(this,"http://www.cnn.com");
r.makeRequest();
}
void draw(){
float now = millis();
if(now>startTime+interval){
r.makeRequest();
startTime=now;
}
if(gotnew) {
gotnew = false;
America = getMatchCount("America", html);
}
println("America: "+America);
}
void netEvent(HTMLRequest r) {
html = r.readRawSource();
gotnew = true;
}
int getMatchCount(String find, String s) {
int m =s.split(find).length;
return m-1;
}


This example will print the line, "America: #" the # indicating the number of times the word appears on the main page of cnn.com. After each fifteen second interval Processing will retrieve the information from the source page and update the println if the results have changed.

[edit] Hello World

While the Java-like command

println("Hello World!");

is a valid Hello World program in Processing, the following code is a better example of the look and feel of the language.

void setup() {
 // define the window size & enable anti-aliasing
 size(200, 200);
 smooth();
 // Set "ink" color, font, and alignment for rendering text.
 fill(0);  // Black
 // setup the font (system default sans serif)
 textFont(createFont("SansSerif",18));
 textAlign(CENTER);
 noLoop();  // draw() executes only once
}
 
void draw() {
 // Draw text to screen using the previously set font.
 text("Hello World!", width/2, height/2);
}

[edit] United States presidential election map

Output of the following example

The next example shows a map of the results of the 2008 USA presidential election. Blue denotes states won by Barack Obama, and red denotes those won by John McCain. (Note: this map does not show the Nebraska district in which Obama won an elector.)

PShape usa;
PShape state;
String [] Obama  = { "HI", "RI", "CT", "MA", "ME", "NH", "VT", "NY", "NJ",
         "FL", "NC", "OH", "IN", "IA", "CO", "NV", "PA", "DE", "MD", "MI",
         "WA", "CA", "OR", "IL", "MN", "WI", "DC", "NM", "VA" };
 
String [] McCain = { "AK", "GA", "AL", "TN", "WV", "KY", "SC", "WY", "MT",
         "ID", "TX", "AZ", "UT", "ND", "SD", "NE", "MS", "MO", "AR", "OK",
         "KS", "LA" };
 
void setup() {
  size(950, 600);
  // The file Blank_US_Map.svg can be found at Wikimedia Commons
  usa = loadShape("http://upload.wikimedia.org/wikipedia/commons/3/32/Blank_US_Map.svg");
  smooth(); // Improves the drawing quality of the SVG
  noLoop();
}
 
void draw() {
  background(255);
  // Draw the full map
  shape(usa, 0, 0);
  // Blue denotes states won by Obama
  statesColoring(Obama , color(0, 0, 255));
  // Red  denotes states won by McCain
  statesColoring(McCain, color(255, 0, 0));
  // Save the map as image
  saveFrame("map output.png");
}
 
void statesColoring(String[] states, int c){
  for (int i = 0; i < states.length; ++i) {
    PShape state = usa.getChild(states[i]);
    // Disable the colors found in the SVG file
    state.disableStyle();
    // Set our own coloring
    fill(c);
    noStroke();
    // Draw a single state
    shape(state, 0, 0);
  }
}

[edit] Related projects

[edit] Design By Numbers

Processing was based on the original work done on Design By Numbers project in MIT. It shares many of the same ideas and is a direct child of that experiment.

[edit] Wiring, Arduino, and Fritzing

Processing has spawned another project, Wiring, which uses the Processing IDE with a simplified version of the C++ language as a way to teach artists how to program microcontrollers. There are now two separate hardware projects, Wiring and Arduino, using the Wiring environment and language. Fritzing is another software environment of the same sort, which helps designers and artists to document their interactive prototypes and to take the step from physical prototyping to actual product.

[edit] Mobile Processing

Another spin-off project, Mobile Processing by Francis Li, allows software written using the Processing language and environment to run on Java powered mobile devices.

[edit] Processing.js

Main article: Processing.js

In 2008, John Resig ported Processing to JavaScript using the Canvas element for rendering,[1] allowing Processing to be used in modern web browsers without the need for a Java plugin. Since then, the open source community including students at Seneca College have taken over the project.

[edit] iProcessing

iProcessing was built to help people develop native iPhone applications using the Processing language. It is an integration of the Processing.js library and a Javascript application framework for iPhone.

[edit] Spde

Spde (standing for Scala Processing Development Environment) replaces Processing's reduced Java syntax and custom preprocessor with the off-the-shelf Scala language which also runs on the Java platform and enforces some of the same restrictions such as disallowing static methods, while also allowing more concise code, and supporting functional programming.[2][3][4][5]

[edit] Quil

Quil (formerly named clj-processing) is a wrapper for Processing in the Clojure language, a Lisp that runs on the Java platform.[6]

[edit] Processing Monsters

Processing Monsters is a project by Lukas Vojir intended to help people learn the language in an entertaining fashion. The monsters are simple graphical programs that are only black and white and are mouse reactive. As of May 3, 2010, 70 monsters are featured on Vojir's site.[7]

[edit] Awards

In 2005 Reas and Fry won the prestigious Golden Nica award from Ars Electronica in its Net Vision category for their work on Processing.

Ben Fry won the 2011 National Design Award given by the Smithsonian Cooper-Hewitt National Design Museum in the category of Interaction Design. The award statement says:

"Drawing on a background in graphic design and computer science, Ben Fry pursues a long-held fascination with visualizing data. As Principal of Fathom Information Design in Boston, Fry develops software, printed works, installations, and books that depict and explain topics from the human genome to baseball salaries to the evolution of text documents. With Casey Reas, he founded the Processing Project, an open-source programming environment for teaching computational design and sketching interactive-media software. It provides artists and designers with accessible means of working with code while encouraging engineers and computer scientists to think about design concepts."

[edit] License

Processing's core libraries, the code included in exported applications and applets, is licensed under the GNU Lesser General Public License, allowing users to release their original code with a choice of license.

The IDE is licensed under the GNU General Public License.

[edit] Name

Originally, Processing had the URL at proce55ing.org, because the processing domain was taken. Eventually, however, Reas and Fry acquired the domain. Although the name had a combination of letters and numbers, it was still pronounced processing. They do not prefer the environment being referred to as Proce55ing. But, despite the name change, Processing still uses the term p5 sometimes as a shortened name. However, they specifically use p5 and not p55.

[edit] See also

Portal icon Free software portal

[edit] Footnotes

  1. ^ John Resig - Processing.js
  2. ^ http://technically.us/spde/About
  3. ^ http://technically.us/code/x/runaway-processing/
  4. ^ http://technically.us/code/x/flocking-with-spde/
  5. ^ http://processing.org/discourse/yabb2/YaBB.pl?num=1219975973
  6. ^ http://github.com/quil/quil
  7. ^ Processing Monsters, by Lukas Vojir

[edit] References

[edit] External links

Retrieved from "http://en.wikipedia.org/w/index.php?title=Processing_(programming_language)&oldid=494092075"
Personal tools
Namespaces

Variants
Actions
Navigation
Interaction
Toolbox
Print/export
Languages