AR, VR, dan model untuk 3D dalam HTML

Unsur -unsur dan atribut HTML baru yang diperkenalkan oleh Safari Technology Preview 161 menarik perhatian yang meluas. Artikel ini akan membincangkan proses evolusi, fungsi dan arah pembangunan masa depan unsur-unsur evolusi. <model></model> <model></model>

Pada mulanya, idea elemen berpunca dari pengalaman perlu meningkatkan integrasi safari dengan ciri -ciri rupa cepat iOS AR. AR Ple Quick Look membolehkan pengguna untuk melapisi model produk 3D ke dalam persekitaran dunia sebenar melalui kamera mudah alih mereka, seperti ciri percubaan maya yang beberapa kedai telah diterima pakai.

Seperti yang anda lihat dari penterjemah WebKit, cadangan awal untuk elemen <model></model> adalah dari Jawatankuasa Web Immersive. Jawatankuasa ini komited untuk mengintegrasikan Teknologi Realiti Maya (VR) dan Teknologi Realiti (AR) ke dalam web. Cadangan menyatakan bahawa HTML, sambil menyokong pelbagai jenis media, tidak mempunyai pendekatan deklaratif untuk memaparkan kandungan 3D secara langsung. Menanam kandungan 3D biasanya memerlukan operasi skrip

unsur -unsur, yang lebih rumit.

Elemen direka untuk membenamkan model 3D interaktif dengan mudah sebagai media visual yang lain. Model boleh dibuat atau dihasilkan secara dinamik oleh alat pemodelan 3D, tetapi disediakan oleh pelayan sebagai sumber yang mandiri. <model></model> <canvas></canvas> Contoh asas adalah seperti berikut, yang digunakan sama seperti <model></model> atau

elemen:

<video></video> Jenis fail yang disokong oleh unsur -unsur <audio></audio>

, seperti .usdz atau .glb, perlu dijelaskan lebih lanjut.

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

Pada masa ini, cadangan draf untuk elemen

belum dirumuskan sepenuhnya, tetapi ia telah menggariskan kemungkinan pembangunan masa depannya, termasuk: menambah model ke dokumen, membolehkan interaktiviti, menyokong pelbagai format, menyediakan kandungan alternatif, dan memastikan kebolehcapaian. Banyak isu yang perlu diselesaikan juga disenaraikan dalam cadangan itu. Sesetengah atribut yang dicadangkan, seperti <model></model>,

,

, <model></model>, autoplay dan controls, menjadikannya lebih mirip dengan unsur -unsur loop. muted poster Seawal tahun 2018, Keith Clark menerbitkan catatan blog di mana dia memprototy elemen tersuai yang dipanggil <video></video> untuk memuat dan membuat model 3D. Pada tahun 2020, Joe Medley berkongsi komponen

dan mencipta laman utama untuknya.

<x-model></x-model> Pada masa ini, penyeragaman unsur -unsur <model-viewer></model-viewer> masih sedang berjalan. Apple menyatakan sokongan melalui pembebasan Safari TP 161, yang konsisten dengan penekanan Apple terhadap teknologi AR. Google juga terlibat, tetapi terutamanya memberi tumpuan kepada komponen web. Mungkin terdapat perbezaan dalam Visi Apple dan Google untuk teknologi AR di web, yang boleh membawa kepada beberapa konflik.

Singkatnya, kemunculan unsur -unsur

menyediakan kemungkinan baru untuk paparan dan interaksi model 3D di Web, tetapi perkembangan mereka masih dalam peringkat awal dan pembangunan masa depan patut diingati. Perlu diingat bahawa Pratonton Teknologi Safari Versi 162 telah dikeluarkan, yang menyokong sintaks warna CSS dan CSS relatif. <model></model>

Atas ialah kandungan terperinci AR, VR, dan model untuk 3D dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!