Benvenuti nel secondo manualetto di questa serie dedicata ai professori delle scuole medie superiori!

Durante questo secondo percorso cercheremo di approfondire alcune funzionalità di Unreal Engine per la realizzazione di una lezione interattiva all'interno di un ambiente virtuale.

Dove non specificato diversamente, il contenuto di questo manuale e il materiale correlato sono ditribuiti con Licenza Creative Commons Attribuzione 4.0 Internazionale.

Sistema operativo

Questo manuale farà riferimento al sistema operativo Windows, ma i concetti sono fondamentalmente identici per le altre piattaforme supportate dal software.

Versione Unreal Engine utilizzata

Al momento della stesura di questo manuale, la versione di Unreal Engine è la 5.0.1. In generale qualsiasi versione 5.X.X sarà utilizzabile.

Licenza Software (devo chiedere soldi alla mia scuola?)

Le informazioni sulla licenza di installazione di Unreal Engine, sono reperibili del sito ufficiale, ma fondamentalmente la buona notizia è che le scuole possono utilizzare il software gratuitamente.

Posso dare consigli su come migliorare questa guida?

Assolutamente sì! Anzi, la cosa è graditissima: potete contattarmi dal mio sito () oppure via LinkedIn ().

Mi piacerebbe che venisse trattato un argomento particolare...

Sarei felicissimo di aggiungere contenuti utili aggiuntivi! Ovviamente realizzo queste guide nel mio tempo libero ma, se l'argomento è nelle mie competenze, mi metterò al lavoro più che volentieri.

Cos'è Collab Viewer?

Il template Collab Viewer permette a più persone di partecipare alla visita interattiva di un unico ambiente virtuale: è pensato soprattutto per team che lavorano nell'ambiente del design (automotive, architettura, industria manufatturiera) e permette di discutere, individuare problemi e risolverli in tempo reale.

Ha senso utilizzarlo in classe?

La risposta breve è: assolutamente sì!

Lo scopo di Collab Viewer è quello di creare una sessione dove ogni partecipante, accedendovi dal proprio dispositivo, sia immerso nell'ambiente e possa agire in modo interattivo (interagire con l'ambiente circostante, lasciare note scritte, usare un puntatore laser, etc.).

Questi presupposti sono perfetti per "piegare" lo strumento ai nostri scopi!

I template disponibili

Collab Viewer è disponibile in due versioni:

• Una versione dedicata alla visualizzazione architerronica

• Una versione dedicata all'industria (automotive, design di prodotti, manufattura, etc.)

Nel precedente manuale abbiamo utilizzato la prima, mentre in questo ci dedicheremo alla seconda, che è un po' più scarna per quanto riguarda i contenuti ma che ci permetterà di concentrarci meglio sulle funzionalità.

Funzionalità

Quali sono le caratteristiche che rendono così interessante questo strumento? Li analizzeremo approfonditamente durante questo percorso, ma di seguito eccone elencate alcune:

• Multiutenza (più persone possono accedere ad un singolo ambiente)

• Possibilità di raccogliere e visionare oggetti

• Annotare

• Aggiungere note

In questa sezione andremo a creare un progetto a partire dai template disponibili e cominceremo ad esplorare le varie funzionalità.

1. Aprite l'Epic Games Launcher

2. Lanciate Unreal Engine

3. Cliccate sulla sezione Automotive, Product Design & Manufacturing

Una volta eseguita l'applicazione, vi si presenterà una schermata di login (beh, non è esattamente una login, ma ci siamo intesi...).

1. Inserite il vostro nome o nickname nel primo campo

2. Dal menu a tendina successivo, selezionate Local Session, che vi permette di lanciare l'applicazione senza essere "visibili" da altri computer collegati alla stessa rete

3. Cliccate Next per entrare nella stanza virtuale

L'interfaccia utente (in inglese User Interface o UI) della stanza virtuale è divisa in tre zone principali:

1. Tipologia di movimento

2. Selezione degli stati

3. Chat vocale

Il pulsante di chat vocale (Voice Over IP) permette di attivare disattivare la comunicazione tramite microfono/cuffie per tutti gli utenti collegati all'interno della stanza virtuale. Questa funzionalità è molto utile nel caso gli studenti non si trovino nella stessa stanza dell'insegnante, oppure siano forniti di cuffie.

Per disabilitare la chat è sufficiente cliccare l'icona.

La sezione Stati permette di salvare il vostro lavoro e di riutilizzarlo successivamente.

Ogni partecipante può salvare le proprie sessioni in modo indipendente, perché verranno registrate sul proprio PC.

Salvare uno stato

La registrazione di uno stato è molto semplice:

1. Cliccare sul pulsante di salvataggio (in alto a sinistra)

2. Inserire un nome per la sessione

3. Premere invio

Recuperare uno stato

Per tornare ad uno stato precedentemente salvato è sufficiente:

1. Cliccare sul nome dello stato attuale

2. Dal menu a tendina, selezionare lo stato desiderato

Di seguito è possibile vedere il processo di salvataggio e di recupero di uno stato.

Eliminare i salvataggi

I salvataggi degli stati sono registrati localmente sul proprio PC: è quindi possibile eliminarli in qualsiasi momento.

La cartella di salvataggio si trova all'interno della cartella stessa del progetto esportato. Il percorso è il seguente:

[cartella-esportata]/[nome-progetto]/Saved

Sarà sufficiente rimuovere la cartella Saved per cancellare tutte le proprie sessioni.

Lo strumento Transform permette di afferrare gli oggetti e di spostarli in giro per il livello.

Per utilizzare il Transform:

Una volta all'interno dell'ambiente virtuale, è possibile interagire con esso tramite un menu pop-up chiamato menu di interazione (Interaction Menu).

Per attivare quest'ultimo è sufficiente permere la barra spaziatrice.

Nelle prossime pagine esploreremo le singole funzionalità.

La sezione movimento permette di controllare il modo in cui l'utente agisce all'interno dell'ambiente, in particolare:

• Controlla le dimensioni del proprio avatar

• Gestisce il movimento vero e proprio

• Attiva il visore VR, se collegato

Scala dell'avatar

Il pulsante Scale è in realtà un campo di inserimento che ci permette di ridimensionare l'avatar dell'utente (il personaggio che controlliamo).

Risulta molto utile (e divertente!) nel caso sia necessario muoversi nell'ambiente guardando le cose da una differente prospettiva.

Movimento

Esistono tre possibilità per spostarsi nell'ambiente virtuale:

1. Modalità volo

2. Modalità camminata

3. Modalità orbita

Modalità volo

La modalità volo ci permette di muoverci liberamente nell'ambiente.

I comandi per controllare lo spostamento sono:

• Tasti WASD o frecce direzionaliper spostarsi nelle quattro direzioni

• Tasti QE: per spostarsi in alto e in basso

• Movimento del mouse con il pulsante destro premuto per guardarsi intorno e cambiare direzione

Modalità camminata

La modalità camminata è sicuramente quella più naturale perché ci permette di simulare il movimento reale di un essere umano.

I comandi per controllare lo spostamento sono:

• Tasti WASD o frecce direzionali per spostarsi nelle quattro direzioni

• Movimento del mouse con il pulsante destro premuto per guardarsi intorno e cambiare direzione

Modalità orbita

La modalità orbita ci terrà fissi in un punto permettendoci solamente di guardarci intorno.

Con questa modalità è possibile solamente il:

• Movimento del mouse con il pulsante destro premuto per guardarsi intorno

Attivazione VR

Il pulsante VR permette di attivare un dispositivo di Realtà Virtuale (con controller collegati) che sia collegato al vostro PC.

Il puntatore laser è forse lo strumento più semplice e non ha bisogno di alcuna spiegazione.

Il suo utilizzo è immediato:

1. Posizionare il mouse su un oggetto

2. Premere il pulsante sinistro del mouse

3. L'oggetto rimarrà evidenziato fino a che il pulsante del mouse rimane premuto

Lo strumento nota (Annotation) permette di inserire testi o utilizzare lo strumento penna all'interno dell'ambiente virtuale.

All'interno di annotation, sono disponibili due sotto-strumenti:

• Pittura (Paint)

• Note (Annotate)

La vista a raggi X (XRay) ci permette di "vedere" attraverso le cose: può risultare molto utile se vogliamo fare vedere i meccanismi interni di un oggetto (un macchinario, un computer, etc.).

Per utilizzare lo strumento:

1. Attivare il menu tramite la barra spaziatrice

2. Selezionare lo strumento XRay

3. Selezionare Apply

4. Cliccare sull'oggetto che si desidera far diventare trasparente

Per disattivare lo strumento:

1. Attivare il menu tramite la barra spaziatrice

2. Selezionare lo strumento XRay

3. Selezionare Reset All

Isolare oggetti

All'interno di XRay esiste una terza opzione (Isolate) che permette di isolare un singolo oggetto all'interno di un gruppo, facendo diventare tutti gli altri trasparenti.

Vedremo come generare questo tipo di gruppi ma, nel frattempo, possiamo vedere la funzionalità nel seguente video.

Lo strumento cattura immagine (Snapshot) permette di salvare una immagine dello schermo.

Per catturare una immagine:

1. Attivare il menu tramite la barra spaziatrice

2. Selezionare Snapshot

3. Comparirà un pulsante in basso a destra con la dicitura Take e quattro guide a tutto schermo per utilizzare la

4. Muoversi per cercare l'inquadratura desiderata

5. Cliccare su Take

Lo strumento di misura (Measurement) permette di calcolare le distanze all'interno dell'ambiente.

Attivarlo è molto semplice

1. Aprire il menu tramite la barra spaziatrice

2. Selezionare il pulsante Measurement

3. Dal menu addizionale, selezionare l'opzione desiderata

Funzionalità

Le opzioni disponibili sono le seguenti:

• Aggiungere misura

• Rimuovere misura

• Selezionare l'unità di misura (centimetri, metri, unità imperiali)

Aggiungere/Rimuovere misure

Le opzioni di aggiunta (Add) e rimozione (Delete) una volta attivate funzionano tramite pulsante sinistro del mouse.

Per aggiungere:

1. Cliccare sul punto di partenza

2. Spostare il mouse e cliccare sul punto di arrivo

Per rimuovere

1. Cliccare sulla misura che non serve più

Lo strumento scala (Scale) ci permette di ridimensionare il nostro avatar in modo tale da vedere le cose da una diversa angolatura.

Per modificare la scala:

1. Attivate il menu tramite la barra spaziatrice

2. Selezionate Scale

3. Selezionate la scala preferita dallo slider che comparirà

Ora che abbiamo preso confidenza con le potenzialità di Collab Viewer, è il momento di... andare oltre!

Una classe virtuale non può essere definita tale senza contenuti inseriti dall'insegnante: è quindi ora di riprendere in mano Unreal Engine e "sporcarsi le mani".

Nelle pagine successive andremo ad esplorare alcune tecniche che ci permetteranno di rendere la lezione immersiva e più interessante.

Ora che sapete (più o meno) come utilizzare un Blueprint, posso svelarvi un segreto: la quasi totalità delle funzioni di Collab Viewer è stata realizzata tramite il loro utilizzo!

Questo vuole dire che, con un minimo sforzo, possiamo realizzare in anticipo alcuni punti importanti della nostra lezione come, ad esempio, segnalibri o testi di commento.

In questo modo i nostri studenti troveranno la stanza virtuale pronta all'uso non appena vi saranno entrati!

Inserire Segnalibri

E' possibile inserire una serie di segnalibri pre-esistenti tramite il Blueprint BP_Bookmark.

Ora che abbiamo il nostro modello in scena, preoccupiamoci di aggiungere un minimo di interazione, aggiungendo quella che si definisce Modalità Explosione.

Questa funzionalità permette di animare i songoli elementi di un modello in modo tale da "aprirlo" per poterne visualizzare meglio i dettagli.

Aggiungere la modalità Esplosione

Per utilizzare la modalità Esplosione, andremo ad utilizzare un oggetto di Unreal Engine chiamato Blueprint. Un Blueprint (nel nostro caso si chiama Blueprint Class) è un elemento di codice che possiamo inserire nel livello e che aggiungerà funzionalità alla nostra scena.

Una voltra creato l'eseguibile e lanciato, ci si presenta la schermata di login con il logo Unreal. Perché non provare ad inserire il logo della vostra scuola?

Aggiungere il logo al progetto

Per prima cosa, procuratevi il logo della vostra scuola e aggiungetelo al progetto (nello stesso modo in cui avete fatto nella sezione precedente).

Lo strumento sezione (3D Cut Volume) permette di tagliare porzioni di un oggetto per focalizzarsi su di esse.

Per utilizzarlo:

1. Attivare il menu tramite la barra spaziatrice

2. Selezionare 3D Cut Volume

Unreal Engine include (UE Marketplace) dove poter comprare (o pubblicare) file di ogni tipo: modelli, materiali, funzionalità aggiuntive, etc.

Qualunque sia il tipo di utilizzo che decidiate di fare con UE, prima o poi andrete a cercare qualcosa e, molto probabilmente, la troverete!

All'interno di Collab Viewer è possibile utilizzare dei segnalibri (Bookmark) che ci permettono di salvare posizioni nel livello per poterci tornare in seguito.

Per salvare una posizione:

1. Attivare il menu tramite la barra spaziatrice

2. Selezionare Bookmark

Molto probabilmente vi troverete nella condizione di voler inserire qualche immagine all'interno della vostra classe: quadri, documenti storici, grafi, etc.

Potremmo risolvere la cosa inserendo delle decal ma sarebbe un po' limitante: le decal, tecnicamente, sono delle proiezioni su un modello e non dei modelli veri e propri.

Utilizzare una texture

Una Texture non è altro che una immagine: all'interno di un game engine può avere molteplici utilizzi (definire i colori, le trasparenze, le imperfezioni, etc.).

Noi le useremo nel modo più semplice possibile e cioè sfruttandone i colori.

Aggiungere una immagine al progetto

1. Cercate una immagine di vostro gradimento (un'opera d'arte, un circuito elettrico, una illustrazione di uno dei vostri sudenti). Io ho scelto il di Giovanni Battista Moroni

2. Salvatela sul vostro PC

3. All'interno del Content Drawer, create una cartella e dategli un nome significativo (io ho optato per ClassroomContent)

Creare un materiale

Per poter essere inserita all'interno del livello una texture deve essere applicata ad un materiale.

1. Selezionate la texture con il pulsante di destra

2. Dal menu selezionate Create Material

3. Date al file che viene generato un nome (nel mio caso M_CavaliereNero)

Applicare il materiale

Applicare un materiale è semplicissimo (lo abbiamo già fatto nella prima guida!): basta trascinarlo su un oggetto di nostra scelta.

Dato che un quadro è un oggetto "bidimensionale" la nostra scelta cadrà su un piano:

1. Dal menu Quickly Add to the Project selezioniamo Shapes > Plane

2. Posizioniamo e ruotiamo il piano nel livello

3. Trasciniamo il materiale sopra il piano

4. Scaliamo l'immagine per darle le giuste proporzioni

Aggiungere dettagli

Possiamo ora aggiungere qualche dettaglio al nostro lavoro. Siete ovviamente liberi di procedere come preferite, ma ecco alcuni consigli:

• Aggiungete un passepartout oppure una cornice

• Aggiungete un pannello descrittivo (tramite un Text Renderer)

• Aggiungere una corretta illuminazione

Di seguito la "mia" opera.

Siamo giunti alla conclusione di questo volumetto: se mi avete seguito fino a qui... complimenti! Siete pronti a realizzare la vostra lezione virtuale.

I prossimi passi saranno quelli di oraganizzare il vostro materiale e la vostra aula inserendo ciò che più si addice alla vostra materia di insegnamento.

Nel tempo pubblicherò nuove guide e, se avrete la pazienza di leggere anche quelle, poco per volta i vostri contenuti diventeranno sempre più interessanti e accattivanti.

Buona lezione!

La nostra aula virtuale è pronta, completa di contenuti. Come facciamo a coinvolgere gli studenti?

Distribuire l'applicazione

La creazione del progetto eseguibile è già stata affrontata nel primo manaule di questa serie, rimando quindi alla pagina dedicata.

Lanciare l'applicazione su più macchine

Una lezione all'interno di una classe virtuale presuppone il fatto che ogni partecipante possa accedervi dal proprio PC.

Una volta lanciata l'applicazione e inserito il proprio nome, è possibile:

• Ospitare una sessione (Host a session)

• Partecipare ad una sessione (Join a session)

I ruoli possibili in una lezione sono due:

• Il docente che fa da ospite e che dovrà selezionare Host a session

• I partecipanti, che possono essere gli studenti, ma anche altri docenti che selezioneranno Join a session

Creare una sessione

La creazione di una sessione è molto semplice:

1. Inserire il proprio nome

2. Selezionare Host a session

3. Cliccare Next

4. Si verrà automaticamente introdotti nella classe virtuale

Partecipare ad una sessione

Per partecipare ad una sessione è necessario:

1. Inserire il proprio nome

2. Selezionare Join a session

3. Cliccare Next

4. Attendere di essere introdotti nella classe virtuale

Aggiungere un modello nel livello

Nel primo volume di questa serie abbiamo imparato come aggiungere oggetti della libreria Megascans al livello: il processo è esattamente il medesimo, prendete un elemento e trascinatelo dove preferite.

L'obiettivo che ci prefissiamo è quello di creare un oggetto interattivo all'interno del nostro ambiente dove sia possibile discutere con gli studenti: in particolar modo andremo a realizzare una cassettiera con una serie di danni dovuti all'uso e al tempo per permettere alla classe di proporre soluzioni per il suo restauro.

Per fare questo ci serviremo di alcuno modelli nel pacchetto appena scaricato e di alcuni asset addizionali di Quixel Megascans.

Realizzare una cassettiera

Il modello che andremo ad utilizzare è una cassettiera con diverse tipologie di danno: polvere, macchie, nastro adesivo (una vita vissuta, insomma!).

Aggiungere i modelli nel livello

Navighiamo nella cartella Assets e individuiamo i seguenti elementi:

• SM_Classic_Commode

• SM_Classic_Commode_Drawer_1

• SM_Classic_Commode_Drawer_2

1. Trasciniamo una volta la cassettiera nel livello

2. Trasciniamo due volte il cassetto piccolo, in modo da averne due copie disponibili

3. Trasciniamo tre volte il cassetto grande

Organizzare gli oggetti

Concentriamoci sul pannello dell'Outliner: potremo notare la lista degli elementi appena aggiunti.

La prima cosa che dobbiamo fare è rendere i cassetti "figli" della cassettiera: questo semplice processo ci permette di meglio organizzare i nostri livelli e ci verrà comodo per alcune operazioni successive.

1. Cliccate con il pulsante sinistro del mouse su ogni cassetto nell'Outliner

2. Trascinatelo sopra la cassettiera e rilasciate il pulsante del mouse

L'operazione che abbiamo appena effettuato (tecnicamente chiamata reparenting) ci permette di rendere i cassetti "dipendenti dalla cassettiera stessa". Per fare una prova:

1. Selezionate la cassettiera

2. Premete il tasto W per attivare la modalità spostamento

3. Trascinate la cassettiera in scena

4. Noterete che si sposteranno anche tutti i cassetti

Posizionare gli oggetti

Siamo ora pronti a posizionare gli oggetti:

1. Selezioniamo ogni singolo cassetto e trasciniamolo nel punto giusto

Le coordinate che ho utilizzato sono le seguenti:

Aggiungere una fisicità

La nostra cassettiera è completa ma necessita di una piccola aggiunta: se entriamo in Play Mode e camminiamo (modalità Walk) potremo passarci attraverso!

Questo è un comportamento che ovviamente preferiamo evitare: dobbiamo quindi aggiungere una serie di elementi di "collisione".

1. Aprite la finestra Meshes del Content Drawer

2. Effettuate doppio click sulla cassettiera

3. Vi si aprirà una finestra con la visualizzazione del modello

4. Selezionate il Menu Collision

Ripetete queste operazioni anche per i due cassetti.

Se tornate in Play Mode, noterete che in modalità Walk vi sarà ora impossibile passare attraverso la cassettiera.

Dato che la nostra lezione è di restauro, vogliamo presentare alla classe un mobile rovinato per poter discutere quali siano le migliori tecniche di intervento.

La buona notizia e che, se avete completato la prima guida di questa serie, sapete già come fare: tramite Decal.

Cercare le decal appropriate

Navigate nella libreria di Quixel Megascan alla ricerca di elementi che possano invecchiare il vosto mobile.

Di seguito il mio prodotto finale (che non deve essere necessariamente uguale al vostro!).

Quixel Mixer: una alternativa da "professionisti"

All'interno della suite Quixel esiste, oltre a Megascans, un software chiamato che permette di dipingere i modelli tridimensionali. Il suo utilizzo va al di là dello scopo di questa guida, ma allego un video che ne mostra le splendide capacità.

Documenti online

• Documentazione ufficiale (in inglese)

• (in inglese)

Video

La versione presentata in questo video è un po' datata, ma i concetti presentati possono comuqnue risultare utili!