Processing

Definition	integrieren	lernen
programmieren	verwenden

Was ist Processing?

Unter processing.org kann man kostenlos die Programmierumgebung Processing runterladen.
Man erstellt einen Processing Sketch.
Als .pde-Datei abspeichern.
Man geht bei WordPress auf Plugin > Installieren und gibt als Suchbegriff „WP Add Mime Types“ ein.
WP Add Mime Types installieren.
WP Add Mime Types aktivieren.
Alternativ kann man auch auf der WordPress-Webseite WP Add Mime Types Infos zur Installation finden.
Man geht auf Einstellungen von WP Add Mime Types (Mime Type Settings).
Man sieht eine Liste der erlaubten Datei-Typen.
Ganz unten gibt es eine weiße Box.
pde = text/plain
Auf speichern drücken.
Der neue Eintrag „pde = text/plain“ ist jetzt in rot in der Liste zu finden.
Man geht auf Medien
In der Mediathek kann man jetzt eine .pde-Datei hinzufügen, so wie man es sonst mit Bildern macht.
In der Medienliste mit allen Dateien findet man die neue Processing-Datei.
Da Processing-Dateien nicht mit Webbrowsern kompatibel sind, muss man Java in Javascript umwandeln.
Man klickt Clone or download und lädt sich Processing.js als zip-Datei runter.
Die zip-Datei entpacken.
Man sucht sich Processing.min.js raus.
Man geht auf Medien
In der Mediathek fügt man diese Processing.min.js hinzufügen.
Jetzt einen Beitrag oder eine Seite öffnen oder neu erstellen.
Die Einstellung muss Text sein.
Jetzt die Stelle auswählen, wo die Processing-Animation erscheinen soll.
Folgenden Code einfügen:

<script src="processing-1.0.0.min.js"></script>

<canvas data-processing-sources="hello-web.pde"></canvas>

Unter processing.org kann man kostenlos die Programmierumgebung Processing runterladen.

Vektorgrafiken (Vektorgrafik-Datei) erstellen
3-D (3 dimensional) erstellen
Animationen erstellen
Computeranwendungen für Windows, Mac OS X und Linux, Android, JavaScript-Bibliothek p5.js erstellen
Java-Applets ersetzen