Jeffrey Cross
Jeffrey Cross

Erfahren Sie, wie Sie interaktive Grafiken mit aktualisierten Erste Schritte mit der Verarbeitung erstellen

Wir haben das Processing-Projekt im Jahr 2001 als Software-Skizzenbuch gestartet, um Grundlagen der Computerprogrammierung im visuellen Kontext zu vermitteln. Anstatt „Hello World“ auf die Konsole zu drucken, wird zuerst eine Linie auf den Bildschirm gezeichnet. Seitdem hat sich Processing mehrmals zu dem entwickelt, was es heute ist - eine leistungsstarke, minimale Umgebung zum Lernen, Skizzieren und Produzieren professioneller Arbeit mit einer engagierten Gemeinschaft von Mitwirkenden, die die Software mit der ständig wachsenden Liste von Bibliotheken (Erweiterungen) erweitern ). Processing ist wie immer freie Software und kann von der Projektwebsite heruntergeladen werden.

Mit Processing 3 glauben wir, dass wir einen weiteren Sprung nach vorne gemacht haben. Es verfügt über einen neuen Code-Editor mit einer verbesserten Benutzeroberfläche, einer besseren Fehlerprüfung und einem integrierten Debugger. Verarbeitung 3 ist für OpenGL-Arbeiten schneller und wir haben neue Funktionen für hochauflösende Bildschirme und Vollbild-Skizzen hinzugefügt. Wir haben auch eine neue und einfachere Möglichkeit, Bibliotheken, Modi und Tools zu installieren und zu aktualisieren. Eine vollständige Liste der Änderungen ist online verfügbar.

Mit der Veröffentlichung von Processing 3 freuen wir uns, eine zweite Ausgabe von veröffentlichen zu können Erste Schritte mit der Verarbeitung, ein Update unseres 2010er Buches. Die zweite Ausgabe wurde für Processing 3 aktualisiert. Code und Text wurden durchgehend aktualisiert. Es enthält auch ein neues Kapitel zum Arbeiten mit und Visualisieren von Daten, das Thema Transformation hat jetzt ein eigenes Kapitel. Die neue Sound-Bibliothek für Processing 3 wird mit Beispielen für die Audio-Synthese und das Ansprechen von Grafiken auf Sound vorgestellt. Das Buch ist jetzt in Farbe gedruckt, einschließlich der Codelisten, um die Lesbarkeit zu verbessern. Alle Abbildungen und Diagramme wurden aus Gründen der Übersichtlichkeit aktualisiert.

Der Hauptvorteil von Processing 3 für die Leser vonErste Schritte mit der Verarbeitung ist der erweiterte Code-Editor. Der einfache (aber nicht vereinfachte) Verarbeitungseditor enthält viele wesentliche Funktionen professioneller Codierungsumgebungen. Details zur Codesyntax, die für erfahrene Programmierer zweitrangig sind, sind oft der frustrierendste Aspekt der Codierung für Anfänger. Echtzeitwarnungen und Fehlerüberprüfungen in Processing 3 helfen den Lernenden zu erkennen, wo sie sich mehr auf ihren Code konzentrieren müssen. Darüber hinaus ermöglicht die neue Möglichkeit, Code zu „optimieren“, während er ausgeführt wird. Der minimale eingebaute Debugger ermöglicht es, die inneren Abläufe eines Programms anzuhalten, zu untersuchen und sichtbar zu machen, während es ausgeführt wird.

Um ein Gefühl für die Funktionsweise von Processing zu erhalten, sind hier zwei Beispiele aus dem Buch - eines von Anfang und eines Ende. Dies ist Beispiel 3-18; Es zeigt, wie transparente Farben definiert werden:

Größe (480, 120); noStroke (); Hintergrund (204, 226, 225); // Hellblaue Farbfüllung (255, 0, 0, 160); // Rote Ellipse (132, 82, 200, 200); // Rote Kreisfüllung (0, 255, 0, 160); // grüne Farbellipse (228, -16, 200, 200); // grüne Kreisfüllung (0, 0, 255, 160); // blaue Farbellipse (268, 118, 200, 200); // Blauer Kreis

Später, nachdem das Buch Variablen, Schleifen, Funktionen, Arrays und Datentypen eingeführt hat, sind weitere interessante Programme möglich. Dieser Code ist Beispiel 12-3. Es lädt eine Tabelle mit Breiten- und Längenwerten für die US-amerikanischen Postleitzahlen und zeichnet jede Position als Punkt. Da diese Daten so dicht sind, sind sie größer als die Bildschirmgröße des Beispiels. Die Maus bewegt die Visualisierung nach links und rechts, um auf verschiedene Bereiche zu fokussieren.

Tischstädte; void setup () {Größe (240, 120); cities = loadTable ("cities.csv", "header"); Hub (255); } void draw () {Hintergrund (0, 26, 51); float xoffset = map (mouseX, 0, width, -width * 3, -width); übersetzen (xoffset, -300); Skala (10); Schlaggewicht (0,1); for (int i = 0; i <cities.getRowCount (); i ++) {float width = cities.getFloat (i, "lat"); float longitude = cities.getFloat (i, "lng"); setXY (Breitengrad, Längengrad); }} void setXY (float lat, float lng) {float x = Karte (lng, -180, 180, 0, width); Float y = Karte (lat, 90, -90, 0, Höhe); Punkt (x, y); }

Alle Beispiele in diesem Buch können über den neuen Processing 3 Contribution Manager heruntergeladen und dann über das Menü Datei geöffnet werden. Wenn der Contribution Manager geöffnet ist, wählen Sie "Erste Schritte mit der Verarbeitung" und dann "Installieren", um sie Ihrer Version der Verarbeitung hinzuzufügen.

Neben diesem Buch haben wir mit Lauren McCarthy zusammengearbeitet Erste Schritte mit p5.js und mit Allison Parrish zu schaffen Erste Schritte mit Processing.py. Lauren hat das ursprüngliche Buch durch das Projekt p5.js in JavaScript portiert. Allison hat das Buch durch das Projekt "Processing.py" nach Python portiert. Beide Bücher modifizieren den ursprünglichen Inhalt entsprechend diesen unterschiedlichen Programmiersprachen. Das Buch von Lauren ist ab sofort verfügbar und das von Allison wird in einigen Monaten folgen.

Processing, p5.js und Processing.py werden alle von der Processing Foundation unterstützt. Wir haben die Stiftung 2012 mit der doppelten Mission zur Förderung der Softwarekompetenz in der bildenden Kunst und der visuellen Kompetenz in technologiebezogenen Bereichen gegründet. Unser vorrangiges Ziel ist es, die Eintrittsbarriere beim Codieren für Nicht-Entwickler zu verringern und die Bildenden Künste für Menschen aller Herkunft zu fördern.

Wir freuen uns, Processing 3 und die zweite Ausgabe von zu teilen Erste Schritte mit der Verarbeitung mit dir.

Aktie

Leave A Comment