# Processing

{% embed url="<https://Processing.org>" %}

### **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.&#x20;
* **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**

{% embed url="<https://codepen.io/kdoore/professor/WNxeGVz>" %}

### Overview: Processing Development Environment (PDE)

* [**Download Processing**](https://processing.org/download/)
* **Install Processing**
* **Open the Processing Application** -&#x20;
  * opens by creating a new sketch
  * save the sketch with a meaningful name.
* [**Processing.org Documentation:**](https://processing.org/reference/)  Reference, Examples, Tutorials
* **Installing Tools, Libraries, Modes, Examples**
  * **Extended Code Completion**
  * **Reference Tool**
  * **Examples: Learning Processing, others**

{% embed url="<https://processing.org/reference/>" %}

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);
}
```

![Processing Development Environment: Executes to generate the sketch canvas](/files/-MRfsuPsbVOO1dhkc6bP)

![Install Tools:  Menu: Tools > Add Tool](/files/-MRq255sOu0A5QGbmAt4)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://kdoore.gitbook.io/cs1335/getting-started/processing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.