a lab
Esperimento

Blender e Claude Code: dal modello 3D all'animazione allo scroll sul web

Con l'MCP ufficiale di Blender, Claude Code può creare un oggetto 3D, esportarlo in GLB e passarlo a Three.js e GSAP. Com'è andata la prova e cosa conviene sapere prima di provarci.

6 min di lettura Blender · Three.js · GSAP

Blender ha un server MCP ufficiale, sviluppato all'interno di Blender Lab. In pratica significa che un agente come Claude Code può lavorare dentro Blender: leggere la scena aperta, creare oggetti, assegnare materiali ed esportare file. Per chi progetta siti web la domanda interessante è una sola: si può usare tutto questo per portare un oggetto 3D in una pagina e farlo muovere allo scroll, senza diventare modellatori?

Ho provato a rispondere con un test volutamente semplice. Un oggetto creato da Claude in Blender, esportato in formato GLB e poi caricato nel browser, dove ruota mentre l'utente scorre la pagina.

Prova dal vivo

Il modello creato in Blender ruota mentre scorri la pagina, anche su mobile.

Apri l'animazione

Cosa fa l'MCP ufficiale di Blender

MCP, Model Context Protocol, è lo standard che permette a un modello linguistico di usare strumenti esterni. Nel caso di Blender il server fa da ponte tra le richieste scritte in linguaggio naturale e l'API Python del programma: chiedi a Claude di analizzare la scena o di costruire un oggetto, lui genera ed esegue il codice necessario dentro Blender.

Il collegamento passa da un'estensione installata in Blender, che resta in ascolto sul computer locale, e dal server MCP registrato in Claude Code. Serve Blender 5.1 o una versione successiva.

Un dettaglio che conviene conoscere subito: per molto tempo il nome blender-mcp è stato usato anche da un progetto della community, oggi rinominato mcp-for-blender. Non è lo stesso strumento. Durante l'installazione mi è capitato di ritrovarmelo al posto di quello ufficiale, quindi vale la pena controllare che l'estensione riporti Blender Lab come maintainer e che il server provenga dal repository ufficiale su projects.blender.org.

Il modello in Blender, il movimento nel browser

La scelta più utile di tutto il workflow è tenere separate due cose che spesso si confondono: l'oggetto 3D e il modo in cui si comporta nella pagina.

Blender prepara l'asset: geometria, materiali, eventuali animazioni interne. Il browser si occupa di tutto il resto. Rotazione, posizione, scala, movimenti di camera e reazione allo scroll sono codice JavaScript, gestito con Three.js per il rendering e con GSAP e il suo plugin ScrollTrigger per legare l'animazione alla posizione della pagina.

Questo significa che una rotazione allo scroll non va animata in Blender. L'oggetto arriva fermo, e la pagina decide come muoverlo. Il file GLB diventa un asset come un'immagine o un'icona SVG, mentre l'esperienza resta nel progetto front-end, dove un web designer ha già gli strumenti per controllarla.

Com'è andata la prova

Dopo aver installato l'estensione e registrato il server in Claude Code, il primo passo è stato un controllo in sola lettura. Ho chiesto a Claude di descrivermi la scena aperta senza modificare nulla: ha riconosciuto la scena di default, con cubo, camera e luce, e il motore di rendering impostato. Sembra un passaggio banale, ma conferma che tutta la catena funziona prima di affidarle modifiche vere.

Poi ho chiesto qualcosa di più concreto: svuotare la scena, creare un oggetto semplice ma interessante da vedere, leggero per il web, con un materiale quasi bianco e metallico, ed esportarlo in GLB nella cartella del progetto. Il risultato è un toroide deformato di circa 3.000 triangoli, che pesa intorno ai 70 KB. Un peso ragionevole per una pagina web, senza bisogno di compressioni aggiuntive.

La parte più interessante è arrivata da un inciampo. Con Blender 5.2 alcune funzioni si comportavano in modo diverso rispetto alle versioni precedenti, e un paio di istruzioni generate da Claude hanno restituito errore. L'agente ha letto il messaggio, ha corretto il codice e ha riprovato, senza che dovessi intervenire. È il vantaggio concreto di lavorare con uno strumento che vede l'esito delle proprie azioni invece di limitarsi a suggerire del codice da copiare.

A quel punto Claude Code ha costruito anche la pagina di prova: un progetto Vite in JavaScript vanilla, con il canvas 3D fisso a tutto schermo e una pagina alta abbastanza da poter scorrere. Durante lo scroll completo l'oggetto compie un giro intero e si inclina leggermente, seguendo esattamente la posizione della pagina, senza animazioni automatiche.

Una nota pratica sui materiali: un oggetto molto metallico, in una scena Three.js senza un ambiente da riflettere, appare quasi nero. Nel prototipo il problema è stato risolto con un'illuminazione d'ambiente generata direttamente da Three.js.

Quando Blender deve restare aperto

È la domanda che conta di più nell'uso quotidiano, e la risposta segue la stessa separazione di prima.

Blender deve essere aperto, con l'estensione attiva, ogni volta che Claude deve creare o modificare un modello ed esportare un nuovo GLB. L'agente lavora dentro il programma: senza un'istanza di Blender in esecuzione non c'è una scena su cui operare. Non serve aprire un file particolare, però conviene usare un file .blend dedicato a ogni progetto, così il modello resta recuperabile e modificabile.

Per tutto il resto Blender può restare chiuso. Cambiare la rotazione, il ritmo dell'animazione, i movimenti di camera o qualunque altro comportamento allo scroll è lavoro sul JavaScript. La regola che mi sono dato è semplice: se cambia il modello, si apre Blender; se cambia solo il modo in cui il modello si muove nella pagina, si lavora nel codice.

C'è poi un caso ancora più leggero. Il GLB non deve per forza nascere in Blender: può essere acquistato, scaricato o prodotto con altri software, e per forme molto semplici si può costruire la geometria direttamente con Three.js. Blender diventa utile quando serve modellare, preparare materiali complessi o ottimizzare asset più impegnativi.

Cosa tenere a mente prima di iniziare

La documentazione ufficiale di Blender Lab contiene un avvertimento che non va ignorato: il server esegue in Blender il codice generato dal modello linguistico senza alcun controllo. Per questo suggerisce di usarlo su una macchina virtuale o su un sistema isolato, lontano da dati sensibili. Per un test o un progetto personale il rischio è gestibile, ma è bene saperlo prima di installare tutto sul computer di lavoro.

Sul fronte dell'organizzazione, il file .blend è la sorgente e il GLB è solo la versione destinata al browser. Tenerli in cartelle distinte dello stesso progetto evita di perdere il modello modificabile quando, mesi dopo, serve cambiare qualcosa.

Infine le prestazioni. Un oggetto 3D in pagina ha un costo, soprattutto su mobile. Aiutano un numero di triangoli contenuto, texture di dimensioni ragionevoli, un limite alla densità di pixel del rendering, la compressione dei modelli quando diventano pesanti e un'alternativa statica per i dispositivi meno potenti. Il 3D dovrebbe caricarsi solo quando serve.

Dove può portare questo approccio

La rotazione allo scroll è il caso più semplice, ma lo stesso schema regge interazioni molto più articolate. Una camera che avanza o orbita attorno a un prodotto mentre si scorre, una vista esplosa in cui i componenti si separano e si ricompongono, materiali e luci che cambiano da una sezione all'altra, animazioni create in Blender e poi controllate dalla posizione della pagina. Oppure un leggero effetto di profondità legato al movimento del mouse.

Tutto questo si integra con layout HTML tradizionali, senza trasformare l'intero sito in una scena 3D. Il testo resta testo, indicizzabile e accessibile, e il 3D accompagna la lettura invece di sostituirla.

Per chi progetta interfacce il vantaggio sta proprio qui. Claude Code riduce di molto la distanza tra l'idea di un'interazione 3D e un prototipo funzionante, e la divisione dei ruoli resta chiara: Blender produce l'oggetto, il codice web decide come si comporta.

Fonti

  1. Blender Foundation, “Blender Lab MCP Server”, senza data (requisiti, funzionamento e avvertenza di sicurezza verificati il 22 settembre 2026)
  2. Blender Lab, repository ufficiale “blender_mcp”
  3. Blender Lab, repository delle estensioni
  4. Three.js, documentazione ufficiale
  5. GSAP, “ScrollTrigger”, documentazione ufficiale
  6. Documento di test “Blender, Claude Code e Web 3D con MCP” fornito dall'autore (configurazione con Blender 5.2.2, Claude Code 2.1.278 e uv 0.12.17 su macOS)

Contattami

oppure scrivimi a: andrea.l.casiraghi@gmail.com
Non sono riuscito a inviare il messaggio. Riprova, o scrivimi direttamente a andrea.l.casiraghi@gmail.com.