Guida Rapida - WebXR AR

In questo tutorial, configureremo l’integrazione con 8thwall e faremo in modo che la telecamera segua il movimento di un telefono cellulare.

Continuiamo da dove abbiamo lasciato nel Primi Passi.

Impostazioni AR 

Seleziona “Views > Project Settings”, che apre la vista “Project Settings” sul lato destro della finestra:

Screenshot: Primi Passi AR - Impostazioni del Progetto

Apri il pannello “AR” e, per “framework”, seleziona “webxr”.

Sotto “rendering”, imposta il valore “alpha” (A:) del colore di pulizia a 0 per garantire che lo sfondo sia trasparente:

Screenshot: Primi Passi AR - Rendere trasparente il colore di pulizia

Test di Impatto AR 

Wonderland Engine include un componente per l’AR Hit Testing, che ripetutamente “lancia un raggio” nel mondo reale per rilevare quanto è lontano dalla fotocamera del telefono.

Aggiungi un componente hit-test-location a un nuovo oggetto figlio di “Left Eye” (o qualsiasi altro oggetto con il componente di input impostato su “eye left”). La posizione di questo oggetto corrisponderà a un impatto nel mondo reale.

Usalo per posizionare oggetti o misurare le distanze dalla fotocamera.

Visualizzare sul Telefono 

Segui la guida di Chrome su come effettuare il debug remoto dei dispositivi.

Infine, inoltra la porta 8080 seguendo questa Guida di Chrome per l’Inoltro di Porte.