Stadtansicht

2D, 3D, ISO was soll es sein?

Ich denke für mich selbst, dass ich eine ISO ähnliche Ansicht einbauen werde. Dies bedeutet, die Gebäude werden von einer schräg oben Ansicht dargestellt, aber nicht genau im 45° Winkel.

Erstmal muss ich aber ausprobieren, wie man Gebäude, Wege und andere Dinge positionieren, und diese dann möglich einfach handhaben kann. Als Spielfläche habe ich im vorläufigen Layout eine Größe von 800×640 Pixel vorgesehen. 

Anordnung der DIV Elemente

Um einzelne unterschiedlich große Objekte zu positionieren, braucht man entweder eine gute Berechnung, oder ein Raster. Ich habe mich für ein Raster entschieden und werde dies mit DIV Elementen aufbauen. Als Hintergrund kommt ein Tileset in Rautenform zum Einsatz, womit ich dann die DIV Elemente in versetzen Reihen anordnen muss. Die Reihen werden jeweils um eine halbe Tilesethöhe nach oben verschoben, und jede zweite Reihe um eine halbe Tilesetbreite nach links.

Straßen und Untergründe

Ausschnitt des Tileset

Die Straßen und Untergründe werden als eine Spritegrafik abgelegt, und als Hintergrundbild für die DIV Elemente gesetzt. Durch die absolute Positionierung des Hintergrundbildes und der begrenzten DIV Größe kann man so die Wiese, Wege, Wasser, Ufer und sonstige Dinge zusammenbauen. Ein Teil meines aktuell entworfenen Tilesets für den Hintergrund (auch auf Basis von Reiner “Tiles” Prokein) sieht wie folgt aus:

Gebäude positionieren

Stadtraster und Gebäudegrößen

Für die Gebäude werden einfach Bilder innerhalb der oben gebauten DIV Elemente angezeigt. Diese Bilder sind absolute in der Mitte und unteren Rand des jeweiligen DIV Elementes positioniert. Die verschiedenen Gebäudegrößen ergeben sich damit automatisch aus der entworfenen Map. Für das Erste habe ich Gebäude mit 5 verschiedenen Grundflächen entworfen, wie an folgender Grafik zu sehen.