3D Sprites

0

Tagged

Stats

2,554 visits, 2,869 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 28 Mar, 2014. Last updated 25 Feb, 2019

Das Konzepz

Wie ihr alle wisst, unterstützt Construct 2 keine 3D Modelle. Der einzige Weg ein Spiel aussehen zu lassen als wäre es 3D, ist es Bilder von 3D Objekten zu generieren und diese als Sprites zu verwenden.

Wo anfangen?

Als erstes brauchst du eine 3D Modellier Software (Ich werde Google SketchUp verwenden, weil es gratis ist. Es gibt außerdem noch eine Sammlung namens "Google Warehouse" wo man sich fertige Modelle herunter laden kann, wenn man zu faul ist selbst welche zu machen)

Ich empfehle dir das "Engineering"-Template zu verwenden wenn du die Schatten nicht später umfärben willst. (Sie sind nämlich grün wenn man das Standard Template verwendet)

Erstellen des Sprites

Nachdem du ein 3D Modell erstellt oder geöffnet hast, wähle den Winkel von deinem Spiel. (Platformer, Drauf-Sicht etc.) Ich habe einen Aussichtsturm kreiert für ein Tower Defence Spiel.

Um das ganze mehr nach 3D aussehen zu lassen, fügen wir noch schatten hinzu.

Die Schatten Einstellungen in Google SketchUp befinden sich in Fenster>Schatten. (Beachte das Datum und die Zeit von deinem Schatten und verwende immer die selben Einstellungen für alle deine Modelle)

Nachdem du dein Modell erstellt/ausgewählt und Schatten hinzugefügt hast, bist du bereit es zu exportieren. Klicke Datei>Exportieren>2D Grafik und speichere es als eine .png Datei.

Das exportierte Bild sollte ähnlich aussehen wie das folgende ...

Bearbeiten in Photoshop

Das ist das rohe Sprite was wir verwenden. Öffne nun ein Bildbearbeitungsprogramm (Ich verwende Photoshop in diesem Tutorial). Markiere die weiße Fläche (oder in meinem Fall die grüne, weil ich das Standard Template verwendet habe) und drücke entfernen. Nun haben wir die Fläche rund um unser Sprite transparent gemacht. Drücke Select>Inverse. Jetzt haben wir nur das Sprite und den Schatten. Was wir tun müssen, ist den Schatten transparent zu machen, weil Schatten sind transparent. Markiere den Schatten mit dem Zauberstab Tool und drücke Strg+Shift+J. Ein neuer Layer wurde erstellt, in dem nur der Schatten ist. Stelle jetzt im Layer Tab auf der rechten Seite die "Opacity" auf 35%. Speichere das Bild über das alte mit der Endung .png

Das Ergebnis sollte ähnlich sein wie das hier ...

Nun kannst du das Sprite in Construct 2 importieren schöne Spiele machen!

P.S. Stelle sicher, das die Schatten nicht im Kollisions Erkennungs Bereich sind, weil Objekte nicht mit Schatten kollidieren können. Das geht ganz einfach im "Animationen Bearbeiten" Menü.

  • 0 Comments

Want to leave a comment? Login or Register an account!