3D över nätet, enheter, skärmar och verklighet har ökat avsevärt under de senaste åren. 2020 har dock gett mer 3D -kapacitet till webben med webbläsare som ökar enhetsstödet för både WebVR- och WebXR -API: er och träffar API -stabilitet. Detta betyder en sak - det kommer att finnas mer 3D på webben. Från Khronos Group:
är en webbkomponent med öppen källkod som ger glTF ™ -baserat interaktivt, tillgängligt 3D-innehåll till din webbplats med en enda rad HTML, inklusive AR -placering på både Android och iOS. Nytt med v1.1 av är en scengraf-API som möjliggör grundläggande åtkomst till glTF -modellkällan, vilket möjliggör enkla redigeringar av 3D -tillgångar med bara några rader av JavaScript.
Exemplet ovan lades till med en enda kodrad och storlek för att passa önskad bredd/höjd. Visst har du de två raderna javascript laddat, visar den här kodraden din 3D -modell (.glb- eller .gltf -format) direkt. Och det är bara början. har en mängd attribut, css -egenskaper, metoder och händelser som gör att du kan förlänga 3D -interaktionen.
I framkant är möjligheten att ladda 3D -modeller i AR från mobila enheter (tillgänglig med Chrome 83 -versionen tidigare 2020). Det fungerar också för iOS, men en USDZ -version av modellen behövs. Om du tittar på detta på en mobil enhet ser du en "Visa i ditt utrymme" i exemplet ovan.
Tillsammans med allt nytt stöd finns möjligheten att redigera glb/glTF -tillgångar i webbläsaren och AR. Om du har en glTF -modell eller tillgång till en så kan du prova modellvisningsredigeraren här (eller ladda astronautsexemplet). Här är en snabb video från Khronos Group som visar redaktörens kärnfunktioner.
Håll utkik efter mer 3D på webben och medan du väntar, kolla in exemplen på modelviewer.dev och ge det en gå själv.
