mcpField
B
blender-threejs-export

blender-threejs-export

github.com/kevinbadi创意与媒体210159 次安装30 周前更新
代码仓库

关于 blender-threejs-export

该技能通过 Blender MCP addon 将 Blender 场景导出为压缩 GLB，并生成带 Three.js 查看器的独立 HTML，适合需要在网页展示 3D 模型的创作者。可选择自动旋转、背景色和单文件嵌入。

主要功能

  1. 01导出压缩 GLB
  2. 02生成独立 HTML 查看器
  3. 03轨道旋转与缩放控制
  4. 04工作室灯光和自动旋转
  5. 05响应式布局
  6. 06支持将 GLB 嵌入 HTML

适用场景

  1. 01为产品模型生成网页预览
  2. 02将 3D 模型作为单个 HTML 文件分享

MCP 相关

通过 Blender MCP addon 连接运行中的 Blender，并导出当前场景。

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export

安装后在 Claude Code 中输入/blender-threejs-export确认已加载。

附带文件scripts/blender-threejs-export.js

详细介绍

Blender Three.js 导出

将当前 Blender 场景导出为压缩的 GLB，并生成带有 Three.js 查看器的独立 HTML 文件。查看器包含轨道控制、影棚灯光、自动旋转和响应式尺寸，可直接用于任何网站。

先决条件

  • 正在运行的 Blender（4.x+），且已启用 Blender MCP 插件，端口为 9876
  • Blender 中已加载场景（例如，运行 blender-product-polish 之后）

运行方法

node skills/blender-threejs-export/scripts/blender-threejs-export.js --output ~/Desktop/my-product
选项
选项说明默认值
--outputGLB 和 HTML 文件的输出目录必需
--name文件名（不含扩展名）model
--portBlender MCP 端口9876
--no-rotate禁用自动旋转false
--bg背景颜色十六进制值#111111
--embed将 GLB 以 Base64 嵌入 HTML（单个文件）false

输出

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

查看器功能

  • 轨道控制 — 单击并拖动即可旋转，滚动即可缩放，右键单击即可平移
  • 自动旋转 — 缓慢旋转以展示产品（使用 --no-rotate 禁用）
  • 影棚灯光 — 与 Blender 润色效果相匹配的三点布光
  • 响应式布局 — 填满容器，可在移动设备上使用
  • 零依赖 — 通过导入映射从 CDN 使用 Three.js，无需 npm/构建
  • 即插即用 — 可直接打开 HTML，也可嵌入任何页面

评论

支持 Markdown