http://creativecoding.org/ Mon, 22 Mar 2010 12:46:58 +0100 FeedCreator 1.7.2-ppt DokuWiki http://creativecoding.org/lib/images/favicon.ico http://creativecoding.org/ http://creativecoding.org/de/p5/basics/lesson8?rev=1269257951&do=diff Bildanimation Dieser erste Abschnitt steht für die digitale Form eines Daumenkinos. Durch die schnelle Abfolge von ähnlichen, aber nicht gleichen, Bildern in ausreichend zügiger Geschwindigkeit kommt es zur Wahrnehmung einer Bewegung. Alle Bilder werden dafür im Teil des setup() geladen und im draw() je nach Bedarf abgebildet. Die Entscheidung welches der Einzelbilder auf der Zeichenfläche erscheint wird beim automatisierten Ablauf anhand einer Variable gefällt. Global instanziert bildet sie da… Steffen Fiedler de:p5:basics Mon, 22 Mar 2010 12:39:11 +0100 http://creativecoding.org/de/p5/basics/lesson16?rev=1267134257&do=diff Viele Sketchen wurden in den vergangenen Abschnitten mit Daten versorgt. Neben den klassischen Eingabeformen von Maus und Tastatur gaben wir Aufschluss über das Auslesen von Textdateien und die Anbindung der Kamera. All diese Formen des 'inputs' lassen eine Steuerung des sog. Programmablaufs und das erzeugte Resultat zu. Um komplexere Systeme in die Applikation einzubeziehen, zeigen wir in diesem Teil wie man mittels Processing mit etablierten Datenformaten umgeht. Steffen Fiedler de:p5:basics Thu, 25 Feb 2010 22:44:17 +0100 http://creativecoding.org/de/p5/basics/lesson14?rev=1263256373&do=diff Kamera Input Der Video Datentyp * Capture ist der Datentyp zum Ablegen von Bewegtbildern die von angeschlossenen Aufnahmegeräten, wie z.B. Webcams, kommen. Mit new Capture (this, BREITE, HÖHE); kann auf diese zugegriffen werden. Optional kann der Gerätename und die Anzahl der Einzelbilder von der Kamera angegeben werden. Wenn kein Gerät namentlich aufgeführt wird, selektiert Processing das letzte aus der mit Capture.list() erfragbaren Liste mit verfügbaren Geräten. Die Anzahl der Einzelbilde… Steffen Fiedler de:p5:basics Tue, 12 Jan 2010 01:32:53 +0100 http://creativecoding.org/en/beyond/p5/export_using_ant?rev=1254593961&do=diff One big advantage of the Processing development environment is the seamless export of the sketch in a web applet or even application for the Windows, OS X or Linux distribution. Right now the only way to execute the program is to press the “run” button in the tool bar of eclipse. Always starting eclipse just for presenting your work isn't just a hassle – it also wreaks performance by monitoring the sketch with the debugger. We are going to use Ant (Another Neat Tool) to convert the source files … Steffen Fiedler en:beyond:p5 Sat, 03 Oct 2009 20:19:21 +0100 http://creativecoding.org/en/beyond/p5/eclipse_as_editor?rev=1254500840&do=diff The eclipse environment Download and Install Since the eclipse europa release five different versions are available on the download page. Our choice is the eclipse classic release. It supports all possible plugins and languages. Classic doesn't mean that it's not state of the art. Use the installer or just copy the eclipse folder, depending on your operating system, into your application folder. When you start eclipse the first time, the application asks for a workspace folder and if this sha… Steffen Fiedler en:beyond:p5 Fri, 02 Oct 2009 18:27:20 +0100 http://creativecoding.org/de/p5/basics/lesson6?rev=1254218957&do=diff Farben II In Lesson 1 wurde das Festlegen von Farbwerten für die Füllung und Umrandung von Elementen vorgestellt. Mittels der Befehle fill() und stroke() definieren wir seither, in unterschiedlichen Parameterkombinationen, die Anteiligkeit des Rot-, Grün-, Blau- und Alphakanals. Die Angabe aller drei bis vier Werte in den oben genannten Befehlen limitiert unser Arbeiten, da wir immer alle drei (bzw. vier) kennen müssen. Stellen wir uns vor das wir von einer beliebigen Farbe den Rotanteil um 40 … Steffen Fiedler de:p5:basics Tue, 29 Sep 2009 12:09:17 +0100 http://creativecoding.org/start?rev=1246408411&do=diff Processing basicbeyondbeyondeclipse 01 Einstieg 02 Mausinteraktion 03 Variablen & Schleifen 04 Zufall & Events 05 Variablen & Freiformen 06 Bilder 07 Typografie 08 Animationen 09 Positionieren & Rotieren 10 Arrays 11 Funktionen 12 Arbeiten mit Text 13 Export aus Processing 14 Video 15 Objektorientierte Programmierung 16 Datenanbindung 17 Audio Creative Computing Library eclipse as Processing editor ANT for Processing export out of eclipse Steffen Fiedler Wed, 01 Jul 2009 02:33:31 +0100 http://creativecoding.org/de/p5/basics/lesson17?rev=1246408330&do=diff Sound in Processing Die minim Bibliothek * Minim(this) Eine Instanz der Minim Klasse dient als Schnittstelle zur Soundkarte. Nach dem Importieren kann diese mit new erzeugt werden. Dabei muss jeder Minim-Instanz eine Referenz auf den Processing-Sketch in Form eines Parameters übergeben werden. Minim m = new Minim (this); Steffen Fiedler de:p5:basics Wed, 01 Jul 2009 02:32:10 +0100 http://creativecoding.org/de/p5/basics/lesson15?rev=1240657065&do=diff Diese Lesson soll das Konzept des Objektorientierten Programmierens (kurz OOP) erläutern, sowie die dafür nötigen Code-Elemente Vorstellen. Grundgedanke Ein modulares Programm besteht aus einzelnen Modulen, von den jedes eine bestimmte Aufgabe erfüllen soll. Von Variablen kennen wir den Ansatz der Wiederverwendbarkeit. Sie ermöglichen es einem einzelnen Wert mehrfach in einem Programm aufzutauchen, so dass dieser einfach geändert werden kann. Funktionen abstrahieren eine bestimmte Aufgabe und… Steffen Fiedler de:p5:basics Sat, 25 Apr 2009 12:57:45 +0100 http://creativecoding.org/en/beyond/creativecomputing/example01?rev=1239987470&do=diff The Creative Computing Framework This article wants to introduce you to the convenient Java Framework “Creative Computing” by Texone. It is a java framework for interactive graphic applications that makes everyday things like very easy. So it is conceptually the same like processing but more focussed on directly using Java and OpenGL. So if you want to dive deeper into graphics programming this is a very helpful tool. Christopher Warnow en:beyond:creativecomputing Fri, 17 Apr 2009 18:57:50 +0100 http://creativecoding.org/de/p5/basics/lesson2?rev=1239709169&do=diff In der zweiten Veranstaltung der Kursreihe geht es um den Aufbau von endlos laufenden Programmen, die Einbindung des Mauszeigers und der Maustaste. Fortlaufende Programme Grundsätzlich werden alle im Vorherigen geschriebenen Programme nach einmaligem Durchlaufen beendet. Das Resultat wird im definierten Fensterbereich abgebildet – weitere Modifikationen am Dargestellten durchzuführen ist jedoch nicht möglich. Um dies zu ermöglichen müssen im Programm spezielle Bereiche angelegt werden. Block … Steffen Fiedler de:p5:basics Tue, 14 Apr 2009 13:39:29 +0100 http://creativecoding.org/de/p5/basics/lesson4?rev=1239708974&do=diff random Für Anzahl, Farbe, Form und Position die Würfel fliegen lassen. * random(a) erzeugt eine Zufallszahl zwischen 0 und a, wobei a eine rationale oder gebrochen rationale Zahl sein kann. Bei dieser Parameteranzahl legen wir demnach nur die Obergrenze des möglichen Wertebereiches fest. Die Untergrenze ist durch Processing auf 0 gesetzt. // z.B.: 0.8751683 println (random (1)); Steffen Fiedler de:p5:basics Tue, 14 Apr 2009 13:36:14 +0100 http://creativecoding.org/de/p5/basics/lesson1?rev=1238617244&do=diff In dieser Workshopreihe dreht sich alles um das Gestalten von genarativen und interaktiven Systemen mittels der open source Umgebung Processing. Sie ermöglicht Interessierten, ohne Programmierhintergrund, einen schnellen und simplen Einstieg in das Arbeiten mit Code – für einen grafischen Output. Ohne aufwendige Vorbereitung erlaubt Processing das Zeichnen von grafischen Elementen und die Verwendung von Input, z.B. durch Maus und Tastatur. Das Projekt wurde von Ben Fry und Casey Reas 2001 am MI… Steffen Fiedler de:p5:basics Wed, 01 Apr 2009 22:20:44 +0100 http://creativecoding.org/de/p5/basics/lesson3?rev=1238181890&do=diff Kommunikation basiert auf dem Austausch von Daten. Entscheidungen werden mit ja – nein gefällt. Die Kühlschranktemperatur ist meist ein Wert zwischen 0 und 5 Grad Celsius. Einem Menschen werden Reihungen von Zeichen zur Identifikation mitgegeben. Diese Art der Aufladung von Gegenständen und Individuen mit Informationen kann auch in Programmiersprachen verwendet werden. Belegt wird dabei immer eine Variable mit einem Wert – eine Schublade bekommt ihren Inhalt. Mit dem Wissen den Namen der Schubla… Steffen Fiedler de:p5:basics Fri, 27 Mar 2009 20:24:50 +0100 http://creativecoding.org/de/p5/basics/lesson10?rev=1237553096&do=diff Wiederholung: Datentypen Durch die Einführunf von Variablen haben wir die Möglichkeit kennen gelernt unterschiedlich Formen von Daten zu speichern, auszulesen und zu verändern. Folgende Datentypen kennen wir bereits: * Interger - simple Ganzzahl, beispielsweise 0, 1, 8, -25, etc. siehe Referenz int number = 10; Steffen Fiedler de:p5:basics Fri, 20 Mar 2009 13:44:56 +0100 http://creativecoding.org/de/p5/basics/lesson9?rev=1237548829&do=diff Bisher haben wir in Processing lediglich die Möglichkeit kennengelernt, einfache geometrisch Grundformen in der Sketch anhand der aufgerufenen Methoden zu positionieren. Auch bei Bildern und Texten funktionierte das nur nach diesem Prinzip: // zeichne ein Rechteck an der Position x, y rect(x, y, breite, höhe); // zeichne ein Bild an der Position x, y image(img, x, y); // zeichne Text an der Position x, y text("Creative Coding", x, y); Steffen Fiedler de:p5:basics Fri, 20 Mar 2009 12:33:49 +0100 http://creativecoding.org/de/p5/basics/lesson7?rev=1237545713&do=diff Schriften in Processing Innerhalb von Processing wird das Schriftformat vlw verwendet. Anders als bei Vektorschriften liegt dabei jedes Zeichen seperat als gerastertes Bild vor. Diese Bildinformationen beschränken sich pro Pixel auf die Angabe von schwarz (1) oder weiß (0) – wird das Pixel gefüllt oder nicht. Eine solche Schrift nennt man deshalb Bitmap-Font (Bit), da nur zwei Möglichkeiten existieren. Grund für diese umständliche und qualitativ ungünstige Lösung ist die Funktion des Webexports… Steffen Fiedler de:p5:basics Fri, 20 Mar 2009 11:41:53 +0100 http://creativecoding.org/de/p5/basics/lesson13?rev=1237418760&do=diff Es empfiehlt sich permantent den Entwicklungsstand von Projekten grafisch zu dokumentieren. Dabei geht es weniger um Veröffentlichungen — sondern um das Nachvollziehen des durchlaufenen Prozesses bei der Bearbeitung des Themas. Oft kommt es auf dem Weg zum Resultat zu interessanten Entdeckungen von grafischen Konstellationen aus älteren Abeitsständen, die wieder in den gegenwärtigen Stand übernommen werden. Steffen Fiedler de:p5:basics Thu, 19 Mar 2009 00:26:00 +0100 http://creativecoding.org/de/p5/basics/lesson12?rev=1237417992&do=diff Aus Lesson 3 sind uns Zeichenketten (in Processing mit String betitelt) bekannt. Sie beinhalten Informationen über Schriftzeichen die wir mit text() abbilden können. Anders als bei int und float handelt es sich bei String um einen komplexen Datentyp. Dies erkennen wir an der Großschreibung und dem nicht orange eingefärbt werden im Processing Texteditor. Komplexe Datentypen besitzen einen erweiterten Umfang von Speicher- und/oder Funktionsmöglichkeiten. Beispielsweise erlauben uns Variablen vom T… Steffen Fiedler de:p5:basics Thu, 19 Mar 2009 00:13:12 +0100 http://creativecoding.org/de/p5/basics/lesson11?rev=1236896155&do=diff Bei der Einführung von sich endlos wiederholenden Programmen haben wir zwei Bestandteile kennengelernt, die wir bisher nicht weiter hinterfragt hatten. void setup() { } void draw() { } Auch die Events für Mouseclicks und Tastatureingaben funktionierten nach dem selben Prinzip. Steffen Fiedler de:p5:basics Thu, 12 Mar 2009 23:15:55 +0100