No edit summary |
|||
| Line 1: | Line 1: | ||
<div style="background: #f1f1f1; padding: 50px 0;"> | <div style="background: #f1f1f1; padding: 50px 0;"> | ||
<div style="width: 754px; background: #fff; padding: 15px 20px; margin: 0 auto;"> | <div style="width: 754px; background: #fff; padding: 15px 20px; margin: 0 auto;"> | ||
[http://cityquiz2.som-media.de/ http://cityquiz2.som-media.de] | |||
[[File:Ifd_sven_som_cityquiz_logo.jpg|750px]] | [[File:Ifd_sven_som_cityquiz_logo.jpg|750px]] | ||
| Line 7: | Line 9: | ||
= Kurzbeschreibung = | = Kurzbeschreibung = | ||
Bei CityQuiz 2.0 handelt es sich um ein Geografie-Quiz, bei dem der Spieler innerhalb einer vorgegebenen Zeit möglichst zielsicher eine gefragte Stadt lokalisiert. Pro Spiel werden 10 Städte gesucht. Dafür hat man jeweils 20 Sekunden Zeit - je schneller und zielsicherer man tippt, desto mehr Punkte erhält man. Am Ende des Spiels erhält man eine Auflistung aller Tipps und eine Auswertung dieser. | Bei CityQuiz 2.0 (fortan CQ genannt) handelt es sich um ein Geografie-Quiz, bei dem der Spieler innerhalb einer vorgegebenen Zeit möglichst zielsicher eine gefragte Stadt lokalisiert. Pro Spiel werden 10 Städte gesucht. Dafür hat man jeweils 20 Sekunden Zeit - je schneller und zielsicherer man tippt, desto mehr Punkte erhält man. Am Ende des Spiels erhält man eine Auflistung aller Tipps und eine Auswertung dieser. | ||
= Grundidee = | |||
CQ basiert in der Theorie auf einem Spiel, welches ich in meinem Erstsemester erstellt habe. Da sich aber im Laufe meines Studiums auch das Internet und meine eigenen Fähigkeiten weiterentwickelt haben, entschied ich mich für eine komplette Neu-Programmierung. | |||
CQ enthält wie sein Vorgänger 8 verschiedene Karten: Deutschland (mit erweiterten Fragen), Nordamerika, Südamerika, Afrika, Europa, Asien, Ozeanien und eine Kombination aus allem (Welt). | |||
Das Spiel kommt ohne Einsatz von Flash aus, passt sich in der neuen Version größtenteils den üblichen Bildschirmauflösungen an und verwendet die Google Maps API zur Bereitstellung der Karten. | |||
CityQuiz | |||
Link zu CityQuiz 1.0: [[IFD:WebApps/ProjekteWS10/Woliegtwas]] | |||
| Line 30: | Line 42: | ||
'''[https://itunes.apple.com/de/app/wo-liegt-das/id492240967?mt=8 Wo liegt das?]''' | '''[https://itunes.apple.com/de/app/wo-liegt-das/id492240967?mt=8 Wo liegt das?]''' | ||
| Line 87: | Line 100: | ||
Nach dem Spiel erhält man die Auswertung. Nun kann man zwischen drei Möglichkeiten wählen: Städte erneut spielen, andere Städte spielen oder eine andere Karte wählen. Für die Speicherung in der Rangliste erhält man die Möglichkeit, (freiwillig) seinen Namen anzugeben. Als besonderes Feature kann man einen generierten Link kopieren und diesen weitergeben. Durch diesen Link spielt man exakt die gleichen Städte nach. Somit kann man z.B. unter Freunden schauen, wer sich geografisch besser auskennt. | Nach dem Spiel erhält man die Auswertung. Nun kann man zwischen drei Möglichkeiten wählen: Städte erneut spielen, andere Städte spielen oder eine andere Karte wählen. Für die Speicherung in der Rangliste erhält man die Möglichkeit, (freiwillig) seinen Namen anzugeben. Als besonderes Feature kann man einen generierten Link kopieren und diesen weitergeben. Durch diesen Link spielt man exakt die gleichen Städte nach. Somit kann man z.B. unter Freunden schauen, wer sich geografisch besser auskennt. | ||
| Line 122: | Line 136: | ||
** jQuery | ** jQuery | ||
** AJAX | ** AJAX | ||
= Spielprinzip = | = Spielprinzip = | ||
| Line 156: | Line 173: | ||
# Gesamt-Auswertung einblenden | # Gesamt-Auswertung einblenden | ||
# weitere Wahl (replay, newgame, selection) | # weitere Wahl (replay, newgame, selection) | ||
= Zukunftspläne = | = Zukunftspläne = | ||
* weitere Städte hinzufügen | * weitere Städte hinzufügen | ||
* für deutsche Städte evtl. noch weitere Fragen | |||
* Auswertung bei Duellen erweitern | |||
* Zoom-Stufe automatisch an Bildschirm anpassen | * Zoom-Stufe automatisch an Bildschirm anpassen | ||
''''' bekannte Bugs ''''' | |||
* erste Stadt lädt nicht/wird nicht angezeigt | |||
* verschiedene Fehler durch timeOuts | |||
</div> | </div> | ||
</div> | </div> | ||