Processing + Textmate
Zwei tolle Dinge haben heute auf meinem Mac zusammengefunden. Zum einen Textmate, der beste Editor zum Proggen, Coden und HTML’en (wer kennt dafür ein Wort?) und zum anderen Processing, eine Java-Umgebung in der man schnell Animationen hinzaubern kann.
Fabian und ich machen mit Processing gerade unser zweites Projekt in “Grundlagen der Gestaltung 2″ bei dem es um ein auf dem Computer ausführbares Physikexperiment geht und sind total zufrieden damit. Es liefert beispielsweise schon direkt einen Doublebuffer mit und das beste sind die Transformationsmatrizen, mit denen man Objekte verschieben, drehen und skalieren kann. Insbesondere das Drehen ist sehr praktisch bei unserem Projekt, ein Pendel. So brauchen wir keine großen Berechnungen um den Körper am Ende des Pendels darzustellen, sondern das machen die Matrizen für uns. Hier mal ein Beispiel:
Und der Code (nur Pendelgewicht):
/* Vorberechnungen: posX und posY sind gegeben,
der Ankerpunnkt hat die Koordinaten (400,225) */
translate(posX,posY);
float winkel;
if (posX-400 >= 0)
winkel = (float)Math.atan((posY-225)/(posX-400))-PI/2.0;
else
winkel = (float)Math.atan((posY-225)/(posX-400))+PI/2.0;
rotate(winkel);
noStroke();
fill(0);
// Gewicht zeichnen
beginShape();
vertex(-10, 0);
vertex(10, 0);
vertex(20, 30);
vertex(-20, 30);
endShape();
resetMatrix();
Wie man sehen kann, brauche ich mich nicht um die genauen Koordinaten, wie sie dann auf dem Bildschirm sind, zu kümmern. Sehr praktische Sache, besonders wenn man nicht so auf guten Fuße mit Mathe steht ;)
Ja weswegen ich hier eigentlich den Artikel geschrieben habe: Ich habe heute ein Processing-Bundle (Das sind die Plugins für Textmate) gefunden, herunterzuladen zum Beispiel über GetBundle. Nach der Installation des GetBundles gibt es im Bundle-Menü den entsprechenden neuen Eintrag, unter dem man dann “Install Bundle” findet. Dort dann nur noch “Pocessing” auswählen.
Ui, jetzt ist der Post doch länger und informativer (hoffentlich!) geworden als ich dachte. Als nächstes werde ich wohl mal jQuery vorstellen und da ein paar Beispiele zeigen.
