AR, VR in model za 3D v HTML

Skrit nekje v Opombe ob izdaji Safari Technology Preview 161 je na videz neškodljiva vrstica o podpori za nov element in atribut HTML:

Dodana podpora za <model src> in čast <source type> lastnosti ()

Kadar koli vidim omembo nekega elementa, ki ga ne prepoznam, se mi misli takoj posvetijo Huh! Nova zame, verjetno pa stara novica za vse ostale. Vem, da je to slaba drža, saj bi prav tako lahko bilo:

• Hmm, izgleda kot lastniški poskus.
• Vau, res nova stvar!

Resnica je, da gre za vse tri.

To je koncept, ki se razvija

Tako kot prva nekoliko uradno zveneča stvar, ki sem jo našel <model> ni bilo v specifikaciji W3C, ampak v WebKitov repo za razlagalce. Vse, kar je v README, je ogromna opomba iz leta 2021, da »The <model> element se je preselil v Immersive Web CG.« Želel sem skočiti čez, a je moje oko ujelo HistoryAndEvolution.md datoteka, ki ima lep povzetek zgodnjega konteksta na <model> koncept:

O <model> element se je rodil iz želje narediti naslednji korak in izboljšati izkušnjo integracije Safarija z iOS-om AR Hiter pogled lastnost.

Moral sem pogledati Applovo uvodno stran za AR Quick Look. Ali poznate novo funkcijo, ki jo imajo nekatere trgovine, kjer lahko s kamero telefona prenesete 3D-upodabljanje izdelka v svojem domu? To je vrsta stvari, o katerih govorimo, in Apple povezuje lepo študijo primera iz Metropolitanskega muzeja umetnosti.

Kot razumem iz tega omejenega konteksta:

• Spusti a <model> element v dokumentu.
• Dodajte zunanjo izvorno datoteko, npr <model src="assets/example.usdz">.

Prvotni predlog je skupina Immersive Web Committee Group

To je ekipa videti naredijo navidezno resničnost (VR) in obogateno resničnost (AR) del spleta. Apple je povezal svoj repo, zato sem skočil in šel naravnost k razlagalcu. To ni specifikacija ali kaj podobnega, ampak prvotni predlog. Veliko boljša definicija elementa!

HTML omogoča prikaz številnih vrst medijev prek elementov, kot so <img>, <picture>ali <video>, vendar ne zagotavlja deklarativnega načina neposrednega prikaza 3D-vsebine. Vdelava 3D-vsebine v stran je razmeroma okorna in temelji na skriptiranju <canvas> element. Verjamemo, da je čas, da 3D modele izenačimo z drugimi, že podprtimi vrstami medijev.

[...]

HTML <model> element želi spletnemu mestu omogočiti vdelavo interaktivnih 3D modelov tako priročno kot kateri koli drug vizualni medij. Pričakuje se, da bodo modeli ustvarjeni z orodji za 3D-avtoring ali dinamično ustvarjeni, strežnik pa jih bo služil kot samostojen vir.

Osnovni primer potegne to skupaj. Resnično se počuti kot <video> or <picture> elementi:

<model style="width: 400px; height: 300px"> <source src="assets/example.usdz" type="model/vnd.usdz+zip"> <source src="assets/example.glb" type="model/gltf-binary">
</model>

.usdz? .glb? Ni vrsta datotek, ki običajno prečkajo mojo mizo. Predvidevam, da bom moral še malo preučiti te in druge vrste datotek <model> morda podpira. Še enkrat, vse to je le prvotni predlog.

Osnutek predloga še ni povsem zatrt

Ampak je zagotoviti lep oris kam bi stvari lahko šle:

• Dodajanje modela v dokument
• Omogočanje interaktivnosti
• Podpira več formatov
• Zagotavljanje nadomestne vsebine
• Omogočanje dostopnosti

Veliko je treba ugotoviti. Večina tega, kar je tam, je dokumentiranih težav, ki jih je treba obravnavati. Vendar pa osvetljuje več <model> kot predlagani atributi, zaradi katerih se počuti enakomerno več kot <video> kot autoplay, controls, loop, muted, poster, Itd

Še dlje sega nazaj

Najzgodnejša omemba 3D modeliranja, ki sem jo našel, je bila Objava Keitha Clarka iz leta 2018 v katerem je prototip elementa po meri, imenovanega <x-model>. Opisuje ga kot »nadomestno mesto, ki omogoča dostop do DOM in CSSOM«, kjer se nalaganje in upodabljanje izvede v tri.js.

Keithovi ideji sledi <model-viewer> komponento, ki jo je Joe Medley delil leta 2020 (in naslednje posodobitev k temu). Obstaja celo a domača stran za to in zabavno je vlačiti Neila Armstronga po vesolju.

Je to mogoče samo poskus?

Mislim, osnutek specifikacije ni bil dodelan. Zdi se, da je Apple pripravljen igrati žogo zahvaljujoč objavi Safari TP 161. To je povsem smiselno kako optimističen je Apple glede AR kot celota. (Kozarci Applekdo?)

Zdi se, da ima Google svojo nogo v vratih, čeprav na strani spletnih komponent. Preprosto je videti, kako lahko pride do navzkrižja interesov med tem, kar Apple in Google želita od RR v spletu.

---

Vse to so samo moji zapiski, ki sem jih poskušal prebrskati. Mora biti veliko več odtenkov kot tisto malo, kar vem o tem doslej. Prepričan sem, da lahko kdo pametnejši zaveže lepšo pentljo <model> v komentarjih. 😉

In ko že govorimo o predogledu tehnologije Safari, 162 pravkar izdan drugi dan in omogoča gnezdenje CSS in Sintaksa relativne barve CSS.

• Distribucija vsebine in PR s pomočjo SEO. Okrepite se še danes.
• Platoblockchain. Web3 Metaverse Intelligence. Razširjeno znanje. Dostopite tukaj.
• vir: https://css-tricks.com/ar-vr-and-a-model-for-3d-in-html/