Talk · WMF We Make Future

Se funziona sul telefono del nonno, allora funziona ovunque.

La democratizzazione del 3D ottimizzato nel browser: da device modesti a esperienze fluide, ovunque.

Apertura

Il problema non è far girare il 3D sul tuo PC. È farlo girare ovunque.

Device vecchiReti lenteBrowser con idee proprie
GIF · device vecchi vs nuovi
Performance = inclusività

Ottimizzare è una forma di democrazia.

Fluidità
01 / FLUIDITÀ

Deve scorrere liscio

  • Niente scatti, niente lag
  • L'utente sente la differenza
Accessibilità
02 / ACCESSIBILITÀ

Per tutti i device

  • Non solo hardware top di gamma
  • Esclusiva = esclude
Adozione
03 / ADOZIONE

Vive solo se usata

  • La qualità visiva non basta
  • Conta chi può davvero usarla
Concetto chiave

Un'esperienza incredibile che funziona solo su pochi dispositivi è un'esperienza fallita.

Telefono del nonno
Introduzione

Dal wow effect
al prodotto reale
Le demo funzionano sempre. È il loro mestiere.

Ogni progetto 3D

Quando un cliente mi porta un progetto 3D, non mi chiedo «quanto è bello?».
Mi chiedo cinque cose:

01

Quanto pesa?

02

Quanto ci mette a caricare?

03

Quanto consuma — batteria, dati, memoria?

04

Su quanti dispositivi gira davvero?

05

Quanto costa mantenerlo tra un anno?

Se non sapete rispondere a queste cinque domande, non avete un prodotto. Avete una demo che vi piacete a vicenda in ufficio.

Come funziona la prossima mezz'ora
Concetto chiave

L'ottimizzazione non è la fase finale del progetto. È la base su cui il progetto può esistere.

Parte 1 · Tecnica

Come si ottimizza davvero

01
Camera & Render
02
Modello 3D
03
Texture
04
Luci

Quattro blocchi, una sola scena WebGL dal vivo.

Il budget per ogni frame · 60 FPS
16m s

Tutto il tempo che hai per disegnare un frame. La CPU prepara la scena, WebGL la disegna. Sfora quel budget e l'utente lo sente.

Demo live

Camera & Render

Demo live

Modello 3D

Demo live

Texture

Demo live

Luci

Con cosa lo costruisci

WebGL è lo standard. Gli engine fanno il resto.

Three.jsBabylon.jsPlayCanvas
OGGI · COMPATIBILITÀ

WebGL

  • Compatibilità massima su browser e device
  • La demo live di oggi gira su WebGL
  • Base comune di Three.js, Babylon.js e librerie simili
PROSSIMO FUTURO

WebGPU

  • Nuovi metodi per ottimizzare le prestazioni GPU
  • Supporto ancora limitato o sperimentale in molti browser
  • Il futuro prossimo del real-time in browser
SERVER-SIDE

Pixel Streaming

  • Rendering server-side: Unreal Engine renderizzato sul server
  • Scalabilità costosa: servono molte risorse lato server
  • Indipendente dal device + protezione degli asset 3D
Nota · Sicurezza asset 3D

Dove finiscono i modelli?

PIXEL STREAMING

Asset sul server

  • Mesh, texture e scene restano lato server
  • Al client arriva solo il video del frame renderizzato
  • Protezione nativa degli asset 3D
WEBGL · WEBGPU

File sul client

  • I modelli 3D devono essere scaricati nel browser
  • Non esiste protezione assoluta, ma si può rendere l'accesso più difficile
  • Chunking, offuscamento e protezioni sui file GLB/texture

Il pixel streaming protegge gli asset. WebGL e WebGPU richiedono strategie di hardening — non invincibili, ma utili.

Bonus · AI Real Time

Non è ottimizzazione 3D real-time: non c'entra con gli FPS visti finora. Ma apre scenari interessanti.

GIF · AI generativa in tempo reale
Bonus · AI Real Time

Scene semplificate nel browser, migliorate in tempo reale con AI su ambienti o configurazioni specifiche.

GIF · scena base + enhancement AI live
Bonus · AI Real Time

Complementare, non sostitutivo.

QUANDO

Preview e configurazione

  • Anteprime rapide su scene target
  • Varianti materiali, lighting o ambienti guidate da AI
  • Utile quando serve impatto visivo, non precisione CAD
LIMITI

Non è pipeline 3D

  • Latenza, costo inferenza e qualità variabile
  • Non sostituisce LOD, texture KTX2 o luci baked
  • Da valutare caso per caso, non come default
MESSAGGIO

Due mondi diversi

  • Oggi: ottimizzare il 3D che gira sul device
  • Domani: arricchire scene leggere con AI in tempo reale
  • Entrambi utili, per problemi diversi
02
Parte 2 · Business

Dal rendering alle persone

GIF · transizione tecnica → persone
Sembra roba da nerd, vero?

Non abbiamo parlato di tecnologia. Abbiamo parlato di persone.

GIF · reazione sala / persone reali
Il cambio di paradigma

Il 3D non è più un effetto wow. È infrastruttura digitale.

GIF · demo vs prodotto / interfaccia 3D
Il vero tema · l'accessibilità

Il valore non nasce dalla qualità massima. Nasce dall'adozione.

GIF · utenti su device diversi
Concetto chiave

Un'esperienza 3D inutilizzabile su metà dei dispositivi non è innovazione. È esclusione.

GIF · device esclusi vs inclusi
Dalla tecnica ai numeri

Ogni ottimizzazione si misura: UX · KPI · business · infrastruttura.

GIF · metriche / dashboard KPI
La tesi centrale

Ogni draw call eliminata non migliora solo gli FPS. Migliora il business.

GIF · draw call → conversioni
Una demo deve impressionare. Un prodotto deve durare.

Pensare oltre la demo.

GIF · demo wow vs prodotto scalabile
Concetto chiave

Il problema non è far girare il 3D sul tuo PC. È farlo girare bene sul PC del cliente.

GIF · works on my machine vs cliente reale
La vera misura della qualità

Non FPS. Non poligoni.

Abbiamo parlato di accessibilità. Di persone. Di democrazia digitale.

Torniamo all'inizio

Se funziona sul telefono del nonno, allora funziona ovunque.

Non è il dispositivo più scarso. È il mercato reale: tutte le persone che meritano comunque di vivere quell'esperienza.

Chiusura

Un'esperienza 3D di qualità non è quella che funziona al massimo per pochi. È quella che funziona bene per tutti.

Grazie

E se volete, la demo gira anche sul telefono di vostro nonno. Provatela.