HTML5 HIGHSCORES

Neues Canvas - Gewinnspielformular

Canvas Formular

Warum dieses Formular:

In Flash wurden alle Userdaten direkt in Flash in einem Flashformular abgerufen. Das war praktisch und sicher. Das Formular war ein integraler Bestandteil des Spieles.

In HTML5 sah dies nun anders aus. Da in Canvas keine Eingebefelder existieren, musste man ein klassisches Formular in HTML über das Spiel legen. Jede Skalierung des Canvas musste synchron in CSS für das Formular angepasst werden. Pixelgenaues Ausrichten für jeden Browser  war so recht nervig und umständlich.

Deswegen habe ich mein eigenes Highscoreformular für Canvas gebaut. Eine Tastatur ist ja auch nichzs anderes als ein "Spiel": Klicken und eine Reaktion auslösen. Hier also ein Wort oder eine Zahl schreiben. Gleich mit eigener Tablet-Tastatur. bei Spielen am Desktop wird natürlich eine Eingabe per Tastatur unterstützt. Nur die Tasten und keys sind aktiv, die in ein Feld geschrieben werden dürfen. Z.B. Zahlen bei PLZ. Alle Daten werden inerhalb des Spiel-Scriptes an den Server weitergeleitet und die Liste zurückempfangen. Die Listenausgabe der Scores findet so auch wieder in animiertem Canvas statt. Das Spier wird nicht verlassen, alle Spielegrafiken bleiben im RAM. Radioboxen (Newsletterfrage, Anrede..) und Checkboxen (Wie haben Sie uns gefunden...) sowie die wichtige AGB_Gelesen_Abfrage mit Anzeige des AGB-Textes ist natürlich auch enthalten.

Naja, alles wie eben früher in Flash.

Peter Krempl

2/2014

 

SPIELEN / ANSEHEN

 

Zurück