In 3 Levels kann der Spieler Versuchen seine Landefähre auf dem Mond, dem Mars oder dem Jupiter zu landen. Natürlich ist der Jupiter das schwerste Level, aber es ist möglich heile anzukommen! Mit der “Hoch”-Taste des Handys kann der Spieler die Raketen zünden und damit den Fall abbremsen, aber Achtung: Man hat keinen unendlichen Kerosinvorrat!
Viel Spaß macht auch der umgekehrte Spielmodus: “Wer macht den tiefsten Krater?”. Probiert’s mal aus!

Also viel Spaß beim Spielen, hier mal der Link auf die deutsche Version:
Galaxy Lander downloaden

Folgendes Beispiel:

...
< img src="einbild.png">
< a id="quitbutton">Quit
...

Dann müsste der User 2mal auf seinem Joypad nach unten klicken bis der Anchor-Tag aktiviert wird und der Zustand “hover” gesetzt wird. Der unsichtbare Mauszeiger springt erst zu dem Bild, dieses hat keinen “hover”-Zustand also sieht man keine Veränderung, erst beim nächsten Klick sieht man, dass überhaupt etwas beim Klicken passiert.

Das ist nervig und umgehen kann man das, indem man die Bilder z.B. als Div mit einem background-image anzeigt. Dann wird im Beispiel oben das Bild nicht angesprungen, sondern direkt der Link, was dem Handybenutzer auch logischer erscheinen wird.

#einbild_container{
  background-image: url(einbild.png);
  width: bildbreite;
  height: bildhöhe;
  background-repeat: no-repeat;
}


< div id="einbild_container">
< a id="quitbutton">Quit


Mal schauen wann es in Deutschland zu haben ist.

Mit einem Klick auf die übertragene Datei wird dann der Widget Manager von Vodafone (falls noch nicht auf dem Handy, dann hier runterladen) und das Spiel gestartet.

Geflogen wird mit den Tasten 2, 4, 6 und 8 für vorne, links, rechts und runter, und das Ziel des Spieles ist möglichst viele Satelliten einzusammeln ohne von den Asteroiden getroffen zu werden.

Viel Spaß beim Müllsammeln!

Update:
11.06.09: Habe soeben erfahren, dass Space Janitor schon 460mal von der Vodafone Plattform heruntergeladen wurde. Wer’s jetzt noch nicht hat, sofort holen!

Hier ein Beispiel unter Verwendung von jQuery:

$(function(){
  $(document).keyup(function(e){
    if(!gameOver){
      switch(e.keyCode){
        case 52: //this is left! (4 on mobile)
           // move left functions
           break;
        case 50: //this is up! (2 on mobile)
           // move up functions
           break;
        case 54: //this is right (6 on mobile)
           // move right functions
           break;
        case 56: //this is down! (8 on mobile)
           // move down functions
           break;
        }
     }
  });
});

Übrigens, auch für Mobile Widgets kann man sehr schön gameQuery (ein Addon für jQuery) verwenden.
Über die mobile Spieleentwicklung mit Widgets aber ein anderes Mal ein kleines Tutorial.

Das Widget sollte demnächst auch im Vodafone Widget Portal zur Verfügung stehen (wenn alles gut läuft), ansonsten gibt’s das auch hier schon zum Download (keycode_listener.wgt)

BTW: Natürlich läuft das Widget auch ganz normal im Opera Browser und fängt auch hier die Keycodes der Tasten ab. Ist also für jeden Entwickler interessant.

Statt dessen z.B. über die Konsole:

  zip -r widgetname.wgt *

Ein Icon für das Widget kann in der config.xml definiert werden per

<icon>Pfad/zum/icon.png</icon>

Das Problem ist jedoch, wenn man den gesamten Widget-Ordner komprimiert (was nach den Opera Widget Specifications OK ist) und auf dem Mobilgerät einspielt, so wird das Widget-Icon nicht angezeigt.

Lösung:
Anstatt den gesamten Ordner zu komprimieren, nur die Dateien und Unterverzeichnise im Widget-Hauptordner komprimieren!

Anstatt

  zip -r widgetname.wgt widgetordner/

also

  zip -r widgetname.wgt *

im jeweiligen Ordner ausführen.

Dann gehts.