Levelplanung mit Maps Screenshots- Unreal Engine

Realistisches Leveldesign kann man natürlich mit vielen Referenzen aus Städten und deren Umgebungen erreichen. Willst du aber eine Abwandlung einer echten Stadt erschaffen, die nicht zu 100% gleich sein soll – oder auch doch, spielt keine Rolle – dann bist du hier absolut richtig. Bestimmt bist du schnell auf die Idee gekommen, Satellitenbilder für dein Hobbyprojekt einzusetzen. Problematisch ist aber, dass es mühsam ist, tausende Screenshots zu machen. In diesem Tutorial zeige ich dir, wie du größere Screenshot von Google Maps erstellen und in die Unreal Engine einfügen kannst.

Satellitenbilder für die Levelplanung

Screenshot Browser Addon installieren

Maps bietet dir sehr hochauflösende Satellitenbilder von Städten und Landschaften. Screenshots davon sind leider meist auf die Größe deines Bildschirms beschränkt – aber hier ist der Knackpunkt. Bevor wird fortfahren, beachte bitte die Nutzungsbestimmungen / Lizenzen der Maps-Services die du nutzt.

Bevor du Screenshots aufnehmen kannst, benötigst du ein Browser-Addon für deinen Browser (z.B. Firefox). Das benötigte Screenshot-Addon für deinen Browser ist unter dem Namen „FireShot“ bekannt. Es ist komplett kostenlos und hilft dir Screenshot von deinem gesamten Browser aufzunehmen und dieses als PNG, JPEG, PDF usw. abzuspeichern.

FireShot Addon Screenshot

Sobald du FireShot installiert und aktiviert hast, kannst du oben rechts in deiner Browserleiste ein „S“ Icon sehen. Wenn du dort drauf klickst, erscheint ein drop-down Menü in dem du die ganze Seite „erfassen“ kannst. Damit kannst du anschließend Screenshots von einer gesamten Website aufnehmen, also auch von der nächsten Website in der wir ein großes Satellitenbild aufnehmen werden.

Solltest du einen anderen Browser verwenden, suche einfach bei deiner Suchmaschine deines Vertrauens nach „Fireshot for x“ (x = dein Browsername).

Größere Maps screenshots erstellen

Um Google Maps Screenshots erstellen zu können, gehen wir nicht auf maps.google.com, sondern auf eine andere Website die uns ermöglicht, unsere Bildschirmauflösung künstlich hoch zu skallieren.

Auf der ChengFolio.com Website findest du unbeschriftete Satellitenbilder, die wir in den nächsten Schritten abfotografieren werden. Die Website ermöglicht uns ebenfalls die Auflösung festzulegen. Auf der rechten Seite siehst du ein Screenshot der Website.
Als nächstes beschäftigen wir uns mit der linken Seite der Website, der Auflösung.

ChengFolio.com Screenshot Dimension

Stelle die Auflösung auf einen beliebigen Wert ein, zum Beispiel: 2048×2048, 4096×4096, 2048×4096 oder 8192‬x8192‬. Beachte das größere Screenshots in der Unreal Engine zu Problemen führen können. Auf dem Screenshot links nutze ich die Werte 4096×4096 für eine schöne quadtratische Textur  in der Unreal Engine. Sobald du dich für eine Auflösung entschieden und auf „Set Dimension“ geklickt hast, wirst du festellen, dass die deine Seitenleisten ein größeres Bild verzeichnen und die Website nicht mehr auf deine aktuelle Bildschirmauflösung angepasst ist. Hier kommt FireShot zum Einsatz.

Da die Website in einer höheren Auflösung dargestellt wird, wird diese auch größer angezeigt. Mit FireShot kannst du jetzt eine „Bildschirm“ aufnahme machen, nur das diesmal auch der Inhalt aufgenommen wird, der theoretisch angezeigt wird – also auch der Inhalt der Website, der aktuell für dich nur mit beim schieben der Scrollbar sichtbar wäre. Klicke dafür oben rechts auf das „FireShot“-Addon in der Browserleiste (auf das „S“) und klicke in dem drop-down Menü auf „Erfassen der ganzen Seite“. ~Es wird ein screenshot erstellt.

Ein neues Browser-Tab öffnet sich, speichere das Screenshot noch gerade als JPEG oder PNG ab und dann kannst du auch schon den Browser ohne weiteres schließen. Navigiere in den Ordner in dem dein Screenshot (am besten quadtratisch) gespeichert wurde.

Satellitenbilder in die Unreal Engine einfügen

Öffne die Unreal Engine und importiere das Screenshot / die Textur. Anschließend machst du folgendes:

Alternativ kannst du auch noch folgendes Video anschauen und statt einem normalen Material dein Screenshot auch mit einem Decal verwenden. Dies gibt dir den Vorteil das es nie im Weg ist und immer sichtbar – unabhängig ob du etwas darüber platzierst.

Realistische 3D Modelle zum füllen deines Levels

Solltest du realistische Stadt-3D-Modelle suchen die für die Unreal Engine und Computerspiele optimiert sind, schau gerne mal auf meiner Produktseite nach. Dort findest du Verkehrsschilder, Poller, Barrieren, Baustellen-Equiptment und mehr!

So oder so, ich hoffe der Tipp mit dem Addon und den großen Satellitenbildern haben dir geholfen. Natürlich gibt es für die Unreal Engine auch kostenpflichtige (und vielleicht auch kostenlose) Plugins die eine 3D Stadt oder Textur davon direkt einfügen – meist sind diese aber nicht für den Planungsgebrauch für PC Spiele optimiert oder geeignet. Solltest du dennoch ein Plugin oder einen anderen Weg kennen, sag mir gerne bescheid und ich update den Beitrag :)!

Scroll to Top