processing Tutorial
Erste Schritte mit der Verarbeitung
Suche…
Bemerkungen
Processing ist eine Open-Source-Programmiersprache und -umgebung für Benutzer, die Bilder, Animationen und Interaktionen erstellen möchten.
Die Verarbeitung bezieht sich auf die Sprache, die auf Java aufgebaut ist, und auf die minimale IDE, mit der sie ausgeliefert wird. Es ist kostenlos und Open Source, läuft unter Linux, Mac OS X und Windows und kann für Bildschirme, Druck, 3D-Pakete und CNC-Druck ausgegeben werden.
Die Sprache vereinfacht viele komplexe Konzepte und erleichtert Designern, Künstlern und Nicht-Programmierern den Einstieg in die Welt des Programmierens.
Im Laufe der Jahre wurde eine Reihe von Projekten erstellt, von der Datenvisualisierung über Physical Computing , Spiele , 3D , Sound , Live-Performance und mehr .
Aufgrund seiner lebendigen Community hat Processing nicht nur einen Beitrag von über 100 Bibliotheken, sondern ist auch auf wichtigen mobilen Plattformen wie Android und iOS vertreten .
Es gibt Online-Communitys für die Freigabe von Verarbeitungsinhalten wie OpenProcessing .
Einige Websites ermöglichen es Benutzern sogar, die Verarbeitung direkt im Browser zu erlernen und zu verwenden, wie beispielsweise das Flash-basierte SketchPatch und das JavaScript-gesteuerte HasCanvas , Sketchpad und p5.js (pure JS).
Es gibt auch Verarbeitungsports für die folgenden Sprachen:
- JavaScript mit ProcessingJS oder p5js
- ActionScript
- Python (siehe NodeBox , Field , pyProcessing oder den neuen offiziellen Python-Modus )
- Scala
- Clojure
- Rubin
Im Android-Modus können Verarbeitungsskizzen als Android-Anwendungen mit geringen oder keinen Änderungen des Codes ausgeführt werden, indem Aufgaben vom Projekt-Setup bis zum Export von .apk- Dateien automatisiert werden. Android-Verarbeitungsskizzen haben auch Zugriff auf die zugrunde liegenden Android-Sensoren und -Geräte.
Fortgeschrittene Benutzer sind nicht an die Verarbeitungs-IDE gebunden. Sie können in Eclipse Verarbeitungsprojekte einrichten. Verwenden Sie proclipsing, oder verwenden Sie alternativ Sublime Text , um eine Skizze über das Paket processing-sublime zu erstellen und auszuführen.
Versionen
| Ausführung | Veröffentlichungsdatum |
|---|---|
| 1.5.1 | 2011-05-15 |
| 2.2.1 | 2014-05-19 |
| 3.1.2 | 2016-07-29 |
| 3.2.1 | 2016-08-19 |
Installation und Einrichtung
Die einfachste Möglichkeit, die Verarbeitung zu verwenden, ist das Herunterladen des Verarbeitungs-Editors von der Verarbeitungs-Download-Seite .
Das kommt als ZIP-Datei. Entpacken Sie diese Datei an einer beliebigen Stelle, und Sie haben ein Verzeichnis, das eine ausführbare Datei enthält (unter Windows ist das processing.exe ).
Durch Ausführen dieser ausführbaren Datei wird der Verarbeitungseditor geöffnet:
Der Bearbeitungseditor (auch als Entwicklungsumgebung für die Entwicklung bezeichnet) enthält viele Werkzeuge, die eine Menge Arbeit für Sie erledigen. Es ermöglicht Ihnen, Verarbeitungscode zu schreiben, der automatisch in Java konvertiert und dann für Sie kompiliert und ausgeführt wird.
Die PDE enthält viele Funktionen. Schreiben Sie jedoch zunächst Ihren Verarbeitungscode in den weißen Abschnitt des Editors und drücken Sie dann die Wiedergabetaste, um den Code auszuführen. Im folgenden Abschnitt "Hello World" finden Sie einige Beispielcodes.
Sie können Verarbeitungscode auch mit anderen grundlegenden Code-Editoren wie Atom oder Sublime Text oder mit einer fortgeschritteneren IDE wie Eclipse schreiben.
Hallo Welt
Verarbeitungscode schreiben Sie am einfachsten, indem Sie einfach eine Reihe von Funktionen aufrufen. Klicken Sie im Verarbeitungseditor auf die Schaltfläche Ausführen, um den Code auszuführen. Hier ist ein Beispiel:
size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);
Dieser Code erstellt ein 200x200 Fenster, zeichnet einen blauen Hintergrund, ändert die Füllfarbe in Grün und zeichnet dann einen Kreis in der Mitte des Bildschirms.
Die meisten Verarbeitungsskizzen verwenden jedoch die vordefinierten Funktionen setup() und draw() .
Die
setup()Funktion wird von Processing automatisch am Anfang der Skizze aufgerufen. Diese Funktion wird für die Ersteinrichtung verwendet, z. B.sizeund Laden von Ressourcen wie Bild- und Tondateien.Die Funktion
draw()wird automatisch von Processing 60 mal pro Sekunde aufgerufen. Diese Funktion dient zum Zeichnen und zur Eingabe von Benutzereingaben.void setup() { size(200, 200); } void draw(){ background(0); ellipse(mouseX, mouseY, 25, 25); }
Dieser Code erstellt ein 200x200 Fenster und zeichnet dann einen Kreis an der aktuellen Mausposition.
