In letzter Zeit habe ich immer mehr “design Tests” im Internet gefunden und da ich die eigentlich auch ganz nett finde, habe ich mir vorgenommen, diese jetzt doch mal hier zu sammeln.

Ich fange gleich mal mit drei Tests an:

Farbtest

Der erste Test ist nicht nur für Designer geeignet, denn bei diesem Test geht es um das richtige Erkennen und Einordnen von Farbabstufungen.
Bei diesem Test muss man die Farbkacheln per Drag and Drop in der richtigen Reihenfolge bringen.
Um so weniger Punkte, um so besser.

• Farbtest

Typografie Tests

Bei den nächsten zwei Tests, geht es um Typografie. Bei diesen soll man einmal Buchstaben in die richtige Form bringen und bei dem anderen Test, die Buchstaben passend positionieren.

• Shape Type
• KernType

Kleiner Hinweis: Dieser Artikel kann natürlich auch für ganz normale Java-Projekte ohne Processing-Framework verwendet werden.

Im letzten Artikel habe ich erklärt, wie man Eclipse dazu benutzen kann, komfortabel größere Processing-Projekte zu erstellen.
Nun möchte ich noch erklären, wie wir daraus eine einzelne JAR-Datei machen können, um diese zum Beispiel zum Download anzubieten.

Der Ausgangspunkt ist das Projekt, das wir im letzten Artikel erstellt hatten.

Ausführbare JAR erzeugen

Nun wählen wir unser Projekt in Eclipse mit Rechtsklick aus und wählen: Export
Unter der Kategorie Java finden wir die Option Runnable JAR file und wählen dies auch aus.
Unter Launch configuration wählen wir unsere Main-Klasse im Projekt “ProcessingTest” aus.
Unter Export destination wählt man einen beliebigen Speicherort und den Namen, der die JAR-Datei erhalten soll aus.
Die Option Library handling kann in diesem Fall bei Extract required libraries into generate JAR bleiben (Welche Option die richtige ist entscheidet meistens die Lizenz der eingesetzten Frameworks bzw. Bibliotheken, wie die Processing core.jar).
Die Warnings können erst mal ignoriert werden.

Interessenten können die Warnings in Eclipse unter Problems begutachten oder auf die links neben dem Java-Code stehenden gelben Warnsymbole klicken. Eclipse schlägt einem dann Lösungen vor, wie das hinzufügen einer serial Version UID.

Nun kann das erzeugte JAR mit einem Doppelklick gestartet werden.

Fertig, auch wenn unser Programm nicht grad spektakulär ist

Der interne Editor von Processing hat zwar einen gewissen Style und gehört eigentlich zu Processing dazu, jedoch vermisst man dort einen gewissen Komfort, der eine richtige Entwicklungsumgebung wie Eclipse zu bieten hat.
So fehlt zum Beispiel die Syntax-Vervollständigung, ein richtiger Projektexplorer und allerhand andere nützliche Funktionen.
Spätestens in größeren Projekten mit vielen Klassen hat man Processing-Editor Schwierigkeiten die Übersicht zu behalten.

Dabei ist es gar nicht schwer, Processing mit einer Entwicklungsumgebung wie Eclipse zu verwenden.

Als erstes benötigt man natürlich Processing und Eclipse, dass man sich kostenlos aus dem Internet laden kann.

Nach dem Eclipse gestartet wurde, erstellt man ganz normal ein neues Java Projekt über File -> New -> Java Project.
In der Java Projekt-Ansicht gibt man nun einen gewünschten Projektnamen (z.B. “ProcessingTest”) ein und klickt auf next.
In der nächsten Ansicht Java Settings wählt man den Reiter Libraries aus und klickt dort auf den Button: Add External JARs…. Nun wählen wir die “core.jar”-Datei von Processing aus, die normalerweise im “Processing-Verzeichnis/lib/…” zu finden ist. Nach einem Klick auf finish hat man das Projekt erstellt und kann nun mit der Programmierung beginnen.

Als erstes erstellen wir der Übersicht halber noch ein Paket im Ordner “src” mit dem Namen “main”.
(src -> Rechtsklick -> New -> Package)
Dort erstellen wir nun unsere Main-Klasse mit dem einfachen Namen “Main”
(Rechtsklick -> New -> Class)

Die Klasse bekommt folgenden Inhalt:

1
2
3
4
5
6
7
8
9

package main;
 
import processing.core.PApplet;
 
public class Main {
	public static void main(String args[]) {
		PApplet.main(new String[] { "--present", "main.ProcessingTest" });
	}
}

Nun erstellen wir eine zweite Klasse mit dem Namen “ProcessingTest” im gleichen Paket.
So kann der Methodenaufruf

7

PApplet.main(new String[] { "--present", "main.ProcessingTest" });

in der Main-Klasse, unser Processing-Programm mit dem Namen “ProcessingTest” im Paket “main” im Modus “present” starten.

In die Klasse “ProcessingTest” kommt folgender Inhalt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

package main;
 
import processing.core.*;
 
public class ProcessingTest extends PApplet {
	private int w = 600;
	private int h = 600;
 
	public void setup() {
		size(w, h, P3D);
		frameRate(24);
		background(0);
		lights();
	}
 
	public void draw() {
		background(0);
		lights();
 
	}
}

Und sieht damit ähnlich aus, wie wir ihn schon aus dem einfachen Processing-Editor kennen. Der einzige Unterschied ist, das hier die Java typischen Ergänzungen, wie public, private, protected und so weiter.

Nun kommen wir zu den Vorzügen einer Entwicklungsumgebung mit Syntax-Vervollständigung. Dafür tippen wir unter der Methode

18

lights();

den Begriff

19

this.

(der Punkt ist wichtig!) und schon öffnet sich ein Fenster in dem alle passenden Methoden aufgelistet werden. Tippen wir nun noch ein “bo” sehen wir die bekannte Methode “box()” und können diese bequem auswählen.
Die Methode “box()” ist wahrhaftig nicht schwer zu merken, jedoch ist es sehr praktisch, den auch Methoden eigener Objekte können zu ausgewählt werden und man muss sich nicht die genaue Schreibweise aller Methoden merken.

Am Ende könnte unsere “draw()”-Methode wie folgt aussehen:

18
19
20
21
22
23
24
25

	public void draw() {
		background(0);
		lights();
		this.translate(100, 100, 0);
		this.rotateY(radians(45));
		this.fill(255, 0, 0);
		this.box(100);
	}

Mit der Funktion Run oder Strg + F11 können wir uns dann Ergebnis angucken.
Wählen wir vorher die Main-Klasse aus, sehen wir unser Ergebnis im Präsentations- (Erinnerung an die Option --present) oder auch Vollbild-Modus.

Viel Spaß

Processing gibt es schon seit längeren auch als JavaScript Variante, Grund genug auch hier endlich mal darauf aufmerksam zu machen. Processing in Java ist größtenteils kompatibel mit der JavaScript Variante und umgekehrt, der Umstieg falls man ihn vor hat, sollte also sehr einfach sein. Wer Processing noch nicht kennt, aber liebend gern mal grafische “Dinge” [...]

In diesem Tutorial möchte ich erklären, wie man mit Hilfe von TrueCrypt Portal 7.0 einen durch ein Passwort gesicherten Daten-Container erstellen kann. Es gibt sicherlich noch andere Programme die das können, jedoch ist TrueCrypt kostenlos, Open-Source, in deutsch und schließlich muss man sich ja für ein Programm entscheiden Ich habe mich für TrueCrypt Portal 7.0 [...]

In diesem Tutorial werden wir ein Skelett aus Bones erstellen. Dieses Skelett kann dann zum Beispiel für die Animation eines Menschen verwendet werden. Ein Skelett entsteht Wichtig ist, dass immer von innen nach außen die Bones extrudiert werden. Soll bedeuten, dass man beim Bein mit dem Oberschenkel anfängt und daraus das Schienbein zieht und daraus [...]

In diesem Tutorial geht es um die Erstellung einer einfachen Animation mit dem 3D Programm Blender, um die wichtigsten Werkzeuge zu erklären. Verwendet wird die Blender Version 2.5. Die Oberfläche zum Animieren vorbereiten Es wird von den Standarteinstellungen ausgegangen. Um das Arbeiten zu erleichtern, sollte die linke Toolleiste mit T deaktiviert werden. Anschließend wird das [...]

Vor einiger Zeit hatte ich mal damit begonnen, mich in Blender einzuarbeiten. Ausschlaggebend dafür war, dass seit der Blender Version 2.5x das Interface viel übersichtlicher und benutzerfreundlicher gestaltet ist. Um einen schnellen Einstieg in dieses doch sehr umfangreiche und komplexe 3D Grafik- und Animationsprogramm zu erhalten, habe ich mir eine ShortCut liste erstellt, die ich [...]

PhpMyAdmin dient der einfachen Verwaltung von MySQL Datenbanken. So lassen sich über diese leicht zu bedienende Oberfläche neue Datenbanken und Tabellen anlegen, bearbeiten, löschen, importieren und exportieren. Die Startseite Nach dem man sich dort eingeloggt hat, sieht man die Startseite. Auf der Startseite können neue Datenbanken angelegt werden, wenn man die nötigen Rechte besitzt. Das [...]

Seit heute habe ich wieder ein aktiviertes Kontaktformular. Ich habe mich nun für das Kontaktformular-Plugin mit dem Namen Contact Form 7 entschieden. Mit dem PlugIn kann man sehr schnell ein eigenes Kontaktformular zusammenstellen und dieses in eine Seite einbinden. Es bietet die Funktionen: Text Feld, Email Feld, Text Bereich, Auswahlmenü, Auswahlbox, Radio Button, Checkbox, Quiz, [...]