1. Man benötigt Eclipse in der C/C++-Version und die Arduino IDE (ich habe die 1.0 verwendet).
2. Das Plugin gibt es unter “http://www.baeyens.it/eclipse/update site”. Wichtig: Das Leerzeichen darf nicht durch %20 ersetzt werden (macht Eclipse evt. automatisch)! Etwas unglücklich.
3. In den Plugin-Einstellungen soll man den Pfad zur Arduino-IDE angeben. Auf dem Mac ist Folgendes einzutragen (Quelle): /Applications/Arduino.app/Contents/Resources/Java
4. Der AVRDude-Pfad (siehe): /Applications/Arduino.app/Contents/Resources/Java/hardware/tools/avr/etc/avrdude.conf
5. Unter Arduino/Paths sind folgende Pfade einstellen, siehe Screenshot und arduino.cc. (genaues Hinschauen lohnt sich – mich hat das doppelte “avr” der “AVR Header Files” 5 Minuten Fluchen gekostet^^)
6. Beim Anlegen eines neuen Projektes muss man die Board-Version (zB “Uno”) auswählen und den Port angeben. Der Port ist das, was in der Arduino IDE unter Tools -> Serial Port ausgewählt wird – bei mir “/dev/tty.usbmodemfa131″
7. Für diejenigen unter euch, die (wie ich) nicht vertraut mit der C++-Version sind: Kompiliert wird mit dem “Hammer” (dauert bei mir recht lange); auf’s Board geschoben wird das Ganze mit dem “AVR”-Button.

Wermutstropfen bisher:

1. Den Eclipse-Debugger kann man auch hier nicht benutzen. Aber schon die Shortcuts, Templates usw sind der Hit!
2. Importe sind manuell hinzuzufügen. So braucht man für ein simples “Serial.begin(9600);” schon ein “extern HardwareSerial Serial;” usw.

Danke an Michael für den Tipp, garretto für das tolle Tutorial (nachdem ich es entdeckt habe, war dieser Eintrag quasi überflüssig), und Jantje für das Plugin!

Danke, Katrin (once again)!

Danke, Katrin!

…sprechende Dateinamen ebenfalls.

Subversive statt Subclipse benutzen; keine Connectors installieren, da man danach gefragt wird, wenn man auscheckt. Bei der Frage nicht nur den JavaHL-Connector wählen, sondern auch den anderen. Und schon hat man sich 2 Stunden Ärger erspart m(

…sprechende Fehlermeldungen ebenfalls. PS

Sprechende Konstantennamen sind die halbe Miete.

Was EaselJS für mich so richtig interessant macht, ist die Tatsache, dass jedes Objekt auf dem Canvas eigenständig bleibt – so wie ich das Canvas-Element verstehe (als eine Art Bitmap/BitmapData), ist das nicht immer so? Dadurch kann man diesem kleinen Ball aus meiner Demo zum Beispiel einen Click-Handler geben, wie soeben geschehen.

Dabei ist mir Folgendes aufgefallen: Wenn ich tatsächlich nach und nach mehrere (ausgefeiltere) Demos bauen will, dann würde es der Übersichtlichkeit dienen, wenn ich diese voneinander separieren könnte. Am Liebsten in ihrem jeweils eigenen Objekt, von denen ich dann jeweils eines instanziiere. Nur: Wie funktioniert objektorientiertes Programmieren in JS? Meine JS-Kenntnisse sind etwas eingerostet, aber hier gibt es eine nette Basic- (!) Einführung.

Das Ergebnis kann man sich im Quellcode ansehen: Alle Variablen, die nur zur (bisher einzigen) Demo gehören, sind in “Klasse” “A” ausgelagert… I like! Nun könnte es eigentlich/vielleicht losgehen.

UPDATE:

Hm, andererseits wäre es auch interessant, “richtiges” OOP zu sehen, z.B. das Beerben von EaselJS’ Klassen. Angenommen, ich möchte ein TicTacToe-Spiel bauen, dann hätte ich Kreuze und Kreise, die beide (mir fällt grad kein besserer Begriff ein) Spielsteine (engl. “Tile”)sind, der wieder meinetwegen ein Shape ist. Wenn ich diese etwas ausgefeiltere Einführung als Ausgangspunkt nehme, sieht das so aus:

Tile.prototype = new Shape();
Tile.prototype.constructor = Tile;
Tile.prototype.g;
function Tile()
{
	this.g = new Graphics();
	Shape.prototype.initialize.call( this, this.g );
}

Circle.prototype = new Tile();
Circle.prototype.constructor = Circle;
function Circle()
{
	this.g.setStrokeStyle( 1 );
	this.g.beginStroke( Graphics.getRGB( 0, 0, 0 ) );
	this.g.drawCircle( 0, 0, 10 );
}

Cross.prototype = new Tile();
Cross.prototype.constructor = Cross;
function Cross()
{
	this.g.setStrokeStyle( 1 );
	this.g.beginStroke( Graphics.getRGB( 0, 0, 0 ) );
	this.g.moveTo( 0, 0 );
	this.g.lineTo( 18, 18 );
	this.g.moveTo( 0, 18 );
	this.g.lineTo( 18, 0 );
}

Potential für Verbesserung sehe ich hier:

• Kreis und Kreuz nur je einmal zeichnen und wiederverwenden (siehe Doku zu Shape), statt jedes mal im Konstruktor.
• DisplayObject.cache() verwenden.

Meinungen?

Mittelfristig möchte ich da random das anzeigen, was bei meinen Spielereien so abfällt. Bis auf weiteres muss es aber eine Abwandlung einer Demo von Mike Chambers tun.

Vorweg #2: Ja, man kann Caps Lock auch in den Systemeinstellungen (Tastatur -> Sondertasten) ummappen – aber nicht beliebig.

Also: Man sollte Caps Lock erst mal mit Bordmitteln (siehe oben) auf irgendwas mappen, meinetwegen CTRL. Dann erscheint die Taste in der unten beschriebenen Datei, was die Arbeit erleichtert. Dann öffne man ein Terminal und:

1. navigiere cd Library/Preferences/ByHost
2. kopiere die Datei, die mit “.GlobalPreferences” beginnt, in’s eigene Homeverzeichnis: cp $FILE ~/keys-binary.plist
3. konvertiere das Ganze in eine XML: plutil -convert xml1 -o ~/keys-xml.plist ~/keys-binary.plist
4. öffne die XML, und suche nach com.apple.keyboard.modifiermapping
5. Dort finde man ein Wertepaar*, bestehend aus HIDKeyboardModifierMappingSrc (=Tasten-ID) und HIDKeyboardModifierMappingDst (=ID der Zieltaste)
6. Man ändere die Zuweisung nach eigenem Gusto, speichere, und konvertiere zurück: plutil -convert binary1 -o ~/keys-binary.plist ~/keys-xml.plist
7. Man kopiere zurück: cp ~/keys-binary.plist $FILE
8. und logge sich 1x aus.

Danach ist alles bene

*PS: Die Tasten-IDs lauten:

Caps Lock 0
Shift (Left) 1
Control (Left) 2
Option (Left) 3
Command (Left) 4
Keypad 0 5
Help 6
Shift (Right) 9
Control (Right) 10
Option (Right) 11
Command (Right) 12
Kernel Panic 16

PPS: Das Ganze unter Windows.

PPPS: Nein, ich weiß nicht, was “Kernel Panic” für eine Taste ist