Metlivi Blog

So bereiten Sie ein großes Kartenbild für die zuverlässige Verwendung in einem Virtual Tabletop vor

Legen Sie bei einer großen Tabletop-Karte vor dem Export das gewünschte Raster und die Pixelabmessungen fest, speichern Sie eine Kopie in einem Format, das Ihr Virtual Tabletop unterstützt, und überprüfen Sie das Ergebnis vor dem Spieltermin im eigentlichen Spiel. Die Druck-DPI-Einstellung einer Karte bestimmt nicht, wie groß oder scharf sie auf einem VTT dargestellt wird: Ausschlaggebend sind die Pixelabmessungen und die Pixel pro Rasterfeld. Dieser Workflow nutzt Foundry VTT für die Szenenerstellung und weist darauf hin, wo sich Roll20 unterscheidet.

15. Oktober 20267 Min. LesezeitVon Metlivi Editorial Team
Abschnitt 1

1. Raster und spielbaren Bereich der Karte festlegen

Notieren Sie sich zunächst den vorgesehenen Rastertyp der Karte, die Anzahl der Spalten und Zeilen und ob das Bildmaterial bereits ein eingezeichnetes Raster enthält. Wählen Sie bei einer Battlemap mit quadratischem Raster eine Pixelgröße pro Quadrat und multiplizieren Sie diese mit der Anzahl der Rasterfelder. Beispielsweise ergibt eine Karte mit 30 Spalten und 20 Zeilen bei 100 Pixeln pro Quadrat eine Größe von 3.000 × 2.000 Pixeln. Diese Berechnung liefert Ihnen eine Ziel-Exportgröße und erleichtert es, versehentliches Zuschneiden oder Verzerren zu erkennen.

Die Empfehlungen von Foundry nutzen 100 Pixel pro Quadrat als praktischen Richtwert und raten zu ganzen Rasterfeldern, bei denen das Raster bündig mit den Bildkanten abschließt. Ein Hintergrund von 3.000 × 2.000 Pixeln bei 100 Pixeln pro Quadrat sollte daher 30 Spalten und 20 Zeilen enthalten. DPI/PPI-Metadaten haben keinen Einfluss auf das Rendern der Szene in Foundry. Foundry’s Content Creation Style Guide

Wenn die Karte einen dekorativen Rahmen, einen leeren Rand oder unvollständige Quadrate aufweist, entscheiden Sie, ob diese zum spielbaren Bereich gehören. Ein Rahmen kann visuell ansprechend sein, aber unvollständige Quadrate an den Rändern erschweren die automatische Rasteranpassung. Bewahren Sie die originale Grafikdatei auf, damit Sie sie neu zuschneiden oder skalieren können, ohne die einzige Kopie in ihrer Qualität zu beeinträchtigen.

Abschnitt 2

2. Eine Auflösung wählen, die Ihre Gruppe laden kann

Mehr Pixel können Details beim Hereinzoomen bewahren, doch überdimensionierte Bilder brauchen länger bei der Übertragung und können die Rendering-Grenzwerte eines Geräts überschreiten. Foundry berichtet, dass sehr große Hintergrundabmessungen zu einem schwarzen Bildschirm führen können, wobei die typischen Grenzwerte je nach Hardware variieren: etwa 8.000 Pixel auf älteren Computern und 16.000 auf neueren. Es wird empfohlen, eine geringere Exportgröße wie 100 Pixel pro Rasterquadrat in Betracht zu ziehen. Betrachten Sie diese Zahlen als Vorsichtsmaßnahme, nicht als Garantie dafür, dass jedes Gerät eine Karte knapp unterhalb dieser Werte problemlos bewältigen kann. Foundry’s Leitfaden zur Fehlerbehebung beim Laden von Szenen

Verwenden Sie den kleinsten Export, der bei der von Ihrer Gruppe benötigten Zoomstufe noch scharf aussieht. Wenn die Spieler eine Battlemap hauptsächlich im normalen Maßstab betrachten, kann ein 100-Pixel-Raster ausreichend sein. Wenn starkes Heranzoomen wichtig ist, testen Sie nach Möglichkeit eine höher auflösende Kopie auf dem leistungsschwächsten Gerät der Gruppe. Die Richtlinien für Partner-Karten von Roll20 empfehlen 140 Pixel pro Quadrat für Kartenbilder mit quadratischem Raster – beschrieben als das Doppelte des 70-Pixel-Rasterzellenmaßstabs –, um sichtbare Verpixelung beim Zoomen über 100 % hinaus zu reduzieren. Dies sind plattformspezifische Empfehlungen, keine universellen Mindestanforderungen. Roll20’s Richtlinien für Kartenbilder

Abschnitt 3

3. In einem vom VTT akzeptierten Format exportieren

Bei einer detaillierten Karte mit gemalten Texturen kann WebP die Dateigröße reduzieren und gleichzeitig eine angemessene visuelle Qualität beibehalten. Foundry unterstützt WebP und empfiehlt es aufgrund seines ausgewogenen Verhältnisses von Qualität zu Dateigröße; die Dokumentation weist jedoch auch darauf hin, dass die WebP-Dekodierung mehr Rechenleistung auf Client-Seite erfordert. JPEG ist eine weitere Option für große, undurchsichtige Grafiken, aber verlustbehaftete Komprimierung kann sichtbare Artefakte erzeugen. PNG behält die Bilddaten ohne verlustbehaftete Komprimierung bei, allerdings können große Szenenhintergründe bei der Übertragung sehr schwerfällig werden. Vergleichen Sie Exporte auf der Zoomstufe, die die Spieler verwenden werden, bevor Sie sich entscheiden. Foundry’s Leitfaden zur Medienoptimierung

Prüfen Sie die akzeptierten Formate der Zielplattform, anstatt davon auszugehen, dass jedes VTT dieselben Dateien unterstützt. Die Tabletop-Übersicht von Roll20 führt JPG und PNG für Bilder auf, die auf dem Spieltisch platziert werden, während Foundry eine breitere Palette einschließlich WebP unterstützt. Eine WebP-Datei, die für Foundry geeignet ist, erfordert für Roll20 daher möglicherweise einen JPG- oder PNG-Export. Roll20’s Tabletop-Übersicht

Abschnitt 4

4. Karte und Raster synchron halten

Behalten Sie bei Karten ohne sichtbares Raster die beabsichtigten Abmessungen bei und stellen Sie das Raster des VTT passend dazu ein. Wenn Sie in Foundry einen Szenenhintergrund auswählen, werden die Szenenabmessungen automatisch anhand des Bildes festgelegt; konfigurieren Sie die Rastergröße, bevor Sie Wände, Lichter, Tokens oder andere positionierte Elemente hinzufügen. Foundry weist darauf hin, dass eine spätere Änderung der Rastergröße diese Elemente verschieben kann. Foundry’s Szenen-Leitfaden

Zählen Sie bei einer Karte mit vorgezeichnetem Raster die Quadrate und teilen Sie die Bildbreite oder -höhe durch die Anzahl der entsprechenden Felder. Eine 3.080 Pixel breite Karte mit 22 Spalten ergibt 140 Pixel pro Spalte. Überprüfen Sie auch die vertikale Berechnung: Ergeben Breite und Höhe unterschiedliche Pixelgrößen pro Quadrat, ist das Bild möglicherweise verzerrt, beschnitten oder verwendet kein quadratisches Raster. Foundry bietet ein Raster-Ausrichtungswerkzeug (Grid Alignment Tool), um die Rasterüberlagerung an ein sichtbares Raster anzupassen; Roll20 bietet ein „Align to Grid“-Werkzeug für Karten, deren genaue Abmessungen oder Zuschnitt unklar sind. Foundry’s Szenen-Leitfaden, Roll20’s Leitfaden zum Platzieren und Ausrichten von Karten

Abschnitt 5

5. Szene hochladen und einrichten, bevor Details hinzugefügt werden

Erstellen Sie eine neue Szene oder Seite für die Karte, laden Sie die exportierte Datei hoch und passen Sie die Abmessungen der Szene oder Seite an den spielbaren Bereich des Bildes an. Überprüfen Sie in Foundry den Hintergrundpfad und die Bildabmessungen in der Szenenkonfiguration; wenn Sie die Abmessungen manuell anpassen, behalten Sie das Seitenverhältnis des Bildes bei. Legen Sie Rastertyp und -größe fest und passen Sie anschließend Ausrichtung und Versätze an, falls ein aufgedrucktes Raster eine Feinabstimmung erfordert. Das Raster von Foundry beginnt in der oberen linken Ecke des Bildes, daher kann ein Rand vor dem ersten Quadrat Ausrichtungsarbeit erfordern.

Laden Sie das Bild in Roll20 auf die Kartenebene (Map layer) hoch und verwenden Sie dann die Seiteneinstellungen (Page Settings) sowie die Option „Set Dimensions“ des Bildes, um die gewünschten Einheiten oder die Pixelgröße abzugleichen. Bei einer gerasterten Karte empfiehlt die Anleitung, die Karte am Spieltisch-Raster auszurichten, bevor die Seite auf das Bildmaterial zugeschnitten wird. Halten Sie dort beim Verschieben oder Skalieren die Alt-Taste gedrückt, um das Einrasten am Raster zu umgehen. Sobald die Ausrichtung stimmt, sperren Sie die Position des Kartenbildes, damit es nicht durch versehentliches Ziehen verschoben wird. Roll20’s Leitfaden zum Platzieren und Ausrichten von Karten

Prüfen Sie vor der Erstellung einer sehr großen Datei die Upload-Limits für Ihr Konto. Die Dokumentation zur Kartenausrichtung von Roll20 nennt ein Limit von 10 MB pro Asset für kostenlose Konten und 20 MB für Plus- und Pro-Abonnenten; Limits können sich ändern, schlagen Sie also bei einem fehlgeschlagenen Upload in der aktuellen Plattformdokumentation nach. Wenn die Datei das jeweilige Limit überschreitet, verringern Sie die Pixelabmessungen oder passen Sie die Komprimierung an und prüfen Sie den neuen Export anschließend auf Unschärfen oder Komprimierungsartefakte.

Abschnitt 6

6. Karte im Tischmaßstab testen

Öffnen Sie die Szene als Spieler oder, falls praktikabel, in einer separaten Browsersitzung. Vergewissern Sie sich, dass das Bild geladen wird, der gesamte spielbare Bereich sichtbar ist und die Tokens auf den erwarteten Feldern einrasten. Vergleichen Sie mehrere Quadrate nahe der Mitte und an den Rändern: Ein Raster, das in einer Ecke passt, aber an anderer Stelle abweicht, deutet möglicherweise darauf hin, dass das Bild verzerrt wurde oder sein Raster ungleichmäßig ist. Zoomen Sie auf feine Details und Beschriftungen heran und zoomen Sie anschließend heraus, um die Gesamtansicht zu prüfen.

Wird in Foundry ein schwarzer Bildschirm angezeigt, prüfen Sie, ob die Abmessungen des Hintergrundbildes für die Hardware zu groß sind. Ein grauer oder leerer Hintergrund kann auch bedeuten, dass Foundry den konfigurierten Bildpfad nicht finden kann. Lädt die Karte, aber das Raster stimmt nicht, korrigieren Sie Rastergröße oder -ausrichtung, bevor Sie Wände zeichnen oder andere Szenendetails platzieren; diese nachfolgenden Elemente hängen von der Szenengeometrie ab. Halten Sie für eine stabilere Spielsitzung einen Export mit geringerer Auflösung bereit, falls sich das Original als zu langsam erweist oder auf dem Gerät eines Spielers fehlschlägt.

Eine zuverlässige Karte zeichnet sich dadurch aus, dass ihr Export zum Ziel-VTT passt, ihr Raster mit dem Bildmaterial übereinstimmt und ihre Datei auf den Geräten am Tisch problemlos lädt und lesbar bleibt. Notieren Sie sich die endgültigen Pixelabmessungen und den Rastermaßstab neben Ihrer Kartendatei, damit Sie die Konfiguration reproduzieren können, falls Sie sie in eine andere Szene oder auf eine andere Plattform übertragen.

Abschnitt 7

Quellen

Weitere Artikel

Dieses Thema weiter erkunden