Was ist der Begriff für ein 3x3-Kachelset, mit dem größere Flächen erstellt werden?


49

Wie lautet der Name für Muster / Design bei der Verwendung eines 3x3-Kachelsatzes (normalerweise in einem gekachelten 2D-Spiel), mit dem größere Bereiche von sich selbst erstellt werden können? Zum Beispiel diese:

Bildbeschreibung hier eingeben

( Bildquelle )

Ich dachte, es sei ein "9er Baum" oder ähnliches, kann es aber nicht finden, es ist vielleicht eine ungewöhnliche Referenz.


9
Ich zähle 13 Kacheln pro Textur, nicht 9.
Philipp

2
@Philipp ah ja da ist es. War nur an der 9 Quadratmeter interessiert :)
lozzajp

Ich hätte ein Sprite erraten ... nette Frage, tolle / informative Antworten!
Albert

Antworten:


40

Ein Name, der Ihnen die tatsächlichen Ergebnisse in Google liefert, ist 9-Slice .

Eine andere Möglichkeit, es anzurufen und Google danach zu fragen, ist 9-Patch .

Gemäß dieser Chat-Diskussion wird anscheinend auch das 9-Fenster-Fenster verwendet, aber das allmächtige Google zeigt Ihnen nicht, was Sie benötigen, es sei denn, Sie beschäftigen sich mit Windows oder Ähnlichem.


Vielen Dank an Kevin und Josh im Chat dafür.


9 Patch war der, von dem ich gehört hatte, danke, dass auch die anderen ihn sich angesehen haben!
Mozzajp

Heheh, Forschung vor der Frage = p
Elva

5
Als mobiler Entwickler kenne ich 9-Patch-Bilder nur als Einzelbilder mit schwarzen Linien, die den dehnbaren Teil anzeigen. Sie sind wahrscheinlich nach diesen benannt. Aber jetzt weiß ich, warum sie so heißen :)
Ivo Beckers

3
Ich denke, diese Antwort kann irreführend sein. Bei den meisten Suchergebnissen für 9-Slice / 9-Patch handelt es sich um eine UI-Skalierungstechnik, die Teile eines Bildes streckt , nicht um die Kacheltechnik, mit der bestimmte Kacheln ausgewählt und wiederholt werden. Ich habe auf diese Unterscheidung in einer Antwort unten näher eingegangen.
DMGregory

1
Ich bin auch mit dem Namen 9-grid vertraut.
Maurycy

62

Ich würde mit der akzeptierten Antwort hier nicht einverstanden sein.

Ich würde das ein Autotil nennen und kein 9-Slice

" 9-Slice " (oder 9-Patch) bezieht sich normalerweise auf ein System, bei dem der Ersteller des Inhalts das Bild entlang von 4 Linien schneidet (nicht unbedingt in gleichen Abständen). Beim Rendern eines Rechtecks ​​werden die Eckschnitte in ihrer ursprünglichen Größe angezeigt und die Kanten / die Mitte werden gedehnt (nicht wiederholt), um die Lücke zu überdecken.

In diesem Sinne wird der Begriff in Flash, Illustrator, Unity usw. verwendet. Es scheint also ein guter Konsens zu bestehen, dass 9-Slice Dehnen bedeutet, nicht Wiederholen. Dies wird normalerweise zum Skalieren von UI-Elementen wie Nachrichtenfenstern und Schaltflächen verwendet. Bei einer Google-Bildsuche wird diese Verwendung fast ausschließlich verwendet .

Diagramm, das ein 9-Slice-Asset in Flash zeigt (links) und wie es aussieht, wenn es auf einem größeren Rechteck gerendert wird (rechts)

Bild aus Adobe-Dokumenten mit 9-Slice-Skalierung

Diagramm mit 9-Slice-Skalierung im Spiel {Closure}

Bild vom Spiel {Closure} dokumentiert 9-Slice-Optionen

Der Begriff, mit dem ich besser vertraut bin, um eine Reihe von Kacheln zu beschreiben, die einen Bereich beliebiger Form oder Größe abdecken können, lautet " Autotile " (insbesondere im Kontext eines Systems, das die richtige Kachelpermutation basierend auf der Nachbarschaft ausarbeitet / konstruiert) Regeln, damit ein Leveldesigner nicht jedes Plättchen von Hand auswählen muss)

Diese Terminologie scheint von RPGMaker populär gemacht worden zu sein , das seit Generationen verschiedene Varianten dieser Idee verwendet hat.

Ein Bild Suche nach autotile zeigt Ergebnisse , die zu viel näher scheinen , was die Frage beschreibt , und andere Beiträge über GameDev.StackExchange beschreiben dies als „autotiling“ auch .

Bild, das grundlegende und erweiterte Autotile-Layouts beschreibt

Bild aus der Dokumentation zum Rotorz ​​Tile System for Unity


Das ist gut zu wissen!
Vaillancourt

Ist es typisch für eine Implementierung, alle Innenecken in einer einzigen Kachel zusammenzufassen? Diese (und die "Basis" -Version ohne Kacheln an den Seiten) scheint davon abzuhängen, dass die "echte" Kacheleinheit ein Viertel der Kachelgröße beträgt.
Random832

1
@ Random832 So funktioniert die RPG Maker-Version mit Viertel-Kacheln, und einige Implementierungen scheinen davon abzulenken, entweder aus Gründen der Interoperabilität mit vorhandenen Kacheln oder nur, weil sie nachweislich nützlich sind. Ich denke, dies reduziert die Anzahl der Kachelpermutationen, die explizit erstellt werden müssen und belegt Platz im Kachelsatz. Eine grobe Zählung legt nahe, dass Sie ungefähr 47 Kacheln benötigen, um die gleichen Permutationen zu erhalten, ohne sie in kleinere Einheiten zu unterteilen.
DMGregory

3
@DMGregory Nicht ungefähr 47, sondern genau 47, ich habe gerade eine Vorlage überprüft, die ich für 8-Richtungs-Autotile habe.
Maurycy

Warten Sie, warum brauchen Sie 47 und nicht nur die 13, die im Bild in der ursprünglichen Frage zu sehen sind?
Tin Man

-1

Es gibt einige andere Namen; Wang Fliesen (Dominosteine), aperiodische Fliesen

https://en.wikipedia.org/wiki/Wang_tile

Wird auch als Kachelsatz mit Karteneditor bezeichnet.


"Kachelsatz" ist ein viel allgemeinerer Begriff und bezieht sich nicht auf den spezifischen Typ eines Kachelsatzes, um den es hier geht.
Tyyppi_77

Obwohl die meisten in Spielplättchensets verwendeten Geländesteine ​​technisch als Wang-Steine ​​bezeichnet werden könnten, da sie nur dann nahtlos zusammenpassen, wenn sie neben bestimmten benachbarten Steinen mit entsprechenden Kanten platziert werden Ecken- und Kantenmuster, nach denen OP fragt. ( Jede Teilmenge des angezeigten Kachelsatzes, einschließlich einer Kachel bis zum gesamten Bild, ist mathematisch eine Menge von Wang-Kacheln.) Wang-Kacheln und insbesondere aperiodische Kacheln treten hauptsächlich im Zusammenhang mit unterschiedlich großen Texturbereichen auf, um Wiederholungen oder prozedurale Erzeugung zu verbergen.
DMGregory

1
Wang Kacheln ist ein mathematischer Begriff.
Per Alexandersson
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.