Dez 20

DOMTRIS – Tetris als Javascript-Spiel

Tag: SpielePatrick @ 8:58 pm

Jacob Seidelin präsentierte mit DOMTRIS vor kurzem einen weiteren Spieleklassiker, den er in mit HTML, Javascript und Canvas als Browsergame umgesetzt hat.

DOMTRIS ist – wie der Name bereits suggestiert – ein Tetris-Klone und orientiert sich an der ersten, schnörkelfreien Tetris-Version. Extras sucht man vergebens.

Das Auslöschen einer Reihe bringt im ersten Level 30 Punkte ein. Mit höherer Levelzahl steigt auch zu erhaltende Punkteanzahl aber auch die Geschwindigkeit der herabfallenden Objekte nimmt zu.

Das gleichzeitige Auslöschen mehrerer Reihen bringt um einiges mehr Punkte. Neue Level beginnen ab 500, 1000, 2000, 5000, 10000, 25000 Punkten und so weiter.

Die Tetris-Steine sind nur farbige div-Elemente, deren Rahmen mit CSS formatiert worden. Bis auf den Internet Explorer, der mit dem Rahmentyp „outlet“ Probleme hat, sieht das Ergebnis in allen Browsern sehr gelungen aus.

Ein besonderes Feature bietet DOMTRIS dennoch: Der Spielstand kann durch Drücken der S-Taste gesichert werden. Anschließend erhält man eine URL, die beim Aufruf den Spielstand wiederherstellt.

Beim Drücken der Speichertaste erzeugt das Spiel aus dem aktuellen Zustand einen ziemlichen langen querystring (URL-Anhängsel), welcher via json-tinyurl extrem verkürzt wird.

Steuerung:

  • Stein bewegen: Pfeiltasten links / rechts
  • Stein drehen: Pfeiltaste oben / Leertaste
  • Stein fallen lassen: Enter
  • Spiel pausieren: P
  • Spiel speichern: S
  • Spiel starten: Leertaste

Wer mag kann nun loslegen und DOMTRIS spielen.

Domtris - Tetris als Javascript-Spiel

Hinterlasse einen Kommentar

You must be logged in to post a comment.