Strumenti di sviluppo XR | Quali strumenti utilizziamo nei nostri progetti?

Ti sei mai chiesto come vengono create le esperienze immersive che vedi alle fiere, agli eventi, nei negozi o persino nel Metaverso? Noi di DeuSens sviluppiamo dal 2014 progetti di realtà estesa (XR), che include realtà virtuale, aumentata e mista, e in questo articolo vogliamo mostrarti, in modo semplice e diretto, quali strumenti utilizziamo quotidianamente come studio professionale.

Esamineremo i motori grafici, i framework web, i software di progettazione e modellazione 3D, le soluzioni per video a 360° e altri strumenti, tra cui l'intelligenza artificiale, che ci aiutano a trasformare un'idea in un'esperienza immersiva reale.

1. Motori grafici: la base di qualsiasi iperesperienza immersiva

I motori grafici sono il cuore di qualsiasi progetto XR. Sono gli ambienti in cui viene costruita e programmata l'esperienza immersiva, dagli oggetti 3D alle interazioni e alle caratteristiche fisiche dell'ambiente.

In DeuSens lavoriamo abitualmente con diversi motori grafici in base alle esigenze e alle caratteristiche specifiche di ogni progetto:

Unity

È uno dei motori più utilizzati nello sviluppo XR grazie alla sua flessibilità e alla sua vasta comunità. Lo utilizziamo soprattutto in progetti di realtà virtuale e realtà aumentata, sia per dispositivi come Meta Quest o HoloLens, sia per app mobili.

Consente uno sviluppo rapido e multipiattaforma, rendendolo ideale per esperienze XR che devono essere scalate o adattate a diversi dispositivi.

Unreal Engine 5

Quando un cliente ha bisogno di un progetto con un alto livello di realismo visivo, Unreal Engine è il nostro strumento di riferimento. La sua potenza grafica consente di creare esperienze immersive visivamente spettacolari, perfette per eventi, showroom o installazioni interattive.

Inoltre, il suo sistema BluePrints consente di lavorare in modo più visivo, velocizzando alcuni sviluppi.

Unreal Engine for Fortnite (UEFN)

Da quando Fortnite ha aperto il suo editor UEFN, lo stiamo utilizzando per creare esperienze immersive gamificate all'interno dello stesso Fortnite, sfruttando la sua grande comunità. Questa piattaforma consente di lavorare a livello professionale in un ambiente sociale e accessibile, ideale per campagne di marketing esperienziale.

PlayCanvas

Quando cerchiamo una soluzione più leggera, direttamente dal browser, utilizziamo PlayCanvas, un motore grafico 3D basato su WebGL. Ci permette di creare esperienze XR accessibili da qualsiasi dispositivo senza necessità di installazione, ideali per campagne web o attivazioni con molto traffico.

2. Framework web per esperienze 3D interattive

Non tutte le esperienze immersive richiedono caschi di realtà virtuale o occhiali di realtà aumentata. A volte, la soluzione più efficace è qualcosa che funzioni direttamente dal browser, senza download o installazioni. In questi casi, noi di DeuSens utilizziamo framework web che ci consentono di creare esperienze 3D interattive accessibili da qualsiasi dispositivo.

Three.js

È uno dei framework più potenti e versatili per creare grafica 3D sul web. Nel nostro studio lo utilizziamo quando vogliamo avere il controllo totale sul rendering 3D, ad esempio nei configuratori di prodotto, negli ambienti interattivi o nei micrositi immersivi.

Three.js è particolarmente utile per sviluppi altamente personalizzati, dove ogni dettaglio del percorso o dell'interazione è importante.

Needle Engine

Uno strumento più recente ma con un grande potenziale. Needle si integra con Unity e consente di esportare esperienze 3D direttamente su WebXR e WebGL, facilitando notevolmente il lavoro quando vogliamo portare uno sviluppo XR da Unity al browser senza perdere qualità visiva.

Lo abbiamo trovato molto utile per prototipi rapidi o per clienti che desiderano esperienze XR multipiattaforma.

Model Viewer

Si tratta di una libreria più leggera e specifica che consente di visualizzare modelli 3D sul web con ottime prestazioni. La utilizziamo nei casi in cui è necessario mostrare un prodotto in 3D con funzioni di base di rotazione, zoom e AR integrata, senza necessità di una programmazione complessa.

Grazie al supporto nativo della realtà aumentata (AR Quick Look e Scene Viewer), consente di lanciare esperienze AR direttamente da dispositivi mobili Android o iOS.

3. Modellazione 3D e creazione di risorse visive

Dietro ogni esperienza XR che sviluppiamo in DeuSens c'è un enorme lavoro creativo e tecnico per progettare gli elementi che vedrete e con cui interagirete. Scenari virtuali, oggetti, personaggi, animazioni... tutto parte da una base: la modellazione 3D.

Per noi, Blender è lo strumento chiave in questa fase dello sviluppo.

Blender, il nostro software di modellazione 3D di riferimento

Nel nostro team utilizziamo Blender come programma principale di modellazione 3D, non solo perché è open source e gratuito, ma anche perché ci offre una combinazione molto potente di funzionalità professionali, prestazioni e versatilità.

Con Blender realizziamo tutte le fasi del processo creativo:

• Modellazione geometrica: dai prototipi low-poly ottimizzati per il web, agli ambienti iperrealistici per esperienze in VR o installazioni fisiche.
• Texturizzazione e materiali: creiamo texture PBR, materiali realistici ed effetti visivi che poi esportiamo in motori come Unity o Unreal.
• Rigging e animazione: prepariamo animazioni complesse, particolarmente utili nelle esperienze gamificate o nei personaggi che richiedono interazione.
• Sculpting digitale: per quei progetti che richiedono un livello di dettaglio artistico maggiore, come ricreazioni realistiche di prodotti o ambienti storici.
• Rendering e baking: utilizziamo i suoi motori integrati (Cycles ed Eevee) per rendering di alta qualità e per ottimizzare le scene prima di trasferirle in ambienti interattivi.

Inoltre, uno dei grandi vantaggi di Blender è la sua capacità di integrarsi perfettamente nel flusso di lavoro XR. Esportiamo i modelli direttamente in formati compatibili con i nostri motori grafici o framework web, garantendo che la qualità visiva rimanga invariata senza sacrificare le prestazioni.

4. Progettazione e produzione multimediale: dare stile all'esperienza

Un'esperienza immersiva non è solo tecnologia: è anche estetica, narrativa e comunicazione visiva. Per questo motivo, oltre alla modellazione e alla programmazione, noi di DeuSens dedichiamo una parte importante del nostro lavoro alla progettazione, all'editing e alla produzione di contenuti multimediali che conferiscono coerenza e attrattiva visiva a ogni progetto.

A tal fine, utilizziamo regolarmente l'intero ecosistema di Adobe Creative Cloud, che ci permette di coprire tutte le fasi, dalla creazione grafica alla post-produzione di video ed effetti visivi.

Adobe Photoshop e Illustrator

Gli strumenti chiave per la creazione di texture, interfacce, iconografia ed elementi visivi che si integrano nelle esperienze XR. Li utilizziamo anche nelle fasi precedenti per la progettazione di schermate, wireframe o layout, soprattutto in progetti che combinano il 3D con livelli interattivi di tipo HUD (head-up display).

Adobe After Effects

Ideale per generare motion graphics, effetti visivi e composizioni animate che utilizziamo in esperienze miste, video promozionali o come parte di contenuti immersivi. Ad esempio, quando un cliente ha bisogno di un'introduzione visiva di grande impatto per un'esperienza VR o per animare informazioni fluttuanti all'interno di un ambiente 3D.

Adobe Premiere Pro

Ci permette di montare e modificare i video che fanno parte di molte delle nostre esperienze XR, sia in formato tradizionale, sia in versioni adattate al video a 360° o alla realtà virtuale. È fondamentale anche quando produciamo contenuti per presentazioni, eventi o fiere, dove si combinano elementi interattivi con contenuti audiovisivi.

5. Video a 360° e tour virtuali: immersione senza occhiali

Non tutte le esperienze XR richiedono occhiali o dispositivi speciali. Infatti, uno dei formati più accessibili ed efficaci per creare una sensazione di immersione è il video a 360° o i tour virtuali interattivi. In DeuSens utilizziamo questi strumenti per creare soluzioni immersive accessibili da qualsiasi browser, ideali per la formazione, il turismo, la vendita al dettaglio o gli eventi online.

3DVista

Questo è uno dei nostri strumenti preferiti quando si tratta di creare tour virtuali interattivi, sia con immagini panoramiche che con video a 360°. Ci permette di progettare ambienti navigabili in cui l'utente può muoversi liberamente, esplorare punti di interesse, attivare contenuti multimediali e persino integrare moduli o link esterni.

In progetti come visite a spazi industriali, centri educativi o mostre temporanee, 3DVista ci offre l'agilità di cui abbiamo bisogno per offrire un'esperienza immersiva e funzionale senza doverla sviluppare da zero.

Insta360 + Adobe Premiere Pro

Quando lavoriamo con le fotocamere Insta360, utilizziamo il loro software specifico per le prime fasi della post-produzione: stitching e cucitura video, stabilizzazione ed esportazione in formati compatibili con la realtà virtuale.

Inoltre, completiamo il tutto con Adobe Premiere Pro anche nell'editing video a 360°, specialmente quando lavoriamo con contenuti registrati con telecamere sferiche. Possiamo correggere il colore, aggiungere effetti o includere elementi grafici che poi si integrano perfettamente nell'ambiente immersivo.

6. Intelligenza artificiale e creatività: alleati nella fase concettuale

Noi di DeuSens cerchiamo sempre di incorporare tecnologie emergenti che potenzino il nostro processo creativo e produttivo. Negli ultimi anni, l'intelligenza artificiale è diventata uno strumento fondamentale, soprattutto nelle prime fasi dello sviluppo delle esperienze XR: sceneggiatura, ideazione visiva, creazione di moodboard o produzione di contenuti rapidi per convalidare i concetti.

Questi sono alcuni degli strumenti di IA che utilizziamo abitualmente nel nostro flusso di lavoro:

Midjourney

Ci permette di generare immagini concettuali di alta qualità a partire da descrizioni testuali. È ideale per visualizzare stili, ambienti, personaggi o scenari prima di passare alla modellazione 3D. Nei progetti in cui il cliente ha bisogno di diverse proposte estetiche per decidere una direzione, Midjourney ci aiuta ad accelerare tale validazione visiva.

ChatGPT

Lo utilizziamo sia per la redazione di sceneggiature interattive che per risolvere dubbi tecnici o esplorare idee di interazione. Ci permette di abbozzare alberi decisionali, dialoghi ramificati o strutture narrative in modo rapido e flessibile, cosa molto utile nelle esperienze XR gamificate o educative.

RunwayML

Uno strumento di IA per la generazione e l'editing di video. In alcuni progetti ci ha permesso di creare effetti visivi, sfondi o transizioni in modo automatico, velocizzando i processi nella realizzazione di video promozionali o contenuti per eventi.

DALL·E

Utilizzato in modo simile a Midjourney, ma con un approccio più versatile per i progetti in cui abbiamo bisogno di generare immagini personalizzate per interfacce o elementi grafici secondari.

7. Programmazione e scripting: il motore invisibile dell'interattività

Ogni esperienza XR necessita di una base tecnica che consenta di controllare la logica, le interazioni e il comportamento degli elementi dell'ambiente. In DeuSens, oltre alla progettazione visiva e alla modellazione, dedichiamo una parte fondamentale del nostro lavoro allo sviluppo su misura tramite linguaggi di programmazione e script specifici.

Questi sono i linguaggi e gli ambienti con cui lavoriamo abitualmente:

C# (Unity)

Unity utilizza C# come linguaggio principale e il nostro team lo padroneggia alla perfezione. Ci permette di controllare dalle interazioni di base ai sistemi complessi di navigazione, UI, fisica, logica utente o integrazione di hardware specifico (sensori, comandi, ecc.).

Blueprints e Lua (Unreal Engine e UEFN)

Per gli sviluppi su Unreal Engine, combiniamo la potenza visiva dei Blueprint con lo scripting in Lua, specialmente quando lavoriamo con Unreal Engine for Fortnite (UEFN). Questo ci permette di progettare meccaniche di gioco, interazioni sociali o comportamenti gamificati all'interno di ambienti immersivi già esistenti.

JavaScript e TypeScript (web)

Negli sviluppi basati su browser, utilizzando Three.js, PlayCanvas o Model Viewer, lavoriamo principalmente con JavaScript e, quando il progetto lo richiede, con TypeScript per migliorare la scalabilità e la robustezza del codice.

Questo stack ci consente di controllare il comportamento dei modelli 3D, integrare API esterne, gestire la navigazione e le transizioni tra le scene o sviluppare logiche personalizzate per configuratori o esperienze interattive.

Python (Blender e automazione)

Nelle fasi di modellazione, utilizziamo script Python all'interno di Blender per automatizzare attività ripetitive o generare strutture complesse con parametri, risparmiando tempo e migliorando la coerenza dei progetti.

Conclusione: strumenti, talento e visione per creare esperienze XR

Come avete visto, lo sviluppo di un'esperienza XR va ben oltre la scelta di un singolo programma o motore grafico. Richiede la combinazione di diversi strumenti specializzati, sia creativi che tecnici, e soprattutto un team che sappia come e quando utilizzarli per ottenere un risultato funzionale, di grande impatto e in linea con gli obiettivi del cliente.

Noi di DeuSens lavoriamo da anni con aziende di tutti i settori per progettare esperienze immersive memorabili. Padroneggiamo i principali software di modellazione 3D, motori grafici, framework web e strumenti di produzione multimediale, e siamo sempre aggiornati sulle nuove tecnologie come l'intelligenza artificiale o il metaverso.

Hai un progetto in mente e non sai da dove iniziare? Scrivici e raccontaci la tua idea. Ti aiuteremo a trasformarla in un'esperienza XR reale e adatta alle tue esigenze.

Contattaci