Online Tool Store
Tilemap-Editor
Malen Sie kachelbasierte Spielkarten auf einem größenveränderbaren Canvas-Raster mit Farbpalette und exportieren Sie das Ergebnis als PNG oder JSON.
🔒 Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
Klicken und ziehen, um Kacheln zu malen. Rechtsklick (oder Umschalt-Klick) zum Löschen.
So funktioniert es
- Wählen Sie eine Rastergröße und klicken Sie auf "Raster anpassen" (standardmäßig wird eine Beispielkarte gezeigt).
- Wählen Sie eine Kachel aus der Palette und klicken und ziehen Sie dann auf dem Canvas zum Malen.
- Rechtsklick oder Umschalt-Klick, um eine Kachel zu löschen.
- Exportieren Sie die fertige Karte als PNG für ein Vorschaubild oder als JSON für Spiel-Engine-Daten.
FAQ
Wie male ich Kacheln auf das Raster?
Wählen Sie eine Kachel aus der Palette, dann klicken und ziehen Sie über das Raster, um zu malen. Rechtsklick oder Umschalt beim Klicken setzt eine Kachel wieder auf leer zurück.
Kann ich die Karte nach Beginn des Malens vergrößern?
Ja – ändern Sie die Felder Spalten und Zeilen und klicken Sie auf "Raster anpassen". Beachten Sie, dass das Anpassen die aktuelle Karte leert – exportieren Sie Ihre Arbeit also zuerst, wenn Sie sie behalten möchten.
Was bekomme ich beim Export als JSON?
Eine JSON-Datei mit den Rasterabmessungen, der Kachelgröße, den Palettennamen und einem flachen Array von Kachelindizes – bereit zum Laden in eine Spiel-Engine oder einen eigenen Renderer.
Kann ich die Karte stattdessen als Bild exportieren?
Ja – "PNG exportieren" speichert genau das, was Sie auf dem Canvas sehen, nützlich für Level-Design-Dokumente oder schnelle Vorschauen.
Werden meine Kartendaten irgendwohin hochgeladen?
Nein. Das Raster liegt im Speicher Ihres Browser-Tabs und beide Exporte werden lokal erzeugt – nichts wird an einen Server gesendet.
So schneiden wir ab
| Merkmal | Online Tool Store | Tiled (Desktop-App) | In die Engine integrierte Tilemap-Tools |
|---|---|---|---|
| Keine Installation, läuft in jedem Browser | ✓ | ✗ | ✗ |
| Einfache Farbkachel-Palette für schnelles Prototyping | ✓ | Erfordert eigene Tilesets | An eine bestimmte Engine gebunden |
| Kostenlos, keine Projekteinrichtung | ✓ | ✓ | In einer größeren Engine gebündelt |
Für schnelle Level-Layout-Skizzen oder um kachelbasierte Kartenkonzepte zu vermitteln, liefert Ihnen dieser Editor ein bemalbares Raster und exportierbare Daten, ohne eine Spiel-Engine oder einen eigenen Karten-Editor zu installieren.