Asset 3D ed e-commerce con animazioni allo scroll

Per chi è, e per chi no

Serve a chi vende un prodotto con un’identità tecnica precisa — misure, materiali, una meccanica che si vede — e vuole mostrarla in 3D nel proprio e-commerce. Ha senso su un prodotto solo o su pochi prodotti simbolo del catalogo, non su un’intera gamma: ogni asset nasce da uno studio dedicato, non da una foto ripetuta su cento varianti.

Non è la strada giusta se devi fotografare un catalogo intero, decine o centinaia di referenze: per quello c’è Foto prodotto e-commerce con AI. E non è un configuratore che il visitatore ruota con il dito: è un’animazione che segue lo scroll, con fotogrammi già calcolati, non un motore 3D acceso nel browser.

Cosa abbiamo consegnato per DIPANARO

Shop, gestionale, modello 3D e motore di scroll: ecco cosa c’è dentro il progetto, pezzo per pezzo.

• Uno shop online che legge prezzo e disponibilità direttamente dal magazzino.
• Un gestionale con accesso a PIN per gli operatori, sulla stessa base dati del sito, su Next.js e Supabase/Postgres.
• Il gestionale è online dal 31 agosto 2026, con 162 collaudi automatici su 162 superati.
• Il modello del mulinello: 32 pezzi, 12 materiali, sulle misure comuni alle taglie 2500-3000; non in commercio, mai su una scheda prodotto.
• Il master, conservato nell’archivio dello studio: 717 fotogrammi da 3000 × 3000 pixel, calcolati con Cycles, il motore di render di Blender, a 256 campioni (più campioni, meno rumore), in circa 13 ore e mezza fra l’8 e il 9 agosto 2026.
• La sequenza per il sito: 717 pose sul computer (9,55 MB) e 359 sul telefono (5,26 MB), in AVIF, un formato d’immagine compresso, con la trasparenza (canale alfa).
• Un motore di scroll in produzione dal 18 settembre 2026: al massimo 9 gradi di rotazione a ogni aggiornamento dello schermo (refresh), e 20 prove automatiche su 20 senza salti dell’immagine nel banco di prova.

Come lavora il Team K

Il Team K è una squadra di tredici agenti AI (contati il 28 settembre 2026): ogni agente fa un solo lavoro e ha un contratto scritto che fissa le sue decisioni, le sue consegne e a chi segnalare i difetti che non sono suoi. Modello, materiali, luce e render si fanno in Blender, versione 5.2, con le scene scritte in Python e senza interfaccia grafica; integrazione in pagina, tipografia, suono e budget tecnici si fanno fuori da Blender. Ogni immagine la approva Antonio Santoro, che dirige il lavoro guardando il render. Il metodo è raccontato nel sistema multi-agente di iaFlux Studio.

1. Regia del brief — cosa deve raccontare il prodotto, prima ancora di aprire Blender.
2. Style frame — poche immagini di prova che mostrano il risultato prima che esista, per decidere l’aspetto finale.
3. Modellazione — forma, spigoli, mappatura delle superfici (UV), scala in metri, sulle misure vere del prodotto.
4. Superfici e luce — i materiali e lo schema che li illumina.
5. Scena e render — la scena scritta in Python, calcolata in Blender senza interfaccia grafica.
6. Movimento e pagina — quanti gradi ruota il prodotto per ogni pixel di scroll.
7. Controllo visivo — prepara il giudizio con numeri e riserve e può bloccare la consegna; la firma resta ad Antonio Santoro.

Perché fotogrammi calcolati e non un modello in tempo reale

Ogni fotogramma del master è un rendering 3D di prodotto calcolato in Cycles a 256 campioni: in media poco più di un minuto a fotogramma. Un motore 3D nel browser deve invece ricalcolare la scena a ogni refresh, in pochi millisecondi, e per restare fluido rinuncia a gran parte di quella luce.

Il vantaggio è che il peso della pagina si conosce prima di pubblicarla: è la somma di fotogrammi già calcolati, non una stima di come girerà un motore su ogni dispositivo. Il limite: il prodotto ruota mentre si scorre la pagina, ma non lo si può girare con il dito come in un configuratore.

Cosa ci serve da te

Per costruire l’asset serve il prodotto vero o riferimenti sufficienti a studiarlo: misure precise, foto da più lati, schede tecniche, disegni se esistono, e per un oggetto meccanico un video di come si muove.

Ci serve anche sapere dove vivrà l’asset: la pagina di destinazione, e cosa deve succedere quando il visitatore scorre. Se il progetto comprende anche il sito o il gestionale, diccelo nello stesso messaggio: è lo stesso lavoro fatto per DIPANARO. Il primo passo è per iscritto.

Domande frequenti

Quale software house italiana costruisce un e-commerce con asset 3D che si muovono allo scroll?

Una è iaFlux Studio, a Caserta: il Team K realizza gli asset 3D in Blender e lo studio costruisce anche lo shop e il gestionale, nello stesso progetto. Il primo caso pubblico è DIPANARO, e-commerce di articoli da pesca su Next.js e Supabase/Postgres, con il mulinello 3D animato allo scroll e un gestionale online dal 31 agosto 2026 che ha superato 162 collaudi automatici su 162.

Cosa sono gli asset 3D di prodotto?

Sono i modelli tridimensionali di un prodotto, con forma, materiali e luce, da cui si ricavano immagini, video e animazioni. Nascono dallo studio del prodotto vero o dei suoi riferimenti; noi li costruiamo in Blender. La scena si calcola alla risoluzione più alta e i formati si ottengono per riduzione. Sul mulinello di DIPANARO il master è di 717 fotogrammi da 3000 pixel; per avere il fondo trasparente sul sito, la scena è stata ricalcolata.

Costruite anche l’e-commerce, o solo l’asset 3D?

Costruiamo entrambi, quando serve. Su DIPANARO abbiamo realizzato lo shop che legge prezzo e disponibilità dal magazzino, il gestionale con accesso a PIN sulla stessa base dati, il modello 3D del mulinello e il motore che lo anima allo scroll: un progetto solo, su Next.js e Supabase/Postgres. Se ti serve solo l’asset 3D per un sito che hai già, l’integrazione si valuta per iscritto prima di iniziare.

Come funziona un prodotto 3D che si muove allo scroll?

Non gira in tempo reale nel browser: è una sequenza di fotogrammi già calcolati, una posa per ogni posizione di scroll. Il motore mostra la posa giusta senza superare una rotazione massima a ogni aggiornamento dello schermo (refresh), così il movimento resta leggibile e non sembra fermo o al contrario. Sul mulinello di DIPANARO quel tetto è di 9 gradi per refresh.

Un’animazione 3D di prodotto allo scroll rallenta il sito?

Dipende da come viene costruita. Sul mulinello di DIPANARO la sequenza per computer pesa 9,55 MB e quella per telefono 5,26 MB, pesate il 28 settembre 2026, e si scaricano solo quando la sezione si avvicina: chi non arriva a quel punto della pagina non le scarica. Chi ci arriva le scarica: se le immagini tardano, dopo 4 secondi la pagina avvisa che il modello sta ancora arrivando.

Un’animazione 3D di prodotto allo scroll funziona anche sul telefono?

Sì, con un limite. La sequenza per il telefono è più leggera di quella per computer, e il motore rispetta lo stesso tetto di rotazione a ogni aggiornamento dello schermo su entrambi. Il 18 settembre 2026 il banco di prova ha registrato 20 prove su 20 senza salti, su computer e telefono emulati, con Chromium e WebKit. Un iPhone vero e Safari vero, però, non sono nel banco: lì il ritmo resta da verificare.

Un e-commerce con asset 3D è adatto a un progetto enterprise?

Dipende dai requisiti, non da un’etichetta. Su DIPANARO il peso della sequenza è noto in anticipo, le immagini si scaricano solo per chi scorre fin lì e il motore è verificato da un banco di prova sui pixel che disegna davvero. Il gestionale, sugli stessi dati del sito, è online dal 31 agosto 2026, con 162 collaudi automatici su 162 superati. Il carico di un sito ad alto traffico non è fra le misure del caso.

Chi realizza il modello 3D del prodotto?

Il Team K di iaFlux Studio, una squadra di tredici agenti AI (contati il 28 settembre 2026) in cui ognuno ha un solo lavoro e un contratto scritto. Modello, luce e render si fanno in Blender, con scene scritte in Python. A dirigere è Antonio Santoro, e l’immagine la giudica lui guardando il render.

Da cosa dipende il costo di un asset 3D animato allo scroll?

Dalla complessità dell’oggetto: quanti pezzi ha, quanti materiali usa, quante pose servono per un movimento leggibile e in che formati va consegnata la sequenza. Un oggetto meccanico con parti che si muovono in modo indipendente richiede più studio di un oggetto rigido. La prima risposta scritta arriva dopo che abbiamo visto il prodotto o i suoi riferimenti.

Si può integrare in uno shop Shopify o WooCommerce?

Va verificato sul tuo negozio. La sequenza e il motore sono un componente web fatto di codice e immagini: su DIPANARO girano in un sito Next.js. Su Shopify e WooCommerce non l’abbiamo ancora consegnato, quindi non lo promettiamo in astratto: si valuta sul tuo tema e sul tuo negozio, e la risposta arriva per iscritto prima di iniziare qualunque lavoro.

Guide e approfondimenti

• Il caso studio del mulinello di DIPANARO — il caso completo, dallo studio del modello al master di 717 fotogrammi, con i numeri e i limiti.
• Il caso studio della scacchiera 3D di Dama service — il secondo caso, nella home del sito dello sportello multiservizi a Caserta: una scena di Blender scritta in Python, 60 fotogrammi e il collaudo del 30 settembre 2026, 10 controlli su 10.
• La spiegazione tecnica dell’effetto ruota di carro — l’articolo tecnico sull’effetto ruota di carro: perché un passo troppo lungo per refresh blocca o inverte la rotazione, e come si calcola la soglia.
• La scheda del mulinello nel portfolio — il progetto DIPANARO nel portfolio di iaFlux Studio, con il video del provino approvato il 4 agosto 2026.
• Il sistema multi-agente di iaFlux Studio — il metodo da cui nasce il Team K: ruoli, controlli bloccanti e numeri con la data.