Generativ dataintelligens

AR, VR og en model til 3D i HTML

Dato:

Gemt ned et sted i Safari Technology Preview 161 release notes er en tilsyneladende uskyldig linje om understøttelse af et nyt HTML-element og -attribut:

Tilføjet support til <model src> og ære <source type> egenskaber ([e-mail beskyttet])

Hver gang jeg ser omtale af et element, jeg ikke genkender, går mit sind direkte til Huh! Nyt for mig, men sikkert gammelt nyt for alle andre. Det er dårlig kropsholdning, jeg ved, da det lige så nemt kunne være:

  • Hmm, det ligner et eget eksperiment.
  • Wow, en virkelig ny ting!

Sandheden er, det er sådan set alle tre.

Det er et koncept under udvikling

Som i, den første noget officielt klingende ting, jeg fandt på <model> var ikke i W3C-specifikationen, men i WebKits repo for forklarere. Alt, der er i README, er en kæmpe note fra 2021 om, at "The <model> element er flyttet til Immersive Web CG." Jeg var ved at hoppe over, men mit øje fangede det HistoryAndEvolution.md fil, som har en god gennemgang af tidlig kontekst på <model> koncept:

 <model> element blev født ud af et ønske om at tage det næste skridt og forbedre oplevelsen af ​​Safaris integration med iOS AR Hurtigt kig funktion.

Jeg var nødt til at kigge på Apples splash-side for AR Quick Look. Kender du den nye funktion, som nogle butikker har, hvor du kan transponere en 3D-gengivelse af et produkt i dit eget hjem ved hjælp af dit telefonkamera? Det er den slags ting, vi taler om, og Apple forbinder et godt casestudie fra Metropolitan Museum of Art.

Som jeg forstår det ud fra denne begrænsede sammenhæng:

  • Drop a <model> element i dokumentet.
  • Tilføj en ekstern kildefil, f.eks <model src="assets/example.usdz">.

Det oprindelige forslag er fra Immersive Web Committee Group

Det er holdet ser gør Virtual Reality (VR) og Augmented Reality (AR) til en del af nettet. Apple tilknyttede deres repo, så jeg hoppede og gik direkte til forklareren. Dette er ikke specifikationen eller noget, men det oprindelige forslag. En meget bedre definition af elementet!

HTML tillader visning af mange medietyper gennem elementer som f.eks <img><picture> eller  <video>, men det giver ikke en deklarativ måde at vise 3D-indhold direkte på. Indlejring af 3D-indhold på en side er forholdsvis besværligt og er afhængig af scripting af <canvas> element. Vi mener, det er på tide at stille 3D-modeller på lige fod med andre, allerede understøttede, medietyper.

[...]

HTML'en <model> element sigter mod at give et websted mulighed for at indlejre interaktive 3D-modeller lige så bekvemt som ethvert andet visuelt medie. Modeller forventes at blive skabt af 3D-redigeringsværktøjer eller genereret dynamisk, men tjent som en selvstændig ressource af serveren.

Det grundlæggende eksempel samler dette. Det føles virkelig som <video> or <picture> elementer:

<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? Ikke den type filer, der typisk krydser mit skrivebord. Tror jeg bliver nødt til at opfriske dem og alle andre filtyper <model> kan støtte. Igen er alt dette blot det oprindelige forslag.

Udkastet til forslag er ikke udstøbt endnu

Men det gør det give et fint omrids af hvor tingene muligvis kan gå hen:

  • Tilføjelse af en model til et dokument
  • Aktiverer interaktivitet
  • Understøtter flere formater
  • Levering af reserveindhold
  • At gøre det tilgængeligt

Der er meget at finde ud af. Det meste af det, der er, er dokumenterede problemer, der skal løses. Det kaster dog mere lys over <model> som foreslåede egenskaber, der får det til at føles jævnt mere ligesom <video> såsom autoplay, controls, loop, muted, posterOsv

Det går endnu længere tilbage

Den allerførste omtale af 3D-modellering, jeg fandt, var Keith Clarks 2018-indlæg hvor han prototyper et brugerdefineret element kaldet <x-model>. Han beskriver det som "en pladsholder, der giver adgang til DOM og CSSOM", hvor indlæsning og gengivelse sker i tre.js.

Keiths idé efterfølges af <model-viewer> komponent Joe Medley delte i 2020 (og en efterfølgende opdatering til det). Der er endda en hjemmeside for det og det er sjovt at trække Neil Armstrong rundt i rummet.

Det er muligvis bare et eksperiment?

Jeg mener, udkastet til specifikationen er ikke blevet uddybet. Apple ser ud til at være villig til at spille bold takket være Safari TP 161-meddelelsen. Det giver fuldstændig mening givet hvor bullish Apple er på AR som en helhed. (Æblebriller, nogen som helst?)

Google ser ud til at have foden inden for døren, omend på Web Components-siden. Det er let at se, hvordan der kan være en interessekonflikt mellem, hvad Apple og Google ønsker fra AR på nettet.


Disse er alle bare mine noter fra at forsøge at grok alt. Der skal være meget mere nuance i det end det lidt, jeg ved om det indtil videre. Jeg er sikker på, at nogen klogere kan binde en pænere sløjfe rundt <model> i kommentarerne. 😉

Og mens vi taler Safari Technology Preview, 162 netop udgivet den anden dag og det muliggør CSS-indlejring og CSS relativ farvesyntaks.

spot_img

Seneste efterretninger

spot_img

Chat med os

Hej! Hvordan kan jeg hjælpe dig?