U 3D in u web, i dispositi, i schermi è a realità hè cresciutu considerablemente in l'ultimi anni. 2020, però, hà purtatu più capacità 3D à u web cù i navigatori chì aumentanu u supportu di u dispositivu per l'API WebVR è WebXR è culpisce a stabilità API. Questu significa una cosa - ci sarà più 3D in u web. Da Khronos Group:
hè un cumpunente web open source chì porta cuntenutu 3D interattivu è accessibile basatu in glTF™ à u vostru situ web cù una sola linea di HTML, cumprese piazzamentu AR sia su Android sia iOS. Novu cun v1.1 di hè a API scene-graph chì permette l'accessu basicu à a fonte di u mudellu glTF, chì permette di fà mudificazioni simplici à l'assi 3D cù solu uni pochi di linee di JavaScript.
L'esempiu di sopra hè statu aghjuntu cù una sola linea di codice è dimensionatu per adattà à a larghezza / altezza desiderata. Cuncessa chì avete e duie linee di javascript caricatu, quella linea di codice mostra u vostru mudellu 3D (formatu .glb o .gltf) subitu. È questu hè solu u principiu. hà una carica di attributi, proprietà css, metudi è avvenimenti chì permettenu di allargà l'interazzione 3D.
In prima linea, hè a capacità di carricà mudelli 3D in AR da i dispositi mobili (dispunibule cù a versione Chrome 83 prima di 2020). Funziona ancu per iOS, ma hè necessariu una versione USDZ di u mudellu. Sè vo vede questu nantu à un dispositivu mobile, vi vede un "Vede in u vostru spaziu" nantu à l'esempiu sopra.
Inseme cù tuttu u novu supportu hè a capacità di edità glb / glTF assi in u navigatore web è AR. Sì avete un mudellu glTF o accessu à unu, pudete Pruvate l'editore di visore di mudelli quì (o carica l'esempiu di l'astronauta). Eccu un video rapidu da Khronos Group chì mostra a funziunalità core di l'editore.
State attenti à più 3D in u web è, mentre aspettate, verificate l'esempii in modelviewer.dev è dà un andà stessu.
