In diesem Lernprogramm erfahren Sie, wie Sie ein 3D-Modell von Blender verwenden und in Flash-Spielen mit Swift3D verwenden.
Sehen Sie sich die Vorschau unten an. Es ist genau wie eines dieser Auto-Fahrspiele, die man überall im Internet sieht - na ja, nicht genau. Dieses Auto ist 3D oder scheint es so zu sein.
Überraschung. Hier gibt es eigentlich kein 3D. Das Auto ist 2D-Vektorgrafiken. Der dreidimensionale Effekt wurde erzielt, indem verschiedene Frames einer Turnaround-Animation des Autos gezeigt wurden. In diesem Schnelltipp erfahren Sie, wie Sie ein 3D-Modell erstellen, animieren und als Vektorgrafiken exportieren, um es in Flash verwenden zu können. Dazu verwenden wir eine Kombination aus drei Programmen: Blender, Swift 3D und Flash.
Wenn Sie mit Swift 3D nicht vertraut sind, sollten Sie sich die Video-Tutorials ansehen, die auf der offiziellen Website von Swift 3D, erain.com, angeboten werden. Sie können sich an einem Nachmittag an das Programm gewöhnen.
Wir beginnen mit unserem Modell in Blender. Es besteht aus mehreren Teilen, die ich dementsprechend mit dem Namen Körper, Fenster, Reifen usw. benannt habe, und jedem Teil ist ein Material mit einem entsprechenden Namen zugeordnet.
Um das Modell in Swift 3D zu öffnen, muss es im .3ds-Format vorliegen. Um es als solches zu exportieren, wählen Sie es aus (alle Teile) und fahren Sie dann fort Datei> Exportieren> 3D Studio und speichern Sie es auf Ihrem Computer.
Öffne Swift 3D. Klicken Sie auf, um das neu exportierte Modell zu importieren Datei> Neu aus 3DS. Suchen Sie die Datei und klicken Sie auf Öffnen.
Sie haben vielleicht bemerkt, dass die Materialien in Swift 3D nicht genau so aussehen wie in Blender. Jetzt schauen wir uns an, wie wir diese Materialien modifizieren können.
Nehmen wir an, wir möchten das Karosseriematerial des Autos modifizieren, um es glänzender zu machen (und damit Glanzlichter hervorzuheben). Wählen Sie zunächst das Körpernetz im Hierarchiefenster aus. Wählen Sie im Eigenschaftenbereich Material aus, und doppelklicken Sie auf das Vorschausymbol. Ein Fenster mit den Materialeigenschaften des Körpers wird geöffnet. Um es glänzend zu machen, spielen Sie mit der Markierungsstärke und Markierungsgröße (und klicken Sie auf "Vorschau generieren", um die Änderungen anzuzeigen). Wenn Sie mit den Ergebnissen zufrieden sind, klicken Sie auf OK.
Jetzt brauchen wir etwas Beleuchtung, um unsere Szene aufzuhellen. Im Fenster Galerien finden Sie auf der Registerkarte Beleuchtungsschemas vorgefertigte Beleuchtungsschemata. Für diese Demonstration verwende ich das Beleuchtungsschema "Default". Um es anzuwenden, ziehen Sie es in die Szene. Wenn Sie möchten, können Sie es mit dem Lighting Scheme Trackball anpassen.
Hinweis: Das Beleuchtungsschema "Default" ist eigentlich nicht das Standardbeleuchtungsschema!
Es ist Zeit, dass sich unser Auto dreht. Genau wie bei den Beleuchtungsschemas finden Sie auf der Registerkarte Animationen im Galleries-Fenster vorgefertigte Animationen. Wir werden die Animation ER-Horiziontal Left verwenden. Ziehen Sie es erneut auf das Modell.
Eine rotierende Animation wird über 20 Frames erstellt. Wenn Sie die Zeitleiste scrubben, wird die Animation im aktiven Ansichtsfenster angezeigt.
Wir brauchen eine Kamera, durch die wir unser Modell betrachten können. Klicken Sie in der Hauptsymbolleiste auf das Symbol Zielkamera erstellen. Positionieren Sie die Kamera wie auf dem Bild gezeigt. Ändern Sie eines der Ansichtsfenster in die Zielkameraansicht und klicken Sie darauf, um es zum aktiven Ansichtsfenster zu machen.
Klicken Sie auf den Vorschau- und Export-Editor. Stellen Sie sicher, dass die Schaltfläche Vektor ausgewählt ist. Hier können Sie mit den Füll- und Gliederungseinstellungen herumspielen. Dies sind die Einstellungen, die ich verwendet habe.
Wenn Sie fertig sind, klicken Sie auf Alle Frames generieren. Spielen Sie die Animation einige Male ab, um sicherzustellen, dass sie so aussieht, wie Sie es möchten. Es sollte ähnlich aussehen:
Für unsere Zwecke reichen 20 Frames nicht aus, um eine reibungslose Animation zu ermöglichen. Daher müssen wir sie länger machen. Gehen Sie zurück zum Szenen-Editor. Wählen Sie das Auto aus und klicken Sie auf die Schaltfläche Animate. Erweitern Sie die Animation auf 120 Bilder.
Rufen Sie den Vorschau- und Export-Editor erneut auf. Klicken Sie auf Alle Frames generieren, ohne eine der vorherigen Einstellungen zu ändern. Schauen Sie sich ein oder zwei Filme an und wenn Sie zurückkommen, wird die Animation hoffentlich komplett gerendert. Stellen Sie zum Exportieren sicher, dass der Zieldateityp auf der Registerkarte "Allgemein" auf "Swift 3D Flash Importer" gesetzt ist. Klicken Sie anschließend auf "Alle Frames exportieren" und speichern Sie die SWF-Datei.
Ihre Animation sollte ungefähr so aussehen:
Flash öffnen. Gehen Sie zum Importieren der Datei vor Datei> Importieren> In Bibliothek importieren. Suchen Sie die Datei und öffnen Sie sie. Flash importiert es als Movieclip in die Bibliothek.
Hinweis: Sie können auch "In Bühne importieren" auswählen, wodurch jeder Frame in die Hauptzeitleiste importiert wird. Obwohl dies in einigen Fällen hilfreich sein kann, ist es normalerweise bequemer, es als Movieclip importieren zu lassen.
Zusätzlich zu den oben genannten Schritten finden Sie hier eine kurze Liste der Möglichkeiten, die Sie zur Verbesserung des Endergebnisses tun können:
Außerdem ist es viel sauberer als die gerenderten Umrisse von Swift 3D.
Wenn Sie diesen Vorschlägen folgen, erhalten Sie etwas Ähnliches:
Wir sind fertig! Nun, da Sie die Drehscheibenanimation des Autos haben, können Sie es programmieren, um ein Spiel zu erstellen. Hier sind ein paar Links, die Ihnen dabei helfen könnten: