AR、VR、およびHTMLの3Dのモデル

Safari Technology Preview 161によって導入された新しいHTML要素と属性は、広範囲にわたる注目を集めています。この記事では、進化プロセス、機能、<model></model>要素の将来の開発の方向性について詳しく説明します。 <model></model>

最初に、

要素のアイデアは、SafariのiOS ARクイックルック機能と統合を強化する必要があります。 ARクイックルックにより、ユーザーは、一部の店舗が採用している仮想トライアル機能など、モバイルカメラを介して3D製品モデルを実際の環境にオーバーレイできます。 <model></model>

WebKitの通訳からわかるように、要素の最初の提案は没入型Web委員会からのものでした。委員会は、仮想現実（VR）と拡張現実（AR）テクノロジーをWebに統合することに取り組んでいます。この提案では、HTMLは、複数のメディアタイプをサポートしている間、3Dコンテンツを直接表示するための宣言的なアプローチがないと述べています。 3Dコンテンツの埋め込みには、通常、スクリプト操作

要素が必要です。これはより面倒です。 <model></model>要素は、他のビジュアルメディアと同じくらい便利にインタラクティブな3Dモデルを埋め込むように設計されています。モデルは、3Dモデリングツールによって動的に作成または生成できますが、サーバーによってスタンドアロンリソースとして提供されます。 <canvas></canvas> <model></model>基本的な例は次のとおりです。これは、

または

要素と同様に使用されています。 <video></video> .usdzや.glbなどの<audio></audio>

要素によってサポートされるファイルタイプは、さらに明確にする必要があります。

<model style="width: 400px; height: 300px"></model>

現在、<model></model>要素の提案案は完全に策定されていませんが、ドキュメントへのモデルの追加、インタラクティブ性の有効化、複数の形式のサポート、代替コンテンツの提供、アクセシビリティなど、将来の開発の方向性を概説しています。解決すべき多くの問題も提案にリストされています。

、

、<model></model>、autoplay、controls、loopなどの提案された属性は、それらをmuted要素に似たものにします。 poster 2018年には、Keith Clarkは、3Dモデルをロードおよびレンダリングするために<video></video>と呼ばれるカスタム要素をプロトタイプしたブログ投稿を公開しました。 2020年、ジョー・メドレーは

コンポーネントを共有し、そのためのホームページを作成しました。

<x-model></x-model>現時点では、<model-viewer></model-viewer>要素の標準化はまだ進行中です。 Appleは、Safari TP 161のリリースを通じてサポートを表明しました。これは、AppleのARテクノロジーに重点を置いていることと一致しています。 Googleも関与していますが、主にWebコンポーネントに焦点を当てています。 AppleとWeb上のARテクノロジーに対するGoogleのビジョンに違いがある可能性があり、それがいくつかの対立につながる可能性があります。

要するに、要素の出現は、Web上の3Dモデルの表示と相互作用の新しい可能性を提供しますが、それらの開発はまだ初期段階にあり、将来の開発は楽しみにしています。 CSSネスティングとCSS相対色の構文をサポートするSafari Technology Previewバージョン162がリリースされたことは注目に値します。

以上がAR、VR、およびHTMLの3Dのモデルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。