physical computing inst. kerem odabaşı - ytu - interactive telecomunication design dept

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

Upload: carter-bryant

Post on 26-Mar-2015

220 views

Category:

Documents


3 download

TRANSCRIPT

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

Physical ComputingPhysical Computing

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

Page 2: 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);

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

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

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

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

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

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

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

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

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

Processing Tutorial 2Variables

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

Primitivebooleanbytecharcolordoublefloatintlong

CompositeArrayArrayListHashMapObjectStringXMLElement

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

Processing Tutorial 3for()

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.

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

Processing Tutorial 3Objects

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.

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

Processing Tutorial 4“Processing - Arduino Handshake”

Download Library Files From www.arduino.cc

http://www.arduino.cc/playground/Interfacing/Processing

DownloadProcessing Library: processing-arduino-0017.zip

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

Page 11: Physical Computing 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: http://processing.org/reference/libraries/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.

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

Processing Tutorial 4“Processing - Arduino Handshake”

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