WebXR: Alles was Sie wissen müssen

WebXR
(Bildnachweis: Julius Horsthuis)
SPRINGEN ZU: WebXR: Quicklinks

- - WebXR: die Herausforderungen
- - Wo kann sich WebXR auszeichnen?
- - 5 Top-Beispiele für WebXR
- - WebXR-APIs, -Tools und -Ressourcen

Mit dem Tempo der Technologie ist es entscheidend geworden, Ansätze und Standards zu vereinheitlichen, bevor die Fragmentierung das weitere Wachstum hemmt.

WebXR ist die neueste Entwicklung in der Erforschung virtueller und erweiterter Realitäten. Es nutzt die Kraft des Netzes zusammen mit der Vereinigung dieser Realitäten unter einem philosophischen Dach und erleichtert so das Erstellen von immersiven Inhalten 3D Kunst , interaktive Umgebungen, VR-Tools und mehr. In diesem Artikel erfahren Sie, was WebXR ist und welche Ressourcen von unschätzbarem Wert sind, um damit beginnen zu können.



WebXR: die Herausforderungen

Überzeugende XR-Erlebnisse hängen von geringer Latenz, hoher Präzision und großen Datenmengen ab, die schnell verarbeitet werden, um Szenen, Animationen und vieles mehr zu rendern. Die Latenz, die sich auf die Verzögerung der Kommunikation zwischen der Bewegung eines Benutzers und dem, was er sieht, bezieht, muss so gering wie möglich sein. Idealerweise sollte dies im Bereich von 20 ms oder besser liegen, um die Illusion der Realität zu erzeugen. Wenn es sogar einen leichten Fehler oder ein Problem mit der Ausrichtung gibt, kann dies die Erfahrung stören oder sogar Übelkeit verursachen.

Das Web hat auch besondere Herausforderungen mit sich gebracht, da herkömmliche Kommunikationsmethoden wie Web Sockets nicht schnell genug sind. Browser können andere inkrementelle Leistungseinbußen verursachen. Hohe Datenmengen zur Visualisierung von Szenen können auch die Grenzen des WebGL-Renderings überschreiten.

Schließlich führen Webumgebungen zu Sicherheitsbedenken, da eine solche direkte Kommunikation zwischen Geräten erforderlich ist (eine der wichtigsten) Website-Ersteller und am besten Web-Hosting Dienste stellen sicher, dass Ihre Website fertig wird). Die neue WebXR-Geräte-API adressiert diese Herausforderungen und bietet eine Methode zur standardisierten Schnittstelle mit XR-Geräten. Dies wird mit der Entwicklung von Umfang und Umfang der Hardware in den kommenden Jahren immer wertvoller.

High Definition Base Game Texturen für alle

Die WebXR-Geräte-API bietet die folgenden Schlüsselfunktionen:

  • Identifizieren und lokalisieren (erkennen) Sie VR- oder AR-Ausgabegeräte
  • Übersetzen Sie die Bewegungsvektoren (Richtung und Größe) von Eingabegeräten und Sensoren in verwendbare Vektoren für die Anwendung
  • Rendern Sie 3D-Szenen mit einer angemessenen Bildrate auf Geräte.

Was ist mit der Browserunterstützung?

Browser-Unterstützung ist immer wichtig, wenn es um neue Technologien geht. Eingeschränkter Support kann die Einführung verlangsamen oder die Entwicklung neuer APIs insgesamt stoppen, wenn große Browser keine Funktionen in ihr Ökosystem integrieren.

Chrome ist derzeit führend bei der Unterstützung von WebXR, das zu den neuesten Browserversionen hinzugefügt wurde. Firefox stellt es auch als experimentelle Technologie zur Verfügung, was bedeutet, dass Attribute und Methoden noch nicht stabil sind und Änderungen unterliegen. Da sich die Technologie weiterentwickelt, wird auch der Support unterstützt. Sie können mit der neuesten Unterstützung für die WebXR-Geräte-API Schritt halten Hier .

Die besten VR-Angebote von heute HTC Vive HTC Vive Amazonas £ 1,199.98 Aussicht Alle Preise anzeigen Oculus Rift DK2 VR-Headset Augenriss Amazonas £ 579 Aussicht Alle Preise anzeigen Oculus Quest 128 GB VR-Headset Quest Auge Amazonas £ 399.99 Aussicht Alle Preise anzeigen Wir prüfen täglich über 130 Millionen Produkte auf die besten Preise

Wo kann sich WebXR auszeichnen?

Julius Horsthuis verwendet VR und XR, um die Art und Weise zu ändern, wie wir über Kunst und visuelle Erfahrungen denken

Julius Horsthuis verwendet VR und XR, um die Art und Weise zu ändern, wie wir über Kunst und visuelle Erfahrungen denken(Bildnachweis: Julius Horsthuis)

Immersives Kunstwerk

Sie müssen nicht weiter suchen als die neuesten Erfahrungen, die von Künstlern wie gemacht werden Julius Horsthuis , fraktaler Künstler und Filmemacher, um die Möglichkeiten zu verstehen, die VR / XR zu schaffen beginnt. Mit VR und projizierten Erfahrungen treibt Julius die Art und Weise, wie wir über Kunst und visuelle Erfahrungen denken, voran und in den Bereich der veränderten Realität. Wenn XR über die Konventionen der Bildschirm- oder Headset-Anzeigen hinausgehen soll, können Künstler wie diese neue Wege finden, um die Grenzen unserer Kunsterfahrung zu erweitern.

Benötigen Sie einen sicheren Ort, um Ihre Arbeit aufzubewahren? Probieren Sie eines dieser zuverlässigen Cloud-Speicher Optionen.

360 Video / immersive Unterhaltung

Unterhaltung und Marketing erforschen seit Jahren das Potenzial von XR. VR-Filme und 360-Fotografie erfreuen sich wachsender Beliebtheit. Es werden Filme erstellt, die gegen die Konvention einer einzelnen Kameraansicht verstoßen. Auf diese Weise kann sich das Publikum in der Umgebung umsehen, während sich eine Geschichte entfaltet. Es eröffnet Content-Erstellern eine völlig neue Welt der Möglichkeiten. Wenn Sie das Publikum mitten in die Action einbeziehen, können Sie völlig neue Arten des Erzählens von Geschichten und sogar neue Geschichten entdecken. Es ist möglicherweise eine der aufregendsten Anwendungen dieser neuen Technologie.

Modellvisualisierungen

Einer der praktischsten Anwendungsfälle für XR ist wohl das Betrachten von 3D-Modellen. Dies deckt ein breites Anwendungsspektrum ab. Stellen Sie sich vor, Sie gehen vor dem Bau durch ein Architekturmodell eines Gebäudes, um dessen Design zu untersuchen oder Fehler zu beheben. Sie können neue Produkte vor dem Kauf erkunden oder als Designer vor der Produktion in Echtzeit verbessern.

Modelle können Produkte, Gebäude, Neufahrzeuge, aber auch Umgebungen sein. Die Erkundung von Orten, die für Menschen ungeeignet sind und aus gesammelten Daten abgeleitet werden, könnte zu großartigen Einsichten und Verständnis führen, die auf keine andere Weise erreicht werden können. Das Sehen von etwas und das Visualisieren von Daten kann eine völlig neue Perspektive bieten, um das Lernen zu verbessern.

Fünf Top-Beispiele für WebXR

01. Sumerian Express

Sumerian Express

(Bildnachweis: Amazon)

Der Sumerian Express ist eine Online-WebXR-Erfahrung, die mit WebGL gerendert wird und in Chrome-Browsern und VR-Geräten ausgeführt wird. Amazon Sumerian ist führend in der Entwicklung und Entwicklung von WebXR-Tools und einen Besuch wert.

02. Roms unsichtbare Stadt

Rom

(Bildnachweis: BBC / ScanLAB-Projekte)

Roms Invisible City VR-Erfahrung Das von BBC und ScanLAB Projects erstellte WebXR-Erlebnis soll Besucher an verschiedenen Orten aufklären, während sie 360 ​​Bilder in einer virtuellen Welt erkunden.

03. LearnBrite

LearnBrite

(Bildnachweis: Learnbrite)

LearnBrite ist ein virtuelles Klassenzimmer oder ein anpassbarer Besprechungsraum, mit dem Sie auf Mobilgeräten, Desktops und Geräten interagieren können. Es unterstützt WebXR und kann Tausende von Menschen gleichzeitig hosten!

04. Immersive Web - 360 Fotos

Immersive Web - 360 Fotos

Best Buy Surface Pro 4 Black Friday
(Bildnachweis: Immersive Web)

Eine 360-Grad-Fotodemo in Echtzeit, die von Immersive Web gehostet wird. Dies ist nur eines von zahlreichen Beispielen Hier . Dies ist eine großartige Sammlung von Beispielen für die Verwendung von WebXR.

05. Sketchfab

Sketchfab

(Bildnachweis: Sketchfab)

Sketchfab ist eine unschätzbare Ressource für 3D-Modelle und Assets. Sie können nicht nur hervorragende Modelle herunterladen, Sketchfab ist auch ein hervorragendes Beispiel für WebXR, mit dem Sie in VR navigieren und Modelle erkunden können!

WebXR-APIs, -Tools und -Ressourcen

A-Painter XR

Mozillas A-Painter XR erweitert die WebVR-Mal-App für die Arbeit mit WebXR(Bildnachweis: Mozilla)

W3C Working Draft - WebXR-Geräte-API

Der offizielle Arbeitsentwurf Online-Papier für die WebXR-Geräte-API . Das World Wide Web-Konsortium ist die offiziellste Quelle für den Status dieser neuen Technologie.

Mozilla WebXR-Experiment: A-Painter XR

A-Painter XR ist ein Experiment zur Erweiterung eines WebVR-Malprogramms namens 'A-Painter' zur Unterstützung von WebXR und zur Bereitstellung von AR-Funktionen. Eine großartige Lektüre mit vielen Links, um mehr zu erfahren.

Mozilla WebXR-Geräte-API

Das Mozilla WebXR-Geräte-API Artikel beschreibt den aktuellen Status der API und Details zur Implementierung. Es beschreibt die Ziele von WebXR, Diagramme zur Funktionsweise und zum Anwendungslebenszyklus.

A-Frame Web Framework

Ein Rahmen ist ein beliebtes Framework zum Erstellen von Virtual-Reality-Erlebnissen im Web. Basierend auf Three.js für 3D-Rendering wird es auf einer Vielzahl von Geräten und Plattformen unterstützt.

Immersives Web - WebXR

WebXR-Beispiele Diese wurden entwickelt, um die neue WebXR-Geräte-API zu demonstrieren. Ziel ist es, Entwicklern eine Reihe einfacher, unterhaltsamer und lesbarer Apps zur Verfügung zu stellen, die verschiedene Aspekte der Verwendung der API demonstrieren.

ARCore

ARCore ist ein von Google erstelltes SDK zur Implementierung von Augmented Reality-Anwendungen auf Android-Geräten. Obwohl es nicht ausschließlich auf WebXR ausgerichtet ist, bietet es großartige XR-Modelle, die Sie bei Ihrer Entwicklung verfolgen können.

AR.js.

AR.js. ist eine Ziel- / Marker-Augmented-Reality-Bibliothek für das Web. Es ist Open Source und sehr schnell. Es verwendet Three.js und das jsartoolkit5. Es kann auch mit A-Frame verwendet werden.

Three.js

Three.js ist eine browserübergreifende JavaScript-Bibliothek / API, mit der animierte 3D-Computergrafiken in einem Webbrowser erstellt und angezeigt werden. Three.js verwendet WebGL.

WebXR Explainer

Ein toller Überblick über alles WebXR . Von der Erläuterung der Konzepte bis zum Status des Fortschritts bei der API. Enthält auch einen tiefen Einblick in die API mit Codebeispielen.

GenerateJS 2020 - 4 Lautsprecher

(Bildnachweis: Future / Toa Heftiba, Unsplash)

Dieser Artikel wurde ursprünglich in Ausgabe 293 des kreativen Webdesign-Magazins Web Designer veröffentlicht.

Zum Thema passende Artikel: