Wo liegt was?
Inhalt
Im Projekt überarbeite ich eine bereits von mir erstellte Webanwendung.
Das Ziel ist es in einer vorgegebenen Zeit möglichst treffsicher nach 15 gefragten Städten zu suchen und diese dann zu markieren. Es werden sowohl nach deutschen Städten als auch nach internationalen Städten gefragt (Deutschland - Weltweit). Dies kann beim Spielstart festgelegt werden.
Ausserdem wird ein Advance-Modus eingefügt, bei dem der Spieler nicht nur nach Städtenamen gefragt wird, sondern durch Wissen die gefragten Orte finden muss.
Für das Finden hat man allerdings nur eine bestimmte Zeit. Je länger man braucht, desto weniger Punkte erhält man. Ausserdem erhält man eine imaginäre Schulnote - je näher man dran ist, desto besser -- unabhängig von der gebrauchten Zeit.
Am Ende bekommt man eine Auswertung, bei der Punkte zusammengezählt werden und eine Schulnote berechnet wird. Das Spielergebnis wird in eine Highscore eingetragen, sortiert nach Gesamtpunktzahl.
Daten & Fakten
- 74 deutsche Städte
- einfache Abfrage nach Städtenamen
- erschwerte Wissensfrage
- Highscore
- sortierbar nach Land und Schwierigkeitsstufe
Umsetzung
- verkleinerte Deutschland-/Welt-Karte
- Adobe Photoshop CS5
- phpDesigner 7
- SQL-Datenbank
Sprachen
( HTML, CSS )
- PHP
- Javascript
- AJAX
Prinzip
Die Entfernung wird berechnet durch den Satz des Pythagoras. Nach dem Klicken auf die Karte werden die x- und y-Koordinaten übergeben und somit die Entfernung berechnet.
Bekannte Bugs/Probleme
- km-pro-px-Konstante "relativ" ungenau
Design
Das Design ist eigentlich auf Facebook ausgelegt. Ich habe mich dafür entschieden, da man dort eine Vielzahl an Spielern generieren kann und diese durch Statusmeldungen usw. motivieren kann, sich gegenseitig herauszufordern.
Screenshots
Changelog
20/01/2011
- nach Land und Schwierigkeit sortierbare Highscore
- Advance-Fragen für Deutschland hinzugefügt
- Ajax Ladebalken für bessere Usability
24/01/2011
- Design final
27/01/2011
- Button neugestaltet
- Design vom Spielfenster überarbeitet/angepasst
- Zeitleiste verbessert --> Sekundenanzeige und "Ladebalken" im Fragebereich
- JS überarbeitet --> onclick stoppt nun die Zeitnahme