Programmierprojekt: Grafikprogrammierung mit Processing

Verfasst von Raimond Reichert

Motivation

Wir betrachten einzelne Aspekte des Themas Grafikprogrammierung mit Processing: Geometrische Figuren darstellen, auch animiert, einfache Effekte von Bildbearbeitungsprogrammen, einfache Interaktionen mit der Maus. Wie werden Grafiken Punkt für Punkt, Strich für Strich gezeichnet? Wie entstehen dynamische Bewegungen? Wie funktionieren die Bildbearbeitungseffekte etwa in Adobe Photoshop oder Google Picasa? Wie können rote Augen entfernt werden? Wie kann der Farbton eines Bildes geändert werden? Wie kann ein Bild halbiert werden? Wie kann die Interaktion mit der Maus programmiert werden? Der Kreativität sind wenig Grenzen gesetzt. Ziel ist es, vier Grafikprogramme zu programmieren. Das dafür notwendige Eclipse-Projekt mit Skript, vielen Beispielen und Rahmenprogrammen für das Lösen der Aufgaben werden vorgegeben.

Warum Processing? Processing ist weitverbreitet und eignet sich hervorragend für eine Einführung in das Thema Grafikprogrammierung: "Processing is an open source programming language and environment for people who want to create images, animations, and interactions. Initially developed to serve as a software sketchbook and to teach fundamentals of computer programming within a visual context, Processing also has evolved into a tool for generating finished professional work. Today, there are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning, prototyping, and production."

Ablauf

⅔ Lektion	Vortrag	Einführung ins Thema Grafikprogrammierung mit Eclipse Demo Erstellung eigenr Processing-Programme mit vorgegebenen Rahmenprogramm
3 Lektionen	Übung	Selbständige Partnerarbeit im Unterricht an den Aufgaben
Hausaufgabe	Übung	Fertigstellen der Partnerarbeit
⅓ Lektion	Vortrag	Besprechung einiger speziell gelungener Partnerarbeiten

Downloads

	Vortrag: Einführung in Processing mit Eclipse	Powerpoint [2 MB] · PDF [2 MB]
	Processing: Einführung (Druck-Version der im Eclipse-Projekt enthaltenen HTML-Dateien)	Word [2 MB] · PDF [882 KB]
	Programmierprojekt: Aufgaben und Bewertungskriterien	Word [34 KB] · PDF [31 KB]
	Eclipse-Projekt für Processing-Programmierprojekt » Demo: Starten Sie reichert._01_koordinaten_farben_formen.PunktGitterPulsierend als Applet	ZIP [5 MB]
	Eclipse-Projekt für Processing-Programmierprojekt (Musterlösungen)	ZIP [1 MB]

Links

Eclipse Projekt: Voransicht des Skripts inkl. Aufgaben
Programmierprojekt online anschauen
Links zu Processing (Englisch)
Homepage von Processing
Sprachübersicht: Kurzerklärungen zu allen Befehlen von Processing
Tutorials: Kurze Anleitungen zu ausgewählten Themen
Beispiele
openprocessing.org: Veröffentlichte Processing-Projekte
Programme und Lösungen
ningelgen.eu: Programmieren lernen mit Computergrafik und Processing
Hintergrundsinformationen
Farben in RGB-Darstellung (Wikipedia)
Grafikfilter (Wikipedia)
Bildbearbeitung Online
Der Bildbearbeitungseditor von Pixlr
Weiteres Unterrichtsmaterial zum Thema auf SwissEduc
Einführung Bildformate inkl. Simulation
Bildbearbeitung mit Matrizen
Thema Bildbearbeitung ist inspiriert von Media Computation (Mark Guzdial et. al)
Media Computation Teachers Website
Suggested Syllabus for Media Comp in Java