Physical Computing INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.

Processing Tutorial 1 Getting Started INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. The Processing equivalent of a "Hello World" program is simply to draw a line: line(35, 25, 70, 90);

Processing Tutorial 1 Getting Started INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. Static programming command lines size(400, 400); background(192, 64, 0); stroke(255); line(150, 25, 270, 350);

Processing Tutorial 1 Getting Started INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. Interactive Programming, adding setup(), draw() and HELLO MOUSE void setup() { size(400, 400); stroke(255); background(192, 64, 0); } void draw() { line(150, 25, mouseX, mouseY); }

Processing Tutorial 1 Getting Started INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. Interactive Programming, adding setup(), draw() and HELLO MOUSE void setup() { size(400, 400); stroke(255); background(192, 64, 0); } void draw() { background(192, 64, 0); line(150, 25, mouseX, mouseY); }

Processing Tutorial 1 Getting Started INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. Interactive Programming, adding setup() and draw() and HELLO MOUSE void setup() { size(400, 400); stroke(255); background(192, 64, 0); } void draw() { line(150, 25, mouseX, mouseY); } void mousePressed() { background(192, 64, 0); }

Processing Tutorial 2 Variables tutorial2 Variable Declaration: int var; // type name Variable Initialization: var = 10; // var equals 10 Using Variable: var = var+1; INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept. Data Primitive boolean byte char color double float int long Composite Array ArrayList HashMap Object String XMLElement

Processing Tutorial 3 for() void setup() { size(470, 200); println(Hello World); } void draw() { background(off); stroke(on); for (int i = 0; i <= 13; i++) { rect(420 - i * 30, 30, 20, 20); } INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.

Processing Tutorial 3 Objects tutorial3. Human data * Height. * Weight. * Gender. * Eye color. * Hair color. Human functions * Sleep. * Wake up. * Eat. * Ride some form of transportation. INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.

Processing Tutorial 4 Processing - Arduino Handshake Download Library Files From Download Processing Library: processing-arduino-0017.zip processing-arduino-0017.zip INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.

Processing Tutorial 4 Processing - Arduino Handshake Instructions Unzip the library and copy the "arduino" folder into the "libraries" sub-folder of your Processing Sketchbook. (You can find the location of your Sketchbook by opening the Processing Preferences. If you haven't made a "libraries" sub-folder, create one.) Run Arduino, open the Examples > Firmata > StandardFirmata sketch, and upload it to the Arduino board. Configure Processing for serial: In Processing, open one of the examples that comes with with the Arduino library. Edit the example code to select the correct serial port. Run the example.Run the example. INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.

Processing Tutorial 4 Processing - Arduino Handshake INST. Kerem Odabaşı - YTU - Interactive Telecomunication Design Dept.