使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export開始前の確認
- 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
- スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文
見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。
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-productOptions
| Option | Description | Default |
|---|---|---|
--output | Output directory for the GLB + HTML files | required |
--name | File name (without extension) | model |
--port | Blender MCP port | 9876 |
--no-rotate | Disable auto-rotation | false |
--bg | Background color hex | #111111 |
--embed | Base64-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
