Hier ist meine fertige Online Spieler Map für
World of Warcraft Wrath of the Lich King!
Diese Map funktioniert sicher auch für andere Server wie Mangos etc.

Was diese Map kann:
• Es zeigt die Position der Spieler auf der Karte an
• Es zeigt auch die GM's an, oder versteckt sie, oder sind als normale Spieler sichtbar
• Es zeigt die Namen, Level, Klasse & Rasse des Spielers an (Mouseover-Effekt)

Worauf diese Map basiert:
• HTML
• PHP
• CSS
• Javascript
• Bilder
• Min. 1024x768 Auflösung

Wie das Ganze aussieht:
• http://map-wotlk.e0b.eu/ <-- Beispielseite
(Die Beispielseite ist mit meinem Server verbunden.)

Wie es die Spieler mit Titeln darstellt:


Notiz: Es gibt 142 Titel im Spiel


Die Hauptfiles wurden so eingerichtet, dass es automatisch mehrere Sprachen erkennt (sofern man andere hinzufügt) und ein extra Menü erstellt!



• Downloadlink der HAUPTFILES (Version 3.1 | 2015-09-15 | 1.4 MB)
In Datei _page/conf.php alles nötige einstellen. Mehr muss man einfach nicht machen!


• Downloadlink der deutschen Bilder (ab Version 3.1 | ~24 MB)

• Downloadlink der englischen Bilder (ab Version 3.1 | ~24 MB)

• Downloadlink der spanischen Bilder (ab Version 3.1 | ~24 MB)

• Downloadlink der französischen Bilder (ab Version 3.1 | ~24 MB)

• Downloadlink der russischen Bilder (ab Version 3.1 | ~24 MB)

in _page Ordner entpacken



Diese Map ist nicht von anderen abgeschaut worden, kopiert oder sonst desgleichen.
Es ist zu 100% meine eigene Mühe. Mit Ausnahme der Bilder. (Bilder sind Copyright von Blizzard)

Wie ein Spieler auf die Karte übertragen wird

Von außen betrachtet sieht das ganze doch einfach und unkompliziert aus.
"Sowas kann ich auch" heißt es wohl dann.
Aber hinter der Oberfläche steckt meist ein kompliziertes Verfahren,
was man später natürlich nicht sieht.


Was benötigt man für so eine Online Map?
Mit einer guten vorstellung fängt das ganze schon mal an, wie es aussehen sollte,
was es kann, was alles rein sollte usw.
Eine Idee ist geboren.
Jetzt noch das ganze umsetzen können.

Aber womit fängt man an?
Mit dem Design. Das aussehen ist erstmal am wichtigsten.
Der größte Teil danach geschieht praktisch im "Hintergrund".
(Kleine Designänderungen kann man ja nachher immer noch durchführen)
Also mit guten CSS und HTML (und PHP) kenntnissen kanns dann losgehen.

Hat man schon seine Vorstellung zum Papi.. äh PHP-Text gebracht...
Kann es dann mit den nächsten Schritten weitergehen.

Wie bekomme ich die Spielerkoordinaten auf das Bild übertragen?
Sieht doch Oberflächlich einfach aus.

Man muss zuerst wissen, wie entstehen die Koordinaten inGame.
Die Koordinaten sind PIXELANGABEN von der MINIKARTE im Spiel.
Es gibt einen Zentralen Punkt der Minimap. Der Nullpunkt.
Den findet man inGame mit .go 0 0 0 x (x = MAP)
Bei Östliche Königreiche wär das so in etwa unten links in Alteracgebirge.
Von da aus geht es nach oben,unten,links und rechts. Minus- und Plus-Angaben der Koordinaten.
Klingt doch einfach zum übertragen auf die Map.

Verkürzen wir das ganze gelabere:
$x = round(($row['position_x'] * -0.359) + 533);
$y = round(($row['position_y'] * -0.359) + 275);
Das sind nun die Koordinaten für Alteracgebirge, dass die Spieler auf das 1002x668 Feld platziert.
Das round() ist zum Abrunden der Kommastellen im Spiel (in Pixeln gibt es schließlich keine Kommastellen).
* -0.359 ist für das "Schrumpfen" auf die Kartengröße gedacht.
Je kleiner diese 0.x Angaben, desto kleiner werden die Abstände.
Die Plusangaben (oder auch Minus) dahinter, Positioniert schlussendlich das Ergebnis auf die Karte.
Ohne diese würden die Spieler weit außerhalb der Karte angezeigt werden.

Aber wie kommt man denn zu diesen Ergebnis?
Dazu braucht man mindestens zwei Spieler!
Der eine platziert sich oben links, der andere unten rechts (oder oben rechts/unten links).
(Je weiter weg die beiden voneinander sind, desto besser ist es die Abweichung und Korrektheit zu bestimmen)
Danach verringert/vergrößert man den Faktor (* -0.359) solange, bis die "Punkte" mit denen im Spiel übereinstimmen.
Nachteilig dabei ist, wenn man diese verändert, muss man auch die +/- Angaben (533 & 275) mit verändern.
Und wenn man weiter weg von dem Nullpunkt ist (e.g. Schlingendorntal) desto mehr muss man das ganze verschieben.
Bei manchen Karten kann eine Verschiebung von 0.1 im Faktor zu einer Verschiebung von über 7000 Pixeln betragen.
Und das ganze Spielchen bei 74 Zonen. Denn Jede Map hat nicht den gleichen Faktor!
Die fertigen Koordinaten werden dann wie folgt ausgegeben (einfache Darstellung):
$playerpos = '<img class="ppos" src="punkt.png" style="top:'.$x.'px; left:'.$y.'px;"/>';
In class="ppos" steht nur "position: absolute; z-index: 25;"
Die Koordinaten werden nun in top $x und left $y ausgegeben.
Danach noch echo $playerpos; und der Spieler wird angezeigt.

Und dies war bisher nur die grobe Erklärung wie so ein Spieler auf die Weltkarte in WWW auftaucht.

Ein kleiner Tip:

worldserver.conf

Zeile 251:
PlayerSaveInterval = 900000 (15min)

wenn man das runterstellt auf 60000 (1 Minute) oder weniger würde das natürlich für den Server häufigerer DB zugriff bedeuten aber man sieht dann die Positionen fast "live" ;-P

• Weitere Typos fixed
• Hauptfiles überarbeitet -> Weniger Dateien --> Version 3!

Für Multilanguage werden nur noch die Bilder benötigt. Keine Extrafiles.