App 360 VR in 10 minuti con Unity: 8 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:02

Come stiamo costruendo questa app?

A differenza del video normale che ha una cornice rettangolare, il video 360 ha la forma di una sfera. Quindi, dobbiamo prima creare uno schermo sferico su cui proiettare il nostro video 360. Il player (o visualizzatore) si troverà all'interno di questa sfera e potrà guardare il video in qualsiasi direzione. I passaggi seguenti dovrebbero farti sentire autorizzato ad apportare le tue modifiche, spiegando come funziona tutto sotto il cofano. Per istruzioni passo passo

Passaggio 1: cosa ti serve

Un telefono Android con un giroscopio per rilevare i movimenti della testa, in esecuzione su KitKat o sistema operativo più recente.

Un auricolare di cartone. Se non ne possiedi uno, puoi trovarne molti su Amazon per meno di 10 dollari.

Unity3D, un motore di gioco multipiattaforma, che devi installare sul tuo computer, versione 5.6 o successiva. Useremo questo software per costruire il nostro intero progetto.

L'SDK di GoogleVR per Unity, che puoi scaricare in anticipo.

Un video a 360 gradi. Riprendine uno con una fotocamera 360 o puoi trovare video 360 su Youtube, Facebook o qualsiasi sito Web di video 360

Passaggio 2: costruisci una sfera

Per prima cosa, apriamo un nuovo Unity Project se stai iniziando da zero (o una nuova Scene se vuoi integrare il lettore video 360 in un progetto esistente). Pensa a una scena come un livello di un videogioco e a un progetto come un gioco completo.

Successivamente, aggiungi un oggetto sfera nella scena, posto al suo centro (Posizione = 0, 0, 0), con un raggio di 50 (Scala = 50, 50, 50). Anche la posizione della telecamera dovrebbe essere impostata su 0, 0, 0. La telecamera è l'occhio del giocatore/osservatore, quindi la vogliamo al centro della Sfera. Posizionarlo altrove farebbe apparire distorto il video. Una volta posizionata la Camera all'interno della Sfera, quest'ultima non è più visibile nella Scena. Non preoccuparti, c'è una spiegazione per questo! In effetti, la maggior parte dei motori di gioco, per impostazione predefinita, non esegue il rendering del lato interno degli oggetti 3D. Questo perché raramente abbiamo bisogno di vederli, sarebbe uno spreco di risorse renderli. Lo sistemeremo in seguito.

Passaggio 3: capovolgi le normali della sfera

Nel nostro caso, abbiamo bisogno di vedere la nostra Sfera dall'interno. Questo è il punto centrale dell'app, quindi lo capovolgeremo.

In Unity, le sfere non sono in realtà sfere (cosa? Ci hanno sempre mentito!), sono poligoni fatti con migliaia di minuscole sfaccettature. I lati esterni delle faccette sono visibili, ma non quelli interni. Per questo motivo, creeremo un programma per capovolgere queste piccole sfaccettature come i pancake. Nella geometria 3D, chiamiamo questa trasformazione «invertire le normali» o «invertire le normali». Useremo un programma chiamato Shader, che applicheremo al Materiale della Sfera. I materiali controllano l'aspetto degli oggetti in Unity. Gli shader sono piccoli script che calcolano il colore di ogni pixel renderizzato, in base all'illuminazione e alle informazioni estratte dai loro Materiali. Quindi creare un nuovo Materiale per la Sfera, quindi un nuovo Shader applicato a questo Materiale. Dobbiamo scrivere un codice personalizzato per lo Shader… ma non temere, puoi copiare e incollare il codice qui sotto:

Fare clic su questo collegamento per il collegamento al codice

Questo piccolo Shader capovolgerà ogni pixel della sfera. Ora la nostra Sfera appare come una grande palla bianca, vista dall'interno, all'interno della nostra Scena. Il prossimo passo è trasformare questa sfera bianca in un video player.

Passaggio 4: proietta il tuo video 360 all'interno della sfera

Qui devi avere a portata di mano un video 360 mp4. Importalo nel progetto, quindi trascinalo sulla Sfera. Ed è allora che accade la magia: appare un componente "Video Player" e boom, il video è pronto per essere riprodotto. Puoi giocare con le impostazioni come loop e audio. Supporta anche lo streaming!

Passaggio 5: configurare Google Cardboard?

In questo passaggio, renderemo l'esperienza davvero coinvolgente. Ecco perché vogliamo vederlo in un visore VR, qui un Google Cardboard.

Creeremo una vista "stereoscopica" (lo schermo sarà diviso in due, con alcuni effetti fisheye su entrambi i lati - un lato per ciascun occhio), utilizzando l'SDK di GoogleVR. L'effetto fisheye su ciascun occhio, combinato con la distorsione delle lenti in plastica di Cardboard, è ciò che ti dà l'illusione di profondità e immersione.

Per aggiungere l'SDK di GoogleVR al nostro progetto, scarica e importa il plug-in, quindi regoleremo una serie di impostazioni di Android:

• Vai al menu della barra in alto > File > Impostazioni build. Aggiungi la tua scena aperta se non è già stata aggiunta, quindi seleziona Android nell'elenco delle piattaforme supportate.
• Fare clic su Cambia piattaforma. Dovrebbe volerci un po' di tempo la prima volta che si effettua il passaggio.
• Fare clic su Impostazioni giocatore. I componenti vengono visualizzati nel pannello Istruttore.

Nell'Istruttore delle Impostazioni giocatore, nella sezione "Altre impostazioni":

• Verifica la realtà virtuale supportata. In SDK per realtà virtuale, seleziona l'icona +, quindi seleziona Cardboard per aggiungerlo all'elenco.
• Immettere un nome di pacchetto nel campo Identificatore pacchetto (ad esempio, com.yourdomain.demo360). Deve essere unico e viene utilizzato per distinguere la nostra app dalle altre nel Google Play Store.
• Imposta il menu a discesa Livello API minimo su "Android 4.4 'Kit Kat' (livello API 19)".

Successivamente, prendi l'elemento "GvrViewerMain" dalla cartella GoogleVR\Prefabs nel Browser di progetto e trascinalo nella scena. Nell'Inspector, assegnagli la stessa Posizione del centro della Sfera - (0, 0, 0).

Il prefabbricato GvrViewerMain controlla tutte le impostazioni della modalità VR, come l'adattamento dello schermo agli obiettivi di Cardboard. Comunica anche con il giroscopio del telefono per monitorare i movimenti della testa. Quando giri la testa, la Fotocamera e ciò che vedi girano anche all'interno del lettore video 360. Ora puoi guardare in tutte le direzioni quando il video è acceso e lo schermo è diviso in due, per ospitare entrambe le lenti del Cardboard.

Passaggio 6: eseguire l'app su Android?

Per il nostro passaggio finale, eseguiremo l'app su un telefono Android e la condivideremo con gli amici! Ci sono due modi per farlo: Torna a File> Impostazioni build. Puoi collegare un telefono Android con un cavo USB al computer e fare clic su Crea ed esegui. Questo installa l'app direttamente sul tuo telefono. L'altra opzione è fare clic su Solo build. Questo non lo installa su un telefono, ma genera invece un file APK. Puoi condividere l'APK via email con chiunque voglia provare il capolavoro che hai appena realizzato. Devono toccare due volte l'allegato APK per installarlo sui loro telefoni. Durante il processo di compilazione, ti potrebbe essere chiesto di selezionare la cartella principale dell'SDK di Android. In tal caso, scarica l'SDK di Android, quindi seleziona la posizione della cartella. Avvia l'app, inserisci il telefono in un auricolare Cardboard, sei a posto! Puoi sostituire il video con qualsiasi cosa in formato 360 e sperimentare l'immersione VR 360 a casa.

Andare avanti

Congratulazioni, hai creato un'app video 360 e sei a un passo dalla creazione di un'app video VR! Sebbene i termini siano spesso usati allo stesso modo, 360 e VR definiscono due esperienze diverse: il video 360 viene registrato da tutte le angolazioni, con una telecamera speciale o un assemblaggio di più. L'utente può guardare in qualsiasi direzione desiderata, ma non c'è interattività nell'esperienza. La realtà virtuale si riferisce di solito a un ambiente generato dal computer in cui l'utente è immerso. È un'esperienza interattiva: il giocatore può muoversi e controllare gli oggetti, oltre a guardare in tutte le direzioni.

Passaggio 7:

La tua nuova app può fungere da punto di partenza per creare un'esperienza VR più ricca. Unity ha molte funzionalità che puoi sfruttare, come l'aggiunta di elementi 3D o fantastici effetti particellari ✨ per sovrapporre e migliorare il tuo video o aggiungere alcuni elementi interattivi.

Passaggio 8: non uno script di camminata graduale (opzionale)

Puoi anche posizionare un ambiente 3D completo all'interno del lettore video 360 e utilizzare quest'ultimo come skybox. L'utente può navigare nello scenario, usando questo ingegnoso script di camminata.