Unser erstes Navigationsnetz, vor der Säuberung.

Blender Tutorial: Erstellen eines Navigationsnetzes für eine WebVR-Szene

Dieses zeigt, wie du ein Navigationsnetz für eine Szene mit erstellt und es in A-Frame verwendest, um eine grundlegende Pfadsuche durchzuführen.

Sie haben es eilig? Dann speichern Sie diesen Blogartikel von R23 als PDF

Brauchen Sie den Inhalt dieses Artikels “Blender Tutorial: Erstellen eines Navigationsnetzes für eine WebVR-Szene” schnell und bequem? Dann speichern Sie ihn doch einfach als PDF!

Der Entwickler Don McCurdy hat sein Pathfinding Modul für A-Frame und das Navigation Mesh in einem Video geteilt.

New blog post about navigation meshes for WebVR, and a simple pathfinding module in @aframevr extras. https://t.co/HtneyKhWLO pic.twitter.com/Ljlu8VltFR

— Don McCurdy (@donrmccurdy) 21. August 2017

Wir visualisieren Ideen!

R23 ist Ihre Digitalagentur für Virtual & Augmented Reality. Wir investieren in immersive Technologien wie Augmented Reality und künstliche Intelligenz, die die Grundlage für die Art und Weise sein werden, wie wir in Zukunft online einkaufen. Mit neuen visuellen Entdeckungstools helfen wir Käufer:innen, neue Produkte zu finden, und mit AR-Erlebnissen helfen wir Menschen, Artikel zu visualisieren, bevor sie sie kaufen.
Charakterdesign / Maskottchen

Fotorealistische Visualisierungen und 3D-Animationen lassen sich schnell und kostengünstig erzeugen und in Ihrem Online-Shop veröffentlichen.

Dieser Artikel erfordert Erfahrung im Umgang mit und ist daher nur für fortgeschrittene Benutzer gedacht.

Dieses ist als praktischer Leitfaden gedacht und behandelt keine theoretischen Hintergründe. Diese werden in einer Vielzahl von anderen Dokumenten im Internet behandelt.

Für die Richtigkeit der Inhalte dieses Tutorials gebe ich keinerlei Garantie. Der hier gezeigte Weg ist nicht der einzige um ein solches System aufzusetzen, es ist lediglich, der, den ich bevorzuge.

Du benötigst folgendes:

  • Blender, ein Open Source 3D-Modellierungswerkzeug, das aus einem bestehenden Modell ein Navigationsnetz erzeugen kann.
  • A-Frame, ein Web-Framework für die Erstellung von Virtual-Reality-Erlebnissen.
  • Das neue Modul zur Wegfindung in A-Frame Extras, mit PatrolJS zur Navigation.

Ich werde ein Fantasy Game Inn, von pepedrago auf Sketchfab, als Szene.

Don McCurdy gibt zwei Tipps für deine Szene:

Das 3D-Modell muss in A-Frame funktionieren. Du kannst mit seinem glTF Viewer die Darstellung prüfen.

Zweitens muss das Modell – oder zumindest die Geometrie – in funktionieren.

Einrichten der Szene in

Nachdem du deine Szene in importiert hast, solltest du die Proportionen richtig einstellen. Bei einer Konvention in sollte 1 Einheit = 1 Meter sein. Eine 1,65m x 0,5m große Box sollte menschlich aussehen. Diese Dimensionen sind wichtig, um ein gutes Navigationsnetz zu erhalten und um Bereiche zu erkennen, die nicht begehbar sind.

Szene in ohne Material.

Szene in Blender ohne Material

Erstellen des Navigationsnetzes

Wechsel im Header zum Game Modus.

Verwende den Spielmodus in Blender.


Verwende den Spielmodus in Blender.

Expandiere den Abschnitt Navigation mesh und wähle die Einstellungen für den Agenten. Dies bestimmt die Größe des Charakters, den Blender bei der Entscheidung verwendet, wo dein Charakter gehen kann. Eine Höhe von 1.0 und ein Radius von 0.2 kann ein Startpunkt sein. Klicke dann auf Build navigation mesh erstellen. Ergebnis:

Unser erstes Navigationsnetz, vor der Säuberung.

Unser erstes Navigationsnetz, vor der Säuberung.

In Blender kannst du den Bearbeitungsmodus verwenden, um einzelne Vertices zu verändern, Brücken hinzuzufügen oder unerwünschte Bereiche zu löschen. Denke daran, dass mit PatrolJS dein Charakter innerhalb dieses Netzes überall hingehen kann. Es sollte also zwischen den Rändern des Navigationsnetzes und den eigentlichen Hindernissen etwas Platz sein, damit ein Charakter sich bewegen kann.

3D Charakterdesign

Wir bieten 3D – Charakterdesign nach deinem Ebenbild in unserem Atelier an. Wir benötigen nur wenige Fotos und einige Maße von dir und wenige Tage später erhältst du von uns dein 3D – Charakter, den Du anschließend in Deinem 3D Projekt wirkungsvoll in Szene setzen kannst.

Blender Anleitungen im r23 blog

Blender Tutorial : Installation glTF-Blender-Exporter
Blender auf Deutsch umstellen

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Ich bin dir für jede Unterstützung dankbar!

Anmerkung zu den Screenshot: Wir haben Blender auf Deutsch umgestellt.
Das 3D Model Fantasy Game Inn by pepedrago is licensed under CC Attribution.

Gefällt Ihnen dieser Beitrag? Teilen Sie ihn mit anderen. Sie machen uns damit eine große Freude!

Wie können wir Ihnen helfen?

Wir unterstützen Sie bei der Umsetzung Ihres Augmented Reality (AR) oder Virtual Reality (VR) Projektes! Ob Produktfotografie, 3D-Scan-Service, 3D-Visualisierung oder fertige 3D-Modelle für AR/VR – wir beraten Sie persönlich und unverbindlich.

Wenn Sie ein individuelles Angebot auf Basis Ihrer aktuellen Vorlagen (Fotos, Zeichnungen, Skizzen) wünschen, nutzen Sie einfach unser Anfrageformular.


Beitragsautor R23

3D-Modelle für Metaverse und Echtzeit-Anwendungen: VR, AR und mehr

Als Atelier für Metaverse Inhalte und interaktive Markenerlebnisse bieten wir Ihnen eine breite Palette an 3D-Modellen, die sich perfekt für Echtzeitanwendungen eignen. Ob Sie in eine virtuelle Welt eintauchen wollen (Virtual Reality, VR), virtuelle Objekte in die reale Welt einblenden wollen (Augmented Reality, AR) oder beides kombinieren wollen (Mixed Reality, MR) – unsere Modelle sind für alle Formen von Extended Reality (XR) optimiert. Dank unserer Expertise können Sie wertvolle Entwicklungszeit und -kosten sparen. Nutzen Sie unsere 3D-Modelle als Prototypen für Ihre XR-Erfahrungen oder integrieren Sie sie in Ihr fertiges Projekt. Wir stehen Ihnen gerne mit Rat und Tat zur Seite und sorgen dafür, dass Ihre Markenerlebnisse einzigartig und unvergesslich werden.

3D-Visualisierung
3D-Scan – Dienstleistung

Angebot anfordern


Kommentare

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert