kevinbadi/blender-skills

blender-threejs-export

Export the current Blender scene as a GLB and generate a ready-to-use Three.js HTML viewer with orbit controls, lighting, and auto-rotation.

Voir la source

Mode d’emploi

  1. Copiez la commande et examinez le paquet avant de l’installer dans votre environnement agent.
  2. Consultez le document original pour les outils, identifiants et environnements requis.
  3. Décrivez les entrées et le livrable souhaité ; comparez la sortie aux sources.
npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export

Avant de commencer

  • L’installation n’inclut ni abonnement au modèle, ni quota API, ni accès aux fichiers.
  • Étoiles et installations reflètent l’activité, pas un test indépendant de qualité ou de sécurité.
Document Skill original

Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.

Blender Three.js Export

Exports the current Blender scene as a compressed GLB and generates a standalone HTML file with a Three.js viewer. The viewer includes orbit controls, studio lighting, auto-rotation, and responsive sizing — ready to drop into any website.

Prerequisites

  • Blender (4.x+) running with the Blender MCP addon active on port 9876
  • A scene loaded in Blender (e.g. after running blender-product-polish)

How to Run

bash
node skills/blender-threejs-export/scripts/blender-threejs-export.js --output ~/Desktop/my-product

Options

OptionDescriptionDefault
--outputOutput directory for the GLB + HTML filesrequired
--nameFile name (without extension)model
--portBlender MCP port9876
--no-rotateDisable auto-rotationfalse
--bgBackground color hex#111111
--embedBase64-embed the GLB into the HTML (single file)false

Output

output-dir/
  model.glb          # Compressed GLB export from Blender
  model.html         # Standalone Three.js viewer (CDN imports, no build step)

Viewer Features

  • Orbit controls — click and drag to rotate, scroll to zoom, right-click to pan
  • Auto-rotation — slow spin to showcase the product (disable with --no-rotate)
  • Studio lighting — 3-point light setup matching the Blender polish look
  • Responsive — fills container, works on mobile
  • Zero dependencies — uses Three.js from CDN via import maps, no npm/build needed
  • Drop-in ready — open the HTML directly or embed in any page

Tâches connexes

du même dépôt

Autres Skills

Tous les Skills