Das Rubik’s-Cube-Modell wurde in der Blender-Software erstellt, aber Three.js wurde verwendet, um das GLB-Modell im Web anzuzeigen.

3D-Animation

3D ins Web bringen

Das 3D-Projekt, an dem ich derzeit arbeite, trägt den Titel Diplomacy. Seine Geschichte bezieht sich auf die bitteren Ereignisse, die weltweit geschehen – diese tragischen Nachrichten, die sich täglich wiederholen und aufgrund ihrer ständigen Wiederholung ihren journalistischen Wert verlieren. Doch in den Regionen, in denen diese Probleme auftreten, bestehen die Herausforderungen weiterhin täglich, und die Wunden bleiben offen. Vielleicht haben Sie bereits einen kurzen Ausschnitt dieser Animation in der Diashow auf der Startseite dieser Website gesehen. Diese Ausschnitte werden jedoch nach und nach fertiggestellt und auf dieser Seite zusammen mit meinen anderen 3D-Animationsarbeiten präsentiert.

Aber mein Interesse an der Welt der 3D-Animation endet hier nicht. Tatsächlich begann all dies wie ein Rubik’s Cube, den man zu Beginn eines scheinbar einfachen Spiels in den Händen hält. Ein Würfel im Zentrum des Universums, wo die größten 3D-Projekte aus dieser ersten Szene entstehen. Wenige Augenblicke später werden all diese Ideen in dieser scheinbar einfachen Welt umgesetzt. Für mein Abschlussprojekt habe ich die Software Blender verwendet. Natürlich habe ich auch verschiedene andere Tools genutzt, wie Adobe Premiere, Adobe Photoshop, Davinci Resolve, Adobe After Effects und sogar Adobe Illustrator, um das Projekt zu vervollständigen. Doch ich möchte hier nicht aufhören. Ich habe immer noch das Gefühl, dass es so viel mehr zu erreichen gibt, und ehrlich gesagt fühle ich mich, als stünde ich erst am Anfang meiner Reise. Dies ist ein Weg, den ich wirklich weitergehen möchte.

Von Animation zum Web: Die Kraft der 3D

Kann 3D das Web-Erlebnis verändern? Ich bin zutiefst fasziniert davon. Meiner Meinung nach verleihen sie Websites etwas Einzigartiges – Tiefe. Mit 3D-Websites können Sie ein Objekt von allen Seiten betrachten, durch einen dreidimensionalen Raum navigieren oder sogar ein Objekt entwerfen, das aus einer Umgebung in die Szene eintritt. Dieses Gefühl von Ungewissheit und Spannung macht den Raum geheimnisvoller und somit faszinierender. Gelöste Rätsel, egal wie komplex, sind nicht so interessant. Für mich ist das Wichtigste in jedem Projekt, eine Geschichte zu schaffen und zu erzählen. Ob es sich um einen Container in Elementor WordPress, eine Diashow, eine Animation oder eine Website handelt – jedes dieser Elemente sollte eine Geschichte erzählen.

Am oberen Rand dieser Seite können Sie einen Würfel sehen, der aus einem galaktischen Raum auftaucht. Dieser Würfel wurde in der Software Blender entworfen und später im glb-Format auf diese Seite hochgeladen. Natürlich wurde auch der liebe JavaScript verwendet, um diese Szene zu vervollständigen. Aber was ist die Geschichte hinter diesem leuchtenden Würfel? Die ursprüngliche Idee war, einigen Teilen des Würfels Emissions-Effekte zuzuweisen. Ich wollte diesen Effekt direkt in die glb-Datei integrieren, die auf der Website verwendet wird. Dieser Prozess war jedoch sehr zeitaufwendig und schwierig. Letztendlich habe ich mich für eine vollständig JavaScript-basierte Version entschieden, die Sie hier sehen. Sowohl der Würfel oben als auch der mit JavaScript erstellte Würfel sind interaktiv, und Sie können sie mit Ihrer Maus steuern – eine sehr einfache und kindliche Interaktion, oder?

Diese Seite wird nach und nach mit weiteren Portfolio-Arbeiten angereichert. Während das Diplomacy-Projekt voranschreitet, werde ich im Laufe der Zeit weitere Abschnitte davon auf dieser Seite hinzufügen.

Hier wurden Three.js und einige andere JavaScript-Bibliotheken verwendet, um den Rubik’s Cube zusammen mit einem Bloom-Effekt vollständig zu implementieren.