Tecnica · Configuratore 3D
Vero 3D invece di una sequenza di immagini: così funziona il nostro configuratore
Da Surprise for Business le aziende progettano i loro articoli promozionali su un vero modello 3D nel browser. Il logo appare dal vivo sulla superficie, e dallo stesso modello nasce l’approvazione di stampa. Questa pagina spiega la tecnica e indica dove si colloca sul mercato.
In breve
- WebGL nel browserFunziona senza app e senza plug-in su computer, tablet e smartphone (three.js).
- 8'500–33'000 triangoliper articolo: veri modelli 3D, compressi a un peso da 0.2 a 2.3 MB.
- Logo sulla superficieIl motivo caricato si posa sul modello tramite coordinate di texture (UV) e ne segue la forma.
- Materiali PBRPlastica, metallo, alluminio anodizzato e tessuto reagiscono alla luce mentre l’articolo ruota.
- Approvazione dal modelloOgni superficie stampata vista di fronte, con posizione e dimensione del motivo in centimetri.
- Un solo processoProgettare, approvare, ordinare e pagare (carta, TWINT, QR-fattura) senza cambiare canale.
Vero 3D e vista a 360°: la differenza
Nel commercio online molte cose vengono chiamate «3D» senza esserlo. Occorre distinguere due procedimenti:
Vista a 360° (sequenza di immagini)
Un articolo viene fotografato o renderizzato in anticipo da diverse angolazioni, di solito da 24 a 72. Trascinando, la pagina mostra queste immagini una dopo l’altra. L’articolo ruota solo attorno a un asse fisso; lato superiore e inferiore, inclinazione o zoom ci sono solo se sono state realizzate immagini apposite. Il logo del cliente viene per lo più sovrapposto alla foto come immagine piatta oppure deformato in prospettiva.
3D in tempo reale (il nostro configuratore)
Il browser carica nella scheda grafica un modello fatto di triangoli e ricalcola ogni immagine, circa 60 volte al secondo. L’articolo si ruota tutt’intorno, si inclina (per la maggior parte degli articoli quasi in verticale dall’alto e dal basso), si ingrandisce, e luce e riflessi si spostano di conseguenza. Colore e logo non sono immagini, ma proprietà del modello: un cambio di colore o un nuovo logo è subito visibile su ogni lato dell’articolo.
Da dove vengono i modelli 3D
Tutti i modelli 3D sono di nostra produzione. Li costruiamo sulla base degli articoli originali e delle loro misure e li suddividiamo nelle loro parti: per l’accendino, ad esempio, corpo, cappuccio e rotella, per il campanello bici anello, fascetta e leva. Così ogni parte si può colorare singolarmente, e ogni materiale si comporta alla luce come sull’articolo reale.
I modelli sono preparati per il web: solo i triangoli necessari, geometria compressa (glTF con KHR_mesh_quantization). Prima che il 3D sia caricato, la pagina mostra un’immagine statica renderizzata dallo stesso modello.
Da provare su ogni articolo: metro pieghevole Hultafors con il vostro logo, accendini BIC personalizzati, borse shopper PP con logo, portachiavi mini parabordo e campanello bici con incisione laser.
Come il logo arriva sull’articolo
- Caricare: SVG, PDF, AI, EPS, JPG o PNG. Lo shop scontorna il motivo e, su richiesta, lo vettorializza.
- Sull’area di stampa: ogni superficie stampabile ha una propria tela di stampa. Questa si posa sulla superficie del modello tramite coordinate di texture (UV mapping), per questo il logo segue la curvatura di un accendino o l’anello di un campanello. Posizione, dimensione e rotazione si possono regolare, e l’anteprima mostra subito il risultato sull’articolo.
- Colori: i colori di stampa si scelgono come colori Pantone. Per il campanello si incide al laser invece di stampare: l’incisione appare così come sarà realmente, in alluminio naturale.
- Più superfici: gli accendini hanno fronte e retro, le borse shopper in PP cinque superfici. Ognuna viene progettata e approvata singolarmente.
Luce e materiale
I materiali sono fisicamente basati (PBR): rugosità, componente metallica e uno strato di vernice trasparente determinano come una superficie riflette la luce. Un ambiente da studio fornisce i riflessi, più fonti di luce e ombre morbide fanno risaltare la forma. Plastica opaca, metallo lucido e alluminio anodizzato hanno quindi un aspetto diverso e cambiano durante la rotazione.
Importante: ogni schermo mostra i colori in modo leggermente diverso. L’anteprima 3D mostra forma, posizione, dimensione e impressione cromatica; per la stampa fa fede il colore Pantone scelto.
Dall’anteprima all’approvazione di stampa
Di solito un «visto si stampi» nasce così: una grafica prepara una bozza in un programma di elaborazione immagini, la invia per e-mail, il cliente corregge, e la bozza fa di nuovo avanti e indietro. Da noi l’approvazione di stampa nasce direttamente dal modello 3D: per ogni superficie stampata lo shop renderizza una vista frontale e vi aggiunge file, numero di colori, posizione e dimensione del motivo in centimetri. Il cliente la approva digitalmente e ordina nello stesso processo.
Questo accorcia nettamente i tempi di coordinamento, ma non sostituisce la cura: prima della produzione ogni approvazione viene inoltre controllata a mano, senza supplemento.
Confronto
| Caratteristica | Vista a 360° (sequenza di immagini) | 3D in tempo reale da Surprise for Business |
|---|---|---|
| Rotazione | Attorno a un asse fisso, con tanti scatti quante sono le immagini | Tutt’intorno e senza scatti, con inclinazione e zoom |
| Logo | Immagine piatta sopra la foto oppure deformata in prospettiva | Sulla superficie del modello (UV mapping), su ogni superficie |
| Luce e materiale | Fissati nella foto | Calcolati dal vivo (PBR), i riflessi si spostano con l’articolo |
| Varianti di colore | Una sequenza di immagini per ogni colore | Un solo modello, il colore cambia dal vivo |
| Quantità di dati | Decine di immagini per vista e colore | Un modello da 0.2 a 2.3 MB, caricato una volta |
| Approvazione di stampa | Per lo più creata a parte e concordata per e-mail | Generata dal modello, approvata digitalmente, ordinata nello stesso processo |
Dove si colloca sul mercato
Nell’ottobre 2026 abbiamo esaminato fornitori svizzeri ed europei. Il risultato, nel modo più onesto possibile:
- La maggior parte degli shop svizzeri di articoli promozionali mostra il logo su foto dei prodotti, sovrapposto in piano oppure deformato in prospettiva. Alcuni offrono configuratori 2D o viste pre-renderizzate.
- Singoli produttori di marca, ad esempio di coltellini tascabili e di strumenti di scrittura, mostrano già i propri prodotti in 3D interattivo con logo. In Europa, inoltre, alcune aziende di software vendono anteprime 3D di questo tipo ai rivenditori.
- In questa ricerca non abbiamo trovato uno shop svizzero di articoli promozionali con articoli di più marche che colleghi il 3D in tempo reale con logo dal vivo direttamente all’ordine e a un’approvazione di stampa generata automaticamente.
Domande frequenti
Il configuratore 3D richiede un’app o un plug-in?
No. Funziona in qualsiasi browser aggiornato su computer, tablet e smartphone. La visualizzazione 3D utilizza WebGL, integrato in tutti i browser più diffusi.
Qual è la differenza tra vero 3D e una vista a 360°?
Una vista a 360° è una sequenza di solito da 24 a 72 foto o immagini; l’articolo ruota solo attorno a un asse fisso, e un logo vi è per lo più sovrapposto come immagine piatta. Il vero 3D è un modello fatto di triangoli: lo si ruota tutt’intorno, lo si inclina e lo si ingrandisce, e il logo si trova sulla superficie curva.
I colori sullo schermo sono vincolanti?
No. Ogni schermo mostra i colori in modo leggermente diverso. Fa fede il colore Pantone scelto; l’anteprima 3D mostra forma, posizione e dimensione del logo, oltre all’impressione cromatica.
Quanto è precisa la posizione del logo?
L’approvazione di stampa indica per ogni superficie stampata la posizione e la dimensione del motivo in centimetri. Prima della produzione, inoltre, una persona controlla ogni approvazione, senza supplemento.
Cosa succede se un dispositivo non riesce a visualizzare il 3D?
In tal caso la pagina mostra immagini statiche renderizzate dagli stessi modelli 3D, e si può comunque progettare e ordinare.
Stato all’11 ottobre 2026 · Surprise for Business, Bottighofen