Zum Inhalt springen

Tileset-Extruder

Dünne Linien zwischen deinen Kacheln? Extrudiere das Tileset: Jede Kachel bekommt einen Rahmen aus ihren eigenen Kantenpixeln, und die Linien verschwinden in der Engine. Deine Bilder verlassen nie dein Gerät.

Wird auf deinem Gerät erstellt. Deine Bilder werden nie hochgeladen.

  • Nie hochgeladen
  • Keine Nähte mehr
  • Kostenlos, ohne Anmeldung

So funktioniert es

So extrudierst du ein Tileset

  1. Schritt 1: Tileset hinzufügen

    Wähle das Sheet aus, zieh es hierher oder füge es ein. Die Kachelgröße wird erraten; korrigiere sie, wenn deine Kacheln eine andere Größe haben.

  2. Schritt 2: Extrusion einstellen

    1 Pixel passt für die meisten Spiele. Klick eine Kachel an und wähle Kacheln, um zu sehen, ob ihre Kanten zusammenpassen.

  3. Schritt 3: Herunterladen und importieren

    Speichere das PNG und trag Kachelgröße, Rand und Abstand, die daneben stehen, in deiner Engine ein.

Tileset-Extruder

Kacheln, die ohne Linie aneinanderstoßen

  • Kanten nach außen wiederholt

    Jede Kachel bekommt einen Rahmen aus ihren eigenen Kantenpixeln, sodass die Engine nie die Nachbarkachel abtastet.

  • Gekachelte Vorschau

    Sieh jede Kachel drei mal drei wiederholt, mit oder ohne Linien an ihren Kanten, um Nähte in der Grafik selbst zu finden.

  • Zahlen für deine Engine

    Der neue Rand und der Abstand werden für dich ausgerechnet, bereit für Godot, Unity, Tiled oder Phaser.

  • Nie hochgeladen

    Alles passiert in deinem Browser, deine Bilder bleiben also auf deinem Gerät.

Im Detail

Warum Kacheln Linien zeigen und wie Extrudieren das behebt

Warum zwischen Kacheln Linien erscheinen

Eine Tilemap zeichnet jede Kachel aus einem kleinen Rechteck einer großen Textur. Bewegt sich die Kamera um den Bruchteil eines Pixels oder wird die Karte skaliert oder gefiltert, liest die Engine eine Haaresbreite außerhalb dieses Rechtecks und erwischt einen Streifen der Nachbarkachel. Auf dem Bildschirm ist dieser Streifen eine dünne Linie, die bei Bewegung flackert.

Beim Extrudieren bekommt jede Kachel einen Rahmen, der ihre eigenen Kantenpixel wiederholt. Was die Engine knapp außerhalb der Kachel liest, hat jetzt dieselbe Farbe wie die Kante der Kachel, es gibt also nichts mehr zu sehen.

Das extrudierte Sheet verwenden

  • Godot: Stell in den Atlas-Einstellungen des TileSets Margins auf den Rand und Separation auf den Abstand, die hier angezeigt werden. Die Größe der Texturregion bleibt deine Kachelgröße.
  • Unity: Zerschneide im Sprite Editor nach Zellengröße, mit Offset gleich dem Rand und Padding gleich dem Abstand.
  • Tiled: Gib beim Hinzufügen des Tilesets dieselben Werte für Margin und Spacing ein.
  • Phaser: Übergib Rand und Abstand als die letzten beiden Argumente von addTilesetImage.

Die Kacheln selbst prüfen

Extrudieren behebt die Linien, die von der Engine kommen. Linien, die aus der Grafik kommen, sind etwas anderes: Eine Graskachel, deren linke Kante nicht zur rechten passt, zeigt eine Naht, egal wie sie gepackt ist.

Klick eine Kachel an und wähle Kacheln, um sie drei mal drei wiederholt zu sehen, so wie eine Karte sie legen würde. Schalte Kachelkanten anzeigen ein, um genau zu sehen, wo eine Kopie endet und die nächste beginnt.

Tileset-Extruder

Häufige Fragen

Werden meine Bilder irgendwohin hochgeladen?

Nein. Alles läuft in deinem Browser, auf deinem eigenen Gerät. Deine Bilder werden nie an Moriqa oder sonst jemanden gesendet, und nach dem Schließen der Seite bleibt nichts gespeichert.

Um wie viele Pixel soll ich extrudieren?

Ein Pixel reicht für die meisten 2D-Spiele. Nimm zwei oder mehr, wenn die Textur Mipmaps verwendet, die Kamera weit herauszoomt oder immer noch Linien zu sehen sind.

Verändert das Extrudieren meine Kacheln?

Nein. Die Kacheln behalten ihre Größe und jedes Pixel. Nur der Raum um sie herum ändert sich; deshalb wird das Sheet größer und braucht in der Engine einen Rand und einen Abstand.

Wofür ist die zusätzliche Lücke?

Sie fügt leere Pixel zwischen den extrudierten Kacheln ein. Die meisten Engines brauchen sie nicht; sie hilft, wenn ein Werkzeug zusätzlich leeren Raum zwischen den Kacheln erwartet.

Mein Tileset hat schon einen Abstand. Kann ich es verwenden?

Ja. Öffne Das Sheet, das du hast und gib seinen Rand und seinen Abstand ein. Die Kacheln werden von dort gelesen und mit der Extrusion neu angeordnet.

Wie prüfe ich, ob eine Kachel nahtlos ist?

Klick die Kachel an und wähle dann Kacheln. Stoßen die Kopien ohne sichtbare Linie aneinander, wiederholt sich die Kachel sauber.

Zeichnest du die Kacheln auch selbst?

Der Pixel-Art-Editor von Moriqa zeichnet Kacheln und Sprites auf einem Pixelraster und exportiert sie für deine Engine, kostenlos in deinem Browser.