Anleitung: Raster-Overlay
- Lege ein Sprite, Spritesheet oder Tileset ab. Die Zellengröße wird aus dem Frame-Raster geschätzt.
- Stelle Zellenbreite und -höhe ein (16×16 und 32×32 per Klick) und einen Versatz, falls deine Tiles nicht bei 0,0 beginnen.
- Wähle Linienfarbe, Deckkraft und Breite und füge Hauptlinien alle 2, 4 oder 8 Zellen hinzu, wenn du Abschnitte willst.
- Wähle eine Export-Skalierung; die Rasterlinien liegen zwischen den skalierten Pixeln.
- Lade das PNG herunter.
Was du bekommst
- Skaliertes PNG mit Zellenraster
- Optionales feines 1-px-Raster und Hauptlinien
- Optionaler Außenrahmen
Tipps aus der Spieleentwicklung damit
- Nutze für Tutorials eine Skalierung von 8× oder mehr. Bei 1× muss eine Rasterlinie Pixel überdecken, was die Grafik versteckt.
- Wähle eine Linienfarbe, die nicht in deiner Palette vorkommt (Cyan oder Magenta passt meist), damit niemand Linien mit der Grafik verwechselt.
- Hauptlinien alle 4 Zellen helfen, wenn du einen 64×64-Raum aus 16×16-Tiles dokumentierst.
- Mit den Versatzfeldern prüfst du, ob ein Tileset einen 1-px-Rand hat, bevor du es in Tiled oder deine Engine importierst.
Anwendungsfälle
- Ein Tileset für das Team oder eine Store-Seite dokumentieren
- Pixel-Art-Tutorials und Schritt-für-Schritt-Bilder erstellen
- Die Ausrichtung von Sprites an einem 16- oder 32-px-Raster prüfen
- Referenzbilder für Leveldesigner vorbereiten
FAQ
Verdeckt das Raster meine Pixel?
Ab Skalierung 2× werden die Linien auf die Grenzen zwischen den skalierten Pixeln gezeichnet. Bei 1× ist zwischen den Pixeln kein Platz, daher ersetzen die Linien eine Pixelreihe.
Kann ich ein nicht-quadratisches Raster nutzen?
Ja. Zellenbreite und -höhe sind getrennt einstellbar, also funktionieren auch 16×24- oder 32×16-Raster.
Was ist die Option Pixelraster?
Ein dezentes 1-Pixel-Raster unter dem Zellenraster, sichtbar ab 4× Skalierung. Damit lassen sich einzelne Pixel leicht zählen.
Wie groß wird das PNG?
Originalgröße mal Export-Skalierung. Die endgültige Größe steht unter dem Download-Button.
Wird mein Bild hochgeladen?
Nein, alles wird in deinem Browser gezeichnet.