Dieses Tutorial beschreibt meine eigene Methode, die weder die einzige, noch wahre Möglichkeit ist, an diese Aufgabe heran zu gehen.
Ich hoffe, es wird dennoch dem einen oder anderen helfen.
Scheut euch nicht Fragen zu stellen, wenn etwas unklar sein sollte.
Über ein Danke und Feedback würde ich mich sehr freuen.
Aufbau und Funktion
Autotiles sind ein praktisches Tool, die sich besonders für verschiedenste Böden und Wände eigenen.
Obwohl man nur ein Tile im Editor auswählt (links), setzt sich das gemappte Ergebnis aus wesentlich mehr Teilen zusammen und passt sich dabei automatisiert an die gemappte Umgebung an (rechts).
Sie bilden beim Mappen die unterste Ebene und gehören zum Set A der Tilesets, welches sich in 5 verschiedene Versionen unterscheiden lässt.
Die Grafik für die so verlegten Bereiche setzt sich aus verschiedenen kleineren Teilen in einem 24x24px Raster zusammen, die wie folgt auf dem Set zusammen gespeichert sind.
✂️ Beispiel Boden-Autotile
Vorschaubild (Auswahl im Maker)
Innere und äußere Ecken
Seitenteile (horizontal oder vertikal kachelbar)
Mittelteil (zu allen Seiten kachelbar)
Beispiel, wie sich das Autotile bei Verlegung zusammen setzt:
Die Kachelbarkeit spielt dabei eine sehr große Rolle. Es bedeutet, dass man Teile wiederholt aneinander reihen kann und sie dabei optisch fortlaufend sind und keine Sichtkanten haben.
Autotiles selbst zeichnen
Fortgeschritten: grober Steinboden"
Erstellen wir als Beispiel einen Bodenbelag aus groben Steinen und beginnen beim Mittelteil, das genau 48x48 Pixel groß ist.
(Dieser Schritt ist um so einfacher, um so simpler euer Muster ist, das sich wiederholen soll. Z.B. wenn man einen einfarbigen Teppich wie oben hat. Aber bei komplexeren Strukturen, wird es schnell etwas komplizierter.)
Legen wir diesen nun wiederholt aneinander, sehen wir gleich die Schwächen unseres Tiles.
An den Schnittkanten ergeben sich unschöne Übergänge.
Einige Steine sind angeschnitten oder passen nicht ganz zusammen.
Um diesen Vorgang nun nicht aberdutzende Male mit Trail & Error wiederholen zu müssen, kann man gleich einen Trick anwenden.
Dazu nun zurück zum Anfang und den simplen Outlines der Steine.
Zunächst zeichnet ihr ein paar Steine in die Mitte eures Tiles.
Sie dürfen aber nicht über euer Tile hinaus gehen.
Unterteilt dieses in Teile mit 24x24 Pixel Größe und sortiert die Tile einmal entgegen gesetzt um, wie folgt:
Daraus ergibt sich nun, dass an den Rändern Teilsteine sind, deren passende Gegenstücke schon an den richtigen Stellen liegen.
So bekommt ihr quasi einen Rahmen um die freie Fläche in der Mitte, die ihr nun auch wieder mit Steinen füllen könnt.
Wenn ihr das so fertig ausgefüllte Tile kachelt, könnt ihr testen, ob alles passt.
Beim ersten Beispiel ist der große Stein in der Mitte, der fast wie ein Entchen aussieht, etwas zu auffällig.
In Folge dessen sieht das entstandene Muster beim Kacheltest nicht so gut aus, die Wiederholrate dieses Tiles ist zu hoch.
Beim zweiten sind die Steine schön gleichförmig geworden, aber im Kacheltest zeigen sich deutliche Linien.
Mit diesem Muster bin ich soweit erst mal zufrieden.
Im nächsten Schritt folgt also die Coloration, vor dem finalen Check dieses Tiles.
- Outlines
- Boden
- Outlines abschwächen und Steine schattieren (Lichtquelle oben links)
- Highlights
- Finish (Optional: Grashalme und kleinere Steinchen)
Danach ein letzter Kacheltest für dieses Tile, um eventuelle Probleme an den Schnittkanten nachzubessern und noch einmal nachzupolieren.
Das reicht so für unser Beispiel.
Nun haben wir aber gerade mal das Mittelteil und brauchen noch den Rand und die Ecken.
Um nun den Rand zu erstellen, fülle ich zuerst alle leeren Tiles um das Mitteltile mit genau diesem aus und schneide alles überstehende und alle angeschnittenen Steine aus. Dabei darf aber das Mitteltile nicht beschnitten werden.
An manchen Stellen gibt es nun eine Lücke und an anderen wirken die Steine etwas zu groß.
Das kann nun von Hand korrigiert werden. Behaltet dabei im Hinterkopf, dass die Ränder kachelbar sein müssen.
Die Kachelbarkeit dieses Tiles lässt sich am besten im Maker selbst testen.
Wenn alles stimmt, kann man sich hier auch schnell das Vorschaubild (1 Tile, ganz links) ausschneiden, das ja nur die äußeren Ecktiles beinhaltet.
Die inneren Ecken sind oft etwas kniffelig. Ich erstelle mir als Hilfestellung ein gemapptes Kreuz, in dessen Mitte automatisch der Platz für die Ecktiles passend angeordnet ist. In das entstehende Feld mit Lücke, mappe ich mit Shift ein Mitteltile. Auf diese Weise bleibt das Kreuz erhalten und das Mitteltile wird gleich passend vom Maker umgeordnet.
Dabei ergibt sich meist, dass in 12x12 Pixel großen Quadraten, genau in den Ecken, Probleme im Übergang bestehen. Diese können dann im Grafikprogramm wieder von Hand angepasst werden und das Ergebnis ist bereits das fertige Tile für die inneren Ecken.
Das fertige Autotile muss nur noch einmal im Maker getestet werden.
Ergebnis:
