Hvordan kan støtte forbrukere på både iOS og Google-plattformer? Og hva skjer hvis de bruker ikke-ARKit / ARCore-enheter?
De anbefalt løsning ville være å utnytte Googles gratis Model-Viewer nettkomponent som kjører responsivt på alle nettlesere på smarttelefoner, nettbrett og stasjonær. Per en kunngjøring fra Google-utvikleren i februar 2019⁴ som kortfattet fanger målet:
Seeren bør støtte progressiv forbedring av ytelse, gjengi kvalitet og brukssaker på alle enheter som spenner fra eldre, lavere-drevne smarttelefoner til nyere enheter som støtter forbedret virkelighet. Det bør holde seg oppdatert med dagens teknologier. Det skal være performant og tilgjengelig. Å bygge en slik seer krever imidlertid spesialiserte 3D-programmeringsferdigheter, og det kan være en utfordring for webutviklere som ønsker å være vertskap for sine egne modeller i stedet for å bruke en tredjeparts hostingtjeneste ...
For å hjelpe med det, introduserer vi
<model-viewer>webkomponent som lar deg erklærende legge til en 3D-modell på en webside, mens du er vert for modellen på ditt eget nettsted. Nettkomponenten støtter responsiv design og brukstilfeller som utvidet virkelighet på enkelte enheter, og vi legger til funksjoner for tilgjengelighet, gjengivelseskvalitet og interaktivitet. Målet med komponenten er å gjøre det enkelt å legge til 3D-modeller på nettstedet ditt uten å være på toppen av de siste endringene i den underliggende teknologien og plattformene.
Å bryte ned hva som skjer bak kulissene når du har inkludert Model-Viewer på nettstedet ditt:
1. Validering av brukerens enhet oppfyller de minste kravene til AR-visning.
Som tidligere nevnt, AR visning er tilgjengelig på Apple-enheter med ARKit aktivert iOS 11 + (full enhetslistestøtte her.) og Android-mobile enheter som kjører Android 7.0 og nyere.
Hvis enheten ikke oppfyller disse spesifikasjonene, kan du implementere et tilbakeslag som utløser et ikke-AR-syn der objektet vises som en 3D-modell. På denne måten kan brukerne fortsatt engasjere seg i det virtuelle produktet gjennom zoom og rotasjon når de er på skrivebordet. Du kan spille rundt en sandkasseopplevelse av fallback-triggeren på https://modelviewer.dev/.
Model-Viewer Sandbox
2. Utføre en sjekk på brukerens operativsystem og tjene den respektive iOS- eller Android-opplevelsen.
Hvis AR-visning er aktivert på enheten, må du ha to filformater av SAME-eiendelen - a .usdz for iOS-enheter og heller .glb or .gltf for Android. Hvis kildeenhetskategorien deres er iPhone, vil 3D-eiendelen starte ARKits QuickLook, eller hvis de er på en Samsung S9, vil eiendelen lanseres i Google Play Services for AR.
