PROCESSING programmierenvironment fr visuell orientierte interaktive applikationen I
- Slides: 55
PROCESSING programmierenvironment für visuell orientierte, interaktive applikationen I. Dezember 2009 www. processing. org
Warum selbst programmieren? kreativere lösungen ökonomischer politisch korrekt zugänglich mehr verständnis I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
2 I. Dezember 2009 www. processing. org
Java basiert size(400, 400); background(192, 64, 0); stroke(255); line(150, 25, 270, 350); I. Dezember 2009 www. processing. org
void setup() { size(400, 400); stroke(255); background(192, 64, 0); } void draw() { line(150, 25, mouse. X, mouse. Y); } I. Dezember 2009 www. processing. org
hintergrund neu zeic hn en void setup() { size(400, 400); stroke(255); } void draw() { line(150, 25, mouse. X, mouse. Y); } void mouse. Pressed() { background(255, 247, 3); } I. Dezember 2009 www. processing. org
export File → Export Application File → Export Öffne index. html um den sketch im browser zu sehen save. Frame("output. png") I. Dezember 2009 www. processing. org
size(400, 400); // falsche art die position anzugeben ellipse(200, 50, 50); // immer in der mitte, egal wie sich die size() line verändert ellipse(width/2, height/2, 50); I. Dezember 2009 www. processing. org
size(400, JAVA 2 D); size(400, P 3 D); size(400, OPENGL); size(400, PDF, "output. pdf"); I. Dezember 2009 www. processing. org
// JPEGs hineinladen // daten von einer datei hineinladen String[] lines = load. Strings(„irgendein. txt"); PImage image = load. Image(„mein. Bild. jpg"); I. Dezember 2009 www. processing. org
libraries Sketch → Import Library → PDF Export I. Dezember 2009 www. processing. org
Primitives Float (32 bit information) (floating-point numbers: 3. 40282347 E+38) Int (32 bit) numbers without a decimal point: -2, 147, 483, 647 Bol (true or flase) Char (Each char is two bytes (16 bits) (typographic symbols such as A, d, and $) I. Dezember 2009 www. processing. org
object-oriented programming (OOP) : : Objekte haben Eigenschaften und Funktionen : : sie werden über „Klassen“ “classes“ definiert : : Die class ist die Keksform, der Keks ist das object I. Dezember 2009 www. processing. org
Beispiel „cars“ pseudo code normal Data (Global Variables): Auto Farbe Auto x Position Auto y Position Auto x Geschwindigkeit Setup: Initialisiere Auto Farbe. Initialisiere Auto Standort am Anfang. Initialisiere Auto Geschwindigkeit Draw: Füll den Hintergrund Zeig das Auto am richtigen Ort mit der richtigen Farbe Verändere die Autoposition mit der richitgen Geschwindigkeit I. Dezember 2009 www. processing. org
color c = color(0); float x = 0; float y = 100; float speed = 1; void setup() { size(200, 200); } void draw() { background(255); move(); display(); } void move() { x = x + speed; if (x > width) { x = 0; } } void display() { fill(c); rect(x, y, 30, 10); } I. Dezember 2009 www. processing. org
Pseudo code object orientiert Data (Global Variables): Auto Objekt. Setup: Initialisiere Auto Objekt. Draw: Füll den Hintergrund Zeig das Auto Objekt. Bewege das Auto Objekt. I. Dezember 2009 www. processing. org
http: //processing. org/learning/objects/ I. Dezember 2009 www. processing. org
Car my. Car; void setup() { my. Car = new Car(); } void draw() { background(255); my. Car. move(); my. Car. display(); } I. Dezember 2009 www. processing. org
CLASS-ELEMENTE 1. name - mach keksform class car { 2. Data - 3. Constructor - mach den keks Car my. Car = new Car(); " nenne variablen 4. methods definier die funktionen durch methods I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
Class ist ein block, den du überall hinstellen kannst, solange er außerhalb von setup () und draw () ist void setup() { } void draw() { } class Car { } I. Dezember 2009 www. processing. org
// Step 1. Deklariere das Objekt Car my. Car; void setup() { // Step 2. Initialisiere das Objekt. my. Car = new Car(); } void draw() { background(255); // Step 3. Rufe die Funktionen des Objekts auf my. Car. move(); my. Car. display(); } I. Dezember 2009 www. processing. org
1. Objekt Variable deklarieren Car my. Car; I. Dezember 2009 www. processing. org
Primitives v. s. compex data types komplexen Datentypen, weil sie mehrere Informationen beinhalten (die Daten und Funktionalitäten. Primitive speichern nur Daten) I. Dezember 2009 www. processing. org
Objekt initialisieren Wenn man eine normale primitive Variable (zum Beispiel eine integer) initiert gibst du ihr einfach einen Wert: // Variable Initialization var = 10; // var equals 10 Um ein Objekt zu initialisieren, muss du etwas mehr tun, nicht nur Wert zu weisen, sondern als ganzes konstruieren „construct“. Du konstruierst ein Objekt mit dem neuen Operator // Object Initialization my. Car = new Car(); // The new operator is used to make a new object. "my. Car" ist der Objektname "=„ zeigt an, dass wir etwas neues kreieren, ein neues Keksobjekt, der constructor ruft eine spezielle Funktion namens Car() auf. Diese Funktion initialisiert automatisch alle Variablen des Objekts. Sie bekommen den Wert null, der aber überhaupt nicht „ 0“ heißt, sondern einfach gar nichts. Leere. Die Fehlermeldung "Null. Pointer. Exception" kommt meist daher, dass du vergessen hast das Objekt zu initialisieren. I. Dezember 2009 www. processing. org
Nützung des Objekts Autos fahren, Blumen wachsen, Sonnen strahlen: spezielle Objekte haben spezielle Funktionen syntax: variable. Name. object. Function(Function Arguments); // Functions are called with the "dot syntax". my. Car. draw(); my. Car. display(); I. Dezember 2009 www. processing. org
constructor für mehere objekte nützen Car my. Car = new Car(color(255, 0, 0), 0, 100, 2); I. Dezember 2009 www. processing. org
ARGUMENTS Arguments sind lokale Variablen, die nur im Inneren einer Funktion verwendet werden und mit Werten gefüllt werden, wenn die Funktion aufgerufen wird. I. Dezember 2009 www. processing. org
Sie haben nur einen Zweck: Die Variablen in einem Objekt zu initialisieren. Das sind die wichtigen Variablen, die eigentliche Farbe oder die temporäre Position des Autos beinhalten. Die „Arguments“ des „constructors“ sind nur temporär und existieren nur um den Wert vom Entstehungsort des Objekts zum Objekt selbst weiterzuleiten. I. Dezember 2009 www. processing. org
ARGUMENTS Car(color temp. C, float temp. Xpos, float temp. Ypos, float temp. Xspeed) { c = temp. C; xpos = temp. Xpos; ypos = temp. Ypos; xspeed = temp. Xspeed; } I. Dezember 2009 www. processing. org
durch diese „arguments“ kannst du mit dem selben constructor viele verschiedene objekte herstellen I. Dezember 2009 www. processing. org
ganzer code: http: //www. learningprocessing. com/example s/chapter-8/example-8 -2/ I. Dezember 2009 www. processing. org
PROCESSING MIT ARDUINO VERBINDEN I. Dezember 2009 www. processing. org
Beispiel Code Examples- Libraries- Serial – Serial call and response- I. Dezember 2009 www. processing. org
schaltkreis int first. Sensor = 0; // first analog sensor int second. Sensor = 0; // second analog sensor int third. Sensor = 0; // digital sensor int in. Byte = 0; // incoming serial byte I. Dezember 2009 www. processing. org
import processing. serial. *; int bgcolor; // Background color int fgcolor; // Fill color Serial my. Port; // The serial port int[] serial. In. Array = new int[3]; // Where we'll put what we receive int serial. Count = 0; // A count of how many bytes we receive int xpos, ypos; // Starting position of the ball boolean first. Contact = false; // Whether we've heard from the microcontroller void setup() { size(256, 256); // Stage size no. Stroke(); // No border on the next thing drawn xpos = width/2; // Set the starting position of the ball (middle of the stage) ypos = height/2; println(Serial. list()); // Print a list of the serial ports, for debugging purposes String port. Name = Serial. list()[0]; my. Port = new Serial(this, port. Name, 9600); } void draw() { background(bgcolor); fill(fgcolor); // Draw the shape ellipse(xpos, ypos, 20); } void serial. Event(Serial my. Port) { // read a byte from the serial port: int in. Byte = my. Port. read(); // if this is the first byte received, and it's an A, // clear the serial buffer and note that you've // had first contact from the microcontroller. // Otherwise, add the incoming byte to the array: if (first. Contact == false) { if (in. Byte == 'A') { my. Port. clear(); // clear the serial port buffer first. Contact = true; // you've had first contact from the microcontroller my. Port. write('A'); // ask for more } } else { serial. In. Array[serial. Count] = in. Byte; serial. Count++; // If we have 3 bytes: if (serial. Count > 2 ) { xpos = serial. In. Array[0]; ypos = serial. In. Array[1]; fgcolor = serial. In. Array[2]; println(xpos + "t" + ypos + "t" + fgcolor); my. Port. write('A'); serial. Count = 0; } } } I. Dezember 2009 www. processing. org processing code
int first. Sensor = 0; // first analog sensor int second. Sensor = 0; // second analog sensor int third. Sensor = 0; // digital sensor int in. Byte = 0; // incoming serial byte void setup() { // start serial port at 9600 bps: Serial. begin(9600); pin. Mode(2, INPUT); // digital sensor is on digital pin 2 establish. Contact(); // send a byte to establish contact until Processing responds } void loop() { // if we get a valid byte, read analog ins: if (Serial. available() > 0) { in. Byte = Serial. read(); first. Sensor = analog. Read(0)/4; delay(10); second. Sensor = analog. Read(1)/4; third. Sensor = 100 + (155 * digital. Read(2)); Serial. print(first. Sensor, BYTE); Serial. print(second. Sensor, BYTE); Serial. print(third. Sensor, BYTE); // get incoming byte: // read first analog input, divide by 4 to make the range 0 -255: // delay 10 ms to let the ADC recover: // read second analog input, divide by 4 to make the range 0 -255: // read switch, multiply by 155 and add 100 // so that you're sending 100 or 255: // send sensor values: } } void establish. Contact() { while (Serial. available() <= 0) { Serial. print('A', BYTE); // send a capital A delay(300); } } I. Dezember 2009 Arduino code www. processing. org
Zur Erinnerung : I. Dezember 2009 www. processing. org
Wichtig für selbstgemachte sensoren: I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
LÖTEN Rule #1: Die beiden zu verbindenen Teile festklemmen (helping hands) I. Dezember 2009 www. processing. org
Rule #2: verwende den lötkolben solange er die richtige temperatur hat I. Dezember 2009 www. processing. org
Rule #3: erhitze den zu lötenden teil, nicht den lötdraht I. Dezember 2009 www. processing. org
Rule #4: überprüfe die verbindung unter einem vergrößerungsglas I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
cold joints I. Dezember 2009 www. processing. org
Tutorial http: //www. learningprocessing. com/ I. Dezember 2009 www. processing. org
Arduina und Processing verbinden Processing sends a byte out the serial port, and reads 3 bytes in. Sets foregound color, xpos, and ypos of a circle onstage using the values returned from the serial port of the Arduina I. Dezember 2009 www. processing. org
I. Dezember 2009 www. processing. org
Kopiert bitte den Arduino Code, der unter dem Processing Code auskommentiert wurde, ins Arduino Fenster. I. Dezember 2009 www. processing. org
- Visuell beskrivning
- Visuell kultur definition
- Frode eika sandnes
- Visuell räumlicher lerntyp
- Visuell beskrivning
- Kognitivizmi
- Interaktive unterweisung
- Metoda te mesimdhenies
- Image enhancement point processing techniques
- Morphological processing in digital image processing
- Bottom-up processing example
- Parallel processing vs concurrent processing
- Histogram processing in digital image processing
- Bottom up vs top down psychology
- Neighborhood processing in image processing
- Nonlinear image processing
- Bottom up processing example
- Interactive processing
- Secondary processing
- Point processing in image processing
- Bottom up processing vs top down processing
- Erp implementation and transaction processing system
- Igolgi inc
- Cognitive information processing theory
- Difference between doppler and duplex
- Ipp image processing
- Graphics processing unit
- Straight through processing swift
- Fast data cover
- Buy nlu
- Crude oil refining process
- Spatial operations in image processing
- In database processing
- Pelembutan citra
- Select from where and
- Define parallelism in computer architecture
- Sql server intelligent query processing
- Text processing in java
- Finding evaluating and processing information
- Data structures for language processing
- Bottom up vs top down processing
- Signal processing filter
- Imadjust
- Measures a module’s scope and processing characteristics.
- Lrgb processing
- Human information processing model ergonomics
- C file processing
- Color slicing image processing
- Automatic processing psychology definition
- Disadvantages of batch production
- Maketform matlab
- Ee-583
- Processing kinect
- Classification of polymer
- Multiresolution
- Excel text processing