Generació Tours Virtuals

lloc: Moodle Institut Pompeu Fabra (Badalona)
Curs: CONTINGUTS DIGITALS DE L'EQUIPAMENT AUDIOVISUAL DE L'AULA TECNOLOGICA
Llibre: Generació Tours Virtuals
Imprès per: Usuari convidat
Data: divendres, 17 maig 2024, 15:04

1. Generació d'un Tour Virtual


Exemple de tour virtual:

  1. Tour amb POIs
  2. Tour amb categories
  3. Tour amb vídeo 360

1.1. Workflow de la generació dels tours

  1. Enregistrament de les imatges a través del control remot, és a dir, de l'aplicació del mòbil. 
  2. Revelat del material general a través del programa Insta360 Studio
  3. Edició de les imatges i dels videos mitjançant els programes pertinents. Aquest pas és opcional per millorar la qualitat del material enregistrat. 
  4. Generació del tour virtual mitjançant el programa Pano2VR
  5. Pujar el contingut a la plataforma Auroracloud per obtenir el link
  6. Visualitzar el tour

1.2. Exportar contingut al PC

En primer lloc hem de configurar al menú de la càmara que aquesta estigui en Desktop mode, per fer-ho:

Obrir menu càmera (baixant la pestanya superior de la pestanya)  - seleccionant l'apartat d'ajustos - General - USB - Desktop Mode

A l'hora de conectar la càmara al PC hem d'utilitzar el cable original, ja que sinó podem tenir problemes de reconeixement de l'equip. 

A continuació, per exportar al PC el material enregistrat, simplement hem de copiar la carpeta DCIM en el lloc desitjat de l'ordinador. 

Abans de començar a editar les imatges podem desconectar la càmera 360.

1.3. Insta360 STUDIO

Aquesta aplicació ens permetrà revelar les imatges en el format necessari per editar-lo en el programa Pano2VR (per generar el Tour Virtual). 

Paràmetres que ens permet controlar:

  • Stitching
  • FOV

Foto insta studio- menu lateral

En obrir el InstaStudio:

  1. Open (File -Import) o el signe + del la part superior del menú lateral.
  2. Seleccionar les imatges que volem fer servir, l'opció de seleccionar favorits (estrella) ens pot facilitar la visualització
  3. Revisar la qualitat de les imatges   
  4. amb el menu hodsihadsj
  5. Per exportar seleccionem les imatges que volem - clic dret - add queue. És important decidir a quina carpeta polem exportar
    • És importantant que l'opció horitzontal leveling estigiu seleccionada
    • Queue: aquest paràmetre permet exportar tots els arxius a la vegada. 
  6. Exportar 


1.4. Pano2VR

Pano2VR es tracta d'un software de generació de tours 360º intuitiu i amb la caoacitat d'afegir diferents complents qie millorin l'experiència. 

Aquest programa genera un output és una carpeta amb tots els arxius, per tal que aquests vídeos es pugiun obrir en una web i en ulleres VR


A la part superior tenim els següents paràmetres, que en seleccionar-los s'obrirà les opcions al menú de l'esquerra:

  • Project properties (Control de so)
  • Panoràmica (imatge)
  • ID (carnet)


A la part inferior trobem la zona on afegir les diferents imatges 360º

A la dreta trobem el menú per realitzar i visualitzar l'output, és a dir, el resultat final


Cada vegada que li donem a l'engrenatge veurem una pre-visualització del Tour.

En el menú Viewing prameters ens permet seleccionar quin pla volem que es vegi quan obrim cadascuna de les imatges del tour, canviant la Default View

Procediment:

  1. Importar arxius: Imput. És important tenir a la part inferior l'opció de veure les diferents imatges del tour (icona imatges conectades) 
  2. Obrir el menú de propietats a l'esquerra
  3. Ordenar les imatges en la part inferior
  4. Començar a afegir HotSpots com desitgem


1.5. HotSpots


Es tracta d'elements interactius dins del Tour 360º. Ens permeten insertar vídeos, imatges, quadres informatius, i són els que em permeten el moviment dintre del tour per les diferents imatges. Es generen a través d'un doble clic en el lloc desitjat. En aquest m'apareixerà una diana vermella en la imatge, que es tornarà blava quan ja no estigui treballant en ella. 

Les propietats dels HotSpots ens permeten nombrar els diferents punts d'interacció així com moure-les en la imatge a través dels valors de Pan i Tilt, tot i que també ho podem fer manualment amb el cursor arrosegant-lo allà on volguem.

Els diferents tipus que tenim són els següents:

    • Imatge: hem de tenir en compte que s’obre amb la mida original

    • Video (URL, Youtube, File): menys de 10 min ja que sinó es satura el tour

    • Info: targeta amb informació/descripció

    • URL: ens permet posar un link d'una pàgina web.


    • Tour Node: enllaç diferents imatges tour 360. És important que siguin bidireccionals per permetre'ns moure pel tour en tots els sentits. Això vol dir que haurem de posar un node a l'imatge 1 que ens dirigeixi a la 2, i viceversa

Polygon hotspot: Permet fer HotSpots amb formes personalitzades (p.ex. la forma d'una porta, pantalla, etc.). Només té les utilitats de  Tour Node or URL

Per seleccionar l'àrea desitjada (p.ex. una porta) hem de fer doble clic en cadascun dels extrems del polígon. 

En el menú de l'esquerra també apareix l'opció tirita. Que em permet substituir una zona del Tour per una imatge fixa determinada, com per exemple el logo del centre. AIxò ens permet cobrir el peu del trípode o zones que no ens interessin.


1.6. Passos per generar un Tour 360º

  1. Importar panoràmiques (imatges 360)
  2. Ordenar-les i escollir quina volem que sigui la imatge principal, la que veurem en primer lloc en obrir el link
  3. Modificar les propietats de cada imatge
  4. Afegir HotSpots (doble click en la imatge al lloc desitjat)
  5. File - Save project with assets:  imprescindible la primera vegada que guardem el tour per rocopilar tots els arxius
  6. Un cop guardat l'arxiu, si volem visualitzar el projecte en el menú Output haurem de seleccionar la creu verda i  posteriorment el format Web
  7. Seleccionar la skin amb la qual volem treballar ( siluette_V6 per començar)
  8. En el menú Propierties Web Output assegurar-nos que l'opció de visualització amb les ulleres de realitat virual està habilitada: VR Enabled;i l'opció de skin feather


    1. Guardar el projecte


2. Aurora Cloud

Es tracta d'una plataforma que ens permet penjar els Tours Virtuals i obtenir un link per compartir en presentacions, així com per visualitzar-los amb les ulleres de realitat virtual. 


Entrar al link:https://education.auroracloud.app/accounts/login/?next=/

I a continuació es penjen els Tours, seleccionant TOTA LA CARPETA  Output. 

D'aquesta manera obtindrem l'enllaç per compartir i visualitzar-lo. 


3. Importació a les Ulleres VR

Fins el moment l'aplicació que coneixem s'anomena VR TourViewer (ja està instalat en totes les ulleres del centre), que tot i deixar una marca d'aigua en els tours (versió gratuita) ens permet carregar-los i visualitzar-los sense necessitat d'estar conectats a la xarxa. 

VR Tourviewer for Cardboard - Apps en Google Play

Per fer-ho és molt senzill: simplement hem de copiar la carpeta de l'Output a la carpeta de VR Tourviewer que trobem quan conectem les ulleres al PC mitjançant el cable USB. 

El procés pot ser lent en funció del pes del Tour però un cop carregat, si anem a l'aplicació - STORAGE- ens han d'aparèixer tots els tours carregats en aquelles ulleres. 

4. Recursos addicionals

Enllços d'interès:


A continuació trobareu els links de la formació que ens va fer Invelon, per si hi ha algun concepte que no hagi quedat clar, poder tornar-lo a veure:

Formació Institut Pompeu Fabra 1

Formació Institut Pompeu Fabra 2



Presentació de la formació
Documentació Pano2VR