Heim > Web-Frontend > CSS-Tutorial > AR, VR und ein Modell für 3D in HTML

AR, VR und ein Modell für 3D in HTML

William Shakespeare
Freigeben: 2025-03-09 12:39:13
Original
546 Leute haben es durchsucht

Die von Safari Technology Preview 161 eingeführten neuen HTML -Elemente und -attribute ziehen weit verbreitete Aufmerksamkeit auf sich. In diesem Artikel werden die Evolutionsprozesse, die Funktionen und die zukünftige Entwicklungsrichtung von <model></model> Elementen eingehend erläutert. <model></model>

AR, VR, and a Model for 3D in HTML

Zunächst muss die Idee des

-Elements aus der Erfahrung beruht, um die Integration von Safari in iOS AR -Funktionen zu verbessern. AR SHOP Look ermöglicht es Benutzern, 3D-Produktmodelle in realen Umgebungen über ihre mobilen Kameras zu überlagern, z. B. virtuelle Testfunktionen, die einige Geschäfte übernommen haben. <model></model>

Wie Sie von Webkits Interpreter sehen können, stammte der erste Vorschlag für das Element

vom immersiven Webkomitee. Das Komitee ist verpflichtet, die Technologien der virtuellen Realität (VR) und Augmented Reality (AR) in das Web zu integrieren. Der Vorschlag besagt, dass HTML bei der Unterstützung mehrerer Medientypen keinen deklarativen Ansatz für die direkte Anzeige von 3D -Inhalten bietet. Das Einbetten von 3D -Inhalten erfordert normalerweise Skriptbetrieb <model></model> Elemente, was umständlich ist. <canvas></canvas> Elemente sind so konzipiert, dass interaktive 3D -Modelle so bequem wie andere visuelle Medien einbetten. Modelle können von 3D -Modellierungswerkzeugen dynamisch erstellt oder generiert werden, werden jedoch vom Server als eigenständige Ressource bereitgestellt. <model></model>

Ein grundlegendes Beispiel ist wie folgt, was ähnlich wie

oder <video></video> Element verwendet wird: <audio></audio>

Die Dateitypen, die von den
<model style="width: 400px; height: 300px"></model>
Nach dem Login kopieren

-Elementen wie .Udz oder .glb unterstützt werden, müssen weiter geklärt werden. <model></model>

Derzeit wurde der Entwurf des Vorschlags für das

-Element nicht vollständig formuliert, aber er hat seine möglichen zukünftigen Entwicklungsrichtungen dargelegt, einschließlich: Hinzufügen von Modellen zum Dokument, Ermöglichung der Interaktivität, der Unterstützung mehrerer Formate, der Bereitstellung alternativer Inhalte und der Sicherstellung der Zugänglichkeit. Viele Probleme, die gelöst werden sollen, sind ebenfalls im Vorschlag aufgeführt. Einige vorgeschlagene Attribute wie <model></model>, autoplay, controls, loop, muted und poster machen sie den <video></video> -Elementen ähnlicher.

Bereits 2018 veröffentlichte Keith Clark einen Blog -Beitrag, in dem er ein benutzerdefiniertes Element namens <x-model></x-model> prototypisierte, um 3D -Modelle zu laden und zu rendern. Im Jahr 2020 teilte Joe Medley die <model-viewer></model-viewer> -Komponente und erstellte eine Homepage dafür.

Derzeit ist die Standardisierung von

Elementen noch im Gange. Apple drückte Unterstützung durch die Veröffentlichung von Safari TP 161 aus, was mit der Betonung der AR -Technologie von Apple übereinstimmt. Google ist ebenfalls beteiligt, konzentriert sich jedoch hauptsächlich auf Webkomponenten. Es kann Unterschiede in der Vision von Apple und Google für AR -Technologie im Web geben, was zu Konflikten führen kann. <model></model> Kurz gesagt, die Entstehung von

Elementen bietet neue Möglichkeiten für das Display und die Interaktion von 3D -Modellen im Web, aber ihre Entwicklung liegt immer noch in den frühen Stadien und die zukünftige Entwicklung ist es wert, sich darauf zu freuen. Es ist erwähnenswert, dass die Safari Technology Preview Version 162 veröffentlicht wurde, die CSS -Nist- und CSS -relative Farbsyntax unterstützt.

Das obige ist der detaillierte Inhalt vonAR, VR und ein Modell für 3D in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage