Ich habe Probleme, Fliesen so zu gestalten, dass sie im zusammengesetzten Zustand nicht wie Fliesen aussehen, sondern wie eine homogene Sache. Sehen Sie sich zum Beispiel das folgende Bild an:
Obwohl der Hauptteil des Grases nur ein Feld ist, "sieht" man das Gitter nicht. Sie wissen, wo es ist, wenn Sie ein bisschen genau hinschauen, aber es ist nicht offensichtlich. Wenn ich Kacheln entwerfe, kann man nur "oh, jeez, 64-mal die gleiche Kachel" sehen, wie in diesem Bild:
(Ich habe das von einer anderen GDSE-Frage übernommen, sorry; sei nicht kritisch gegenüber dem Spiel, aber es beweist meinen Standpunkt. Und tatsächlich hat es ein besseres Kacheldesign als das, was ich ohnehin schaffe.)
Ich denke, das Hauptproblem ist, dass ich sie so entwerfe, dass sie unabhängig sind. Es gibt keine Verbindung zwischen zwei Fliesen, wenn sie geschlossen zueinander liegen. Ich denke, die Fliesen "durchgehender" zu machen, würde einen sanfteren Effekt haben, aber ich schaffe es nicht, es scheint mir zu komplex zu sein.
Ich denke, es ist wahrscheinlich einfacher als ich denke, wenn Sie erst einmal wissen, wie es geht, aber zu diesem bestimmten Punkt kein Tutorial gefunden haben. Gibt es eine bekannte Methode, um durchgehende / homogene Fliesen zu entwerfen? (Meine Terminologie könnte völlig falsch sein, zögern Sie nicht, mich zu korrigieren.)
quelle
Antworten:
Haftungsausschluss: Ich bin kein Künstler, das ist nur das Kunstwissen des Programmierers.
Sie erzielen den Rastereffekt in Ihrem Beispiel hauptsächlich aufgrund des helleren Grasfleckens am unteren Rand der Kachel:
Solche leicht erkennbaren Details lassen sofort erkennen, dass Sie nur die gleiche Kachel wiederholen.
Überprüfen Sie diesen Artikel, der viele nützliche Tipps zu diesem Thema enthält. Insbesondere mit Photoshop:
Auch in dem von Ihnen verknüpften Bild scheint es ein Implementierungsproblem zu geben, da beim Vergrößern des Bildes einige Lücken zwischen den Kacheln auftreten können:
quelle
Ich bin kein Experte, aber abgesehen davon, dass es mehr als eine Art Grasplättchen gibt (nicht völlig anders, wie die Leute erkennen, aber anders genug), könnte ein Trick darin bestehen, "Übergangsplättchen" zwischen zwei verschiedenen Arten von Plättchen zu haben. Wenn Sie das von Ihnen gezeigte Beispielbild verwenden, kann eine halbgrüne, halbgraue Kachel zwischen der vollständig grauen und der vollständig grünen Kachel dazu beitragen, den Übergang zu glätten. Wenn Sie diese Übergänge abgerundet und natürlicher gestalten (eine Textur geht in die nächste über), kann dies den Effekt unterstützen.
Beachten Sie im Bild von Chrono Trigger unten in der Mitte, dass es halb braun (Schmutz), halb grün (Gras) ist und Flecken von dunklerem Gras aufweist. Es verwendet auch leichteres Gras und Steine, um natürliche Variationen hinzuzufügen (eine transparente Fliese mit dem Stein oder leichtem Gras über der Grasfliese, vielleicht?)
quelle
Sie müssen Übergänge machen. Für jede mögliche Zusammensetzung mehrerer Kacheltypen müssen Sie Kacheln zeichnen, die die Schicht abschließen. Möglicherweise möchten Sie entscheiden, dass viele der Kombinationen in Ihrem Spiel nicht möglich sind, da die Anzahl der Übergänge, die Sie sonst vornehmen müssten, leicht auf eine sehr große Zahl anwachsen würde.
In der Regel bedeutet dies, dass die Eigenschaften der Oberflächentypen auf irgendeine Weise gemischt werden. Bei einem einfachen Übergang von Gras zu Schmutz werden beispielsweise kleine Grasflächen mit zunehmendem Eindringen in die Schmutzfliese seltener. Für eine schnelle Lösung können Sie jedoch einfach eine Textur ausblenden, während Sie eine andere einblenden, oder ein Dithering ausführen, bei dem Sie zufällig Pixel aus einer von zwei Texturen auswählen.
Außerdem würde ich empfehlen, dass Sie von Kacheln zu Unterkachelmustern wechseln und dieses Bild von zwei Kacheln betrachten. Wenn Sie statt vollständiger Kacheln Formen herstellen, die der roten Figur entsprechen, werden Sie niemals mehr als zwei verschiedene Oberflächen in benötigen Wenn Sie dasselbe Plättchen verwenden und somit die Anzahl der zu erstellenden Übergangsplättchen stark einschränken, können Sie aus diesen Diamantenplättchen quadratische Plättchen für das Spiel generieren oder die Diamantenplättchen einfach direkt verwenden, Computer nicht sehr wählerisch über diese Dinge nicht mehr.
quelle
Wenden Sie einen Hochpassfilter auf Ihre Fliesen an.
In diesem hervorragenden Artikel von Skaven finden Sie detaillierte Theorie, Beispiele und Anweisungen.
quelle
Beginnen Sie mit einer regelmäßigen Kachel. Teilen Sie dann die Kacheln horizontal und vertikal in 4 gleiche Teile, so dass Sie 4 "Kacheln" erhalten.
Die Kachel sieht nun so aus:
Lege Teil 2 auf die linke Seite von Teil 1. Mach dasselbe mit 3 und 4. Die Kachel sieht nun so aus:
Bewegen Sie nun beide unteren Teile nach oben über die oberen Teile. Du hast folgendes übrig:
Angenommen, Ihr Plättchen ist 32x32, dann ist jedes Stück 16x16. Jetzt löschen Sie die Mitte, sagen wir 22x22 Pixel (es liegt an Ihnen) und lassen einen Rahmen Ihrer Kachel übrig. Dieser Rahmen passt sich nun perfekt an und Sie müssen die Lücke in der Mitte mit Einzigartigkeit wie Kies, Stein, etwas höherem Gras oder was auch immer füllen.
Sie müssen wahrscheinlich ein wenig mit den Pixeln wackeln, aber wenn Sie Ihren Rahmen haben, werden Sie in der Lage sein, viele einzigartige, aber perfekt gekachelte Kacheln zu produzieren.
quelle
So gestalte ich meine Fliesen:
Das Ergebnis sollte ziemlich gut aussehen, wenn Sie mehrere Kacheln nebeneinander legen. Sie können diesen Vorgang jederzeit wiederholen, um Ihre Kacheln zu optimieren.
quelle