Zeichnen eines großen 2D-Terrains mit SideScroller-Ebene


12

Ich bin ein relativ guter Programmierer, aber jetzt, wo es darum geht, meinem 2D-Spiel einige grundlegende Ebenen hinzuzufügen, bin ich irgendwie festgefahren.

Was ich tun möchte: Ein akzeptables, großes (8000 * 1000 Pixel) "Green Hills" -Testlevel für mein Spiel.

  • Was ist der beste Weg für mich, dies zu tun?

Es muss nicht großartig aussehen, es sollte nur nicht so aussehen, als ob es mit dem Linien- und Farbeimer-Werkzeug in MS Paint hergestellt wurde.

Grundsätzlich sollte es nur mit Gras bedeckt sein, das in Form von Hügeln geformt ist.

Aber wie soll ich es zeichnen, ich kann nicht einfach das Stiftwerkzeug herausnehmen und es pixelweise zeichnen, oder?


2019 ist die Frage noch aktuell :)
Город

Antworten:


20

Photoshop verfügt über Ebeneneffekte, mit denen Sie sehr schnell gut aussehende Ebenen zeichnen können. Ich weiß nicht, ob das mit GIMP funktionieren würde, aber hier sind einige Schritte, wie Sie mit Photoshop schnell etwas auf den Bildschirm bringen können:

Anleitung

  1. Holen Sie sich etwas Schmutz und Gras Texturen. Die, die ich in meinem Beispiel verwende, stammen aus diesem Freetexture-Set .
  2. Öffnen Sie eine Schmutztextur in Photoshop. Alles auswählen Ctrl-Aund kopieren Ctrl-C. Wählen Sie dann Edit > Define Pattern...aus dem Menü. Nenne dein Pattern "Dirt".
  3. Machen Sie dasselbe für die Grass-Textur und nennen Sie sie "Grass".
  4. Erstellen Sie eine neue Ebene in Photoshop und wenden Sie den Effekt Pattern Overlayund Strokeauf Ihre Ebene an. Wählen Sie das "Schmutz" -Muster für die Überlagerung und das "Gras" -Muster für Ihren Strich (siehe Bilder unten).
  5. Malen Sie mit einem Pinsel auf Ihrer Ebene ... statt einer langweiligen Einzelfarbe sollte diese dank der Ebeneneffekte als Landschaft gerendert werden. Das Schöne daran ist, dass Sie mit normalen Zeichenwerkzeugen wie dem Pinsel oder dem Radiergummi beliebig Teile Ihrer Landschaft hinzufügen oder entfernen können.
  6. (Optional) Zeichnen Sie auf der Hintergrundebene Ihres Himmels einen Verlauf von Dunkelblau (oben) bis Hellblau (unten) (Sie können auch Ebeneneffekte verwenden).
  7. (Optional) Fügen Sie Ihrer "Landschaft" -Ebene weitere Ebeneneffekte wie einen Farbverlauf und einen Schlagschatten hinzu, um ein besseres Aussehen zu erzielen.

Bilder

Einstellungen für die Musterüberlagerung

Überlagerungseinstellungen für Photoshop-Muster

Hubeinstellungen

Photoshop-Stricheinstellungen

Endergebnis

Mit mehr Ebeneneffekten und einem Hintergrund.

endgültiges Bild

Sie können die PSD-Datei auch hier herunterladen , um sie sich anzusehen.


1
und du hast nur ein großes bild für das gesamte level?
Spooks

1
Ja, Sie können es für das gesamte Level speichern. Ich würde Hintergrund, Objekte usw. von den tatsächlichen Hügeln trennen. Zur Kollisionserkennung können Sie die Alpha-Ebene verwenden. +1 für erstaunliche technische Kunst :)
Asche999

4

Viele Plattformer und Spiele aller Art verwenden ein kachelbasiertes Levelsystem, bei dem jedes Level aus einem Raster von Kacheln besteht, manchmal in mehreren Ebenen. Möglicherweise haben Sie mehrere "Grasflächen" -Felder, mehrere Schlammfelder und so weiter. Anstatt ein großes Bild zu zeichnen, legen Sie die Kacheln auf einer Karte ab. Dies spart unter anderem Platz in der Textur.

Fortgeschrittenere 2D-Spiele verfolgen einen ähnlichen Ansatz, jedoch mit großen "Stempeln", die frei verschoben, gedreht und / oder skaliert werden können, um eine Ebene zu bilden, und nicht an einem Raster wie bei der Technik auf Kacheln befestigt sind. Aquarien verwendet diese Methode.


2

Wenn es Ihnen nichts ausmacht, ein bisschen langweilig auszusehen, können Sie einfach ein Bündel Kreise unterschiedlicher Größe entlang einer flachen Linie (Ihrer Grundebene) zeichnen und mit einer Flut füllen. Dann können Sie zurückgehen und ein braunes Kästchen zeichnen, das die Fläche bedeckt "unterirdischen" Teil der Karte, und fügen Sie dann ein wenig Boden hinzu, um die oberen Kurven des Kreises zu treffen. Dann könnten Sie einen Detail-Durchgang machen, um Gras oder was auch immer hinzuzufügen (sehr einfach, wenn Sie Photoshop mit den verschiedenen Pinseln haben).

Diese Hilfe?


2

Ich würde Ihnen wärmstens empfehlen, eine kostenlose Version von Paint.NET zu erwerben, die 100-mal besser ist als MS Paint. Sie enthält einige grundlegende Tools, mit denen Sie Kunstwerke in dem von Ihnen gewünschten Sinne erstellen können.

So können Sie beispielsweise eine Auswahl treffen und die gesamte Auswahl mit einer bestimmten Farbe / einem bestimmten Farbverlauf füllen. Auf diese Weise können Sie das Stiftwerkzeug nicht verwenden und pixelweise zeichnen.

Es ist nicht einmal in der Nähe von Photoshop, aber es ist ausgezeichnet für diese Art von Anwendungsfall, in dem Sie nach grundlegender Stilkunst suchen.

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.