So erstellen Sie eine VR Showcase App im Mehrspielermodus

Wenn Sie sich jemals gefragt haben, wie Sie Ihren eigenen VR-Showcase-Raum bauen können, ist dieser Leitfaden genau das Richtige für Sie. Das Erstellen eines VR-Showcases bietet viele coole Möglichkeiten – mit ein wenig Skripten können Sie beispielsweise Ihr eigenes virtuelles Kino oder einen virtuellen Pokertisch erstellen, um mit Ihren Freunden abzuhängen. Das Erstellen eines VR-Showcases ist überhaupt nicht schwierig, und dieser Leitfaden führt Sie durch die einzelnen Schritte.

In diesem Handbuch verwenden wir Archilogic und 3D.io. Archilogic kann Ihre 2D-Grundrisse auch in 3D umwandeln, ist jedoch kein kostenloser Service. Sie bieten jedoch Ihren ersten Grundriss kostenlos an. Sie können dies für dieses Handbuch tun, es wird jedoch dringend empfohlen, dass Sie lernen, wie Sie Ihre eigenen 3D-Grundrissmodelle erstellen.

Grundlegende Anforderungen:

  • Ein 2D-Grundriss, der in 3D konvertiert wird
  • 3D-Modelle, wenn Sie Ihre eigenen Möbel importieren möchten.
  • Kenntnisse in A-Frame + HTML-Programmierung.

Konvertieren eines 2D-Grundrisses in 3D über Archilogic (für Nicht-3D-Künstler)

  1. Der erste Schritt besteht darin, einen 2D-Grundriss zu erstellen oder zu erwerben. Sie können dies selbst in einer beliebigen Anzahl von Programmen wie RoomSketcher, SketchUp, Homebyme usw. tun. Alternativ können Sie auch eines aus dem Internet abrufen, indem Sie mit dem Google-Bild nach „2d Grundriss“ suchen.
  2. Als nächstes möchten Sie Ihren 2D-Grundriss in 3D konvertieren. Gehen Sie zum Archilogic Dashboard, erstellen Sie ein Konto und bestellen Sie ein einfaches 3D-Modell. Ihr erstes ist kostenlos. Stellen Sie also sicher, dass Ihnen Ihr 2D-Grundriss wirklich gefällt.
  3. Nachdem Sie Ihren 2D-Grundriss hochgeladen haben, erhalten Sie von Archilogic innerhalb von 24 Stunden ein 3D-Modell, das jetzt in das 3D.IO-Erstellungskit importiert werden kann.

(Optional) Exportieren eines 3D-Grundrisses aus SketchUp für Archilogic / 3D.IO

  1. Wenn Sie mit SketchUp vertraut sind (früher Google SketchUp) ist es ziemlich einfach, Ihre 3D-Grundrisse zur Verwendung in Archilogic zu exportieren. Wenn Sie mit SketchUp nicht vertraut sind, ist es sehr einfach zu bedienen und ich empfehle, es zu lernen, wenn Sie fantastische 3D-Grundrisse von Grund auf neu erstellen möchten.
  2. Angenommen, Sie haben in SketchUp einen 3D-Grundriss erstellt oder einen von heruntergeladen das 3D Warehouse ((eine Sammlung von vom Benutzer eingereichten SketchUp-Modellen). Unabhängig davon, was Sie haben, müssen Sie die Einheiten des Modells in ändern Meter damit Archilogic es richtig lesen kann.
  3. Als nächstes sollten Sie wahrscheinlich auch die löschen nach oben gerichtet Polygone Ihres Daches, sodass Sie von oben in Ihr 3D-Modell sehen können, während Sie beim Betrachten des Modells von innen immer noch eine Decke haben.
  4. Exportieren Sie in SketchUp Ihr ​​Modell als OBJ-Datei. Dies ist der einzige Dateityp, der in Archilogic importiert werden kann. Sie sollten auch deaktivieren “Zweiseitige Gesichter exportieren” in den Exportoptionen (dies geht zurück auf Ihr Dach).
  5. Wenn Sie eine ältere oder Nicht-Pro-Version von SketchUp haben und nicht direkt als OBJ exportieren können, Sie können Ihr Modell als DAE-Datei exportieren und dann in etwas wie Blender importieren, um es als OBJ zu exportieren.
  6. In jedem Fall können Sie nach dem Exportieren Ihres OBJ zu Ihrem Archilogic Dashboard gehen und ein 3D-Modell importieren.

Erstellen Sie Ihre VR-Räume

es gibt

  1. Sobald Sie ein 3D-Modell / einen 3D-Grundriss in Archilogic haben, können Sie im Archilogic Furnishing-Editor Möbel in Ihre Räume legen. Wenn Sie keine Möbel mögen und Ihre eigenen importieren möchten, können Sie auch 3D-Modelle aus Programmen wie 3D-Modell, SketchUp, Blender, 3ds Max importieren. Archilogic verfügt über eine Dokumentation zum Importieren von 3D-Modellen aus jedem dieser Programme.
  2. Wenn Sie tatsächlich ein VR-Schaufenster erstellen, können Sie in Archilogic Kamera-Lesezeichen erstellen. Dadurch wird die Kamera auf „wichtige“ Teile Ihres Modells zentriert, als würden Sie ein Haus präsentieren. Wenn Sie diese Anleitung jedoch nur befolgen, um Ihren eigenen VR-Raum zu erstellen, ist die Standardperspektive aus der ersten Person alles, was Sie benötigen.
  3. Sobald Sie Ihr 3D-Modell nach Ihren Wünschen eingerichtet / bearbeitet haben, ist es Zeit, es in ein VR-Schaufenster zu verwandeln.
  4. Gehe zum 3D.io AppCreatorund klicken Sie oben rechts auf „Kopie erstellen“. Dadurch wird die aktuelle Vorlage geklont und eine neue erstellt.
  5. Fügen Sie in das Feld für “Archilogic-Szene importieren” Ihren speziellen String-Code für Szene / 3D-Modell ein, den Sie zuvor in Archilogic importiert haben. Es wird automatisch in die Szene importiert, zusammen mit all Ihren Möbelbearbeitungen, Kamera-Lesezeichen usw.
  6. Sobald Ihre Szene importiert wurde, können Sie sie vollständig nach Ihren Wünschen anpassen und ein „Hintergrundbild“ hinzufügen (wie es im Grunde außerhalb der Fenster aussieht).
  7. Die wahre Kraft all dessen kommt jetzt vom A-Frame / HTML-Editor. Sie können darauf zugreifen, indem Sie im App Creator auf die Registerkarte „Code“ klicken. Hier werden Sie Dinge einfügen, die Sie in A-Frame / HTML codiert haben, wie z. B. eine Echtzeit-Pokertabelle, einen Filmbildschirm usw. Sie können damit sehr komplex werden.
  8. Wenn Sie möchten, dass Ihr VR Showcase „Multiplayer“ ist, damit Ihre Freunde beispielsweise an Ihrem Pokertisch spielen oder mit Ihnen einen Film ansehen können, benötigen Sie einen Echtzeit-Multiplayer-A-Frame-Code. Sie können selbst einen erstellen, wenn Sie über genügend Fachwissen verfügen, oder einen der folgenden Multiplayer-fähigen A-Frame-Codes ausprobieren:

Mit Ausnahme von Lance.GG, das für fortgeschrittene Spieleentwickler sehr fortschrittlich und besser ist, legt ein Multiplayer-AFrame für jede verbundene Person im Grunde genommen „Avatare“ in Ihrem VR-Showcase ab – sie werden durch ‘Entitäten’ dargestellt, die Sie normalerweise anpassen können im AFrame-Code.

Lesen Sie die Anweisungen für jeden einzelnen, um herauszufinden, welcher für Sie am besten geeignet ist. In der Regel wird der A-Frame-Code einfach in den Abschnitt 3D.Io-Code eingefügt. Möglicherweise müssen Sie jedoch auch einen Server auf Ihrem Computer ausführen, damit Ihre Freunde eine Verbindung herstellen können .

Das ist es!

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *