Wie man einfache Animationen in Strategiespielen erstellt

Ursprünglicher Autor: Junxue Li / Junxue Li
  • Übersetzung
  • Tutorial
In vielen Arten von Spielen, nicht nur in strategischen Spielen, haben Sie ein Stück Land und müssen etwas darauf aufbauen. Eine vertraute Strecke, nicht wahr?

Bild

Sobald Sie das Gebäude aus dem "Geschäft" auf die Baustelle ziehen, wird es für einige Zeit gebaut. Normalerweise ist zu dieser Zeit dort ein Bild zu sehen, ähnlich einer Baustelle. Um Speicher und Budget zu sparen, werden in vielen Spielen drei solcher "Baustellen" für verschiedene Gebäude gezogen: klein, mittel und groß. Sobald der Bau abgeschlossen ist, verwandelt sich die Baustelle in ein fertiges Gebäude.

Was aber, wenn Sie subtilere Animationen wünschen, damit Sie sehen können, wie das Gebäude allmählich in Richtung Himmel wächst?

Jetzt am axonometrischsten [1]Gebäude - Bilder, die zuvor aus 3D gerendert wurden. Wenn wir zum Beispiel 5 Frames Animation benötigen, müssen wir fünf Bereitschaftsstufen simulieren und dann rendern. Ja, das ist teuer.

Unsere Firma hat ungefähr 40 solcher Fünf-Frame-Animationen für den Kunden erstellt. Wir haben es einfacher gemacht, indem wir ein paar Tage mit allem verbracht haben. Die Kosten sind sehr gering und die Qualität leidet nicht. Mal sehen, wie wir es gemacht haben.

Erster Schritt. Wir machen Baustoffe.


Zuerst müssen Sie in 3D viele verschiedene Baumaterialien herstellen - die unterschiedlichsten, die Sie sich vorstellen können. Wände, Säulen, Balken, Platten - wie auf diesem Bild.

Bild

Diese Baustoffe müssen in ein 2D-Bild gerendert werden. Natürlich müssen sie mit demselben Kamerawinkel und derselben Beleuchtung gerendert werden wie die fertigen Gebäude.

Alles sollte doppelt vorhanden sein - entlang der Achsen unserer axonometrischen Karte.

Bild

Und jetzt sammeln wir alle Baumaterialien in einem großen PSD pro Element und Schicht.

Zweiter Schritt Eine Animation machen.


Nehmen wir an, wir müssen ein kleines Hotel bauen. Rendern Sie das Hotel zunächst wie gewohnt.

Bild

Wir arbeiten weiterhin in Photoshop. Wir brauchen 5 Frames Animation. Also löschen wir auf jedem Frame einen Teil des Gebäudes entsprechend dem Grad der Bereitschaft.



Was wir gelöscht haben, ist mit den im ersten Schritt erhaltenen Baustoffen gefüllt.



Ordnen Sie die Baumaterialien entsprechend der Gebäudestruktur so an, dass sie glaubwürdig aussehen. Wenn zum Beispiel ein Kino gebaut wird, müssen Sie in der Mitte einen großen Saal bauen.



Der erste Frame ist nur ein Plan auf Erden. Letzteres ist das Gebäude selbst. Fertig

Bild

Diese Lösung kann an Gebäude jeder Form angepasst werden, nicht nur an rechteckige. Sie müssen nur die Baumaterialien ein wenig verdrehen.

Bild

Ich weiß, dass es sich als eine kleine Karikatur herausgestellt hat, aber es ist dasselbe für Spiele, richtig?

Bild



[1] Original "isometrisch". Wir sehen aber keine Isometrie, sondern etwas anderes - deshalb schreibe ich "Axonometrie".

Jetzt auch beliebt: