51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件

时间:2024-04-05 08:20:12

Blender是一个三维软件,可以创阿金复杂的网格,通过给Blender安装插件,可以导出JSON格式以及glTF格式的模型。

① 下载 Blender

https://www.blender.org/ 进入官网,下载与系统匹配的版本。
我这里下载的是 blender-2.79b-windows64.msi
按照提示进行安装即可。

② 下载导出器

1、导出JSON格式

首先,下载three.js版本包,r92 以及以下的版本,因为 r93 以及高版本删除了 Blender json 格式的导出器,官方推荐使用 glTF 格式。
当然,这并不是说 json 格式就不支持了,同样也支持,原因可以查看 版本提交。#14117

然后,找到相应路径的文件
three.js-master\utils\exporters\blender\addons
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
打开 Blender 的安装目录,将three下的io_three文件夹复制到此处
C:\Program Files\Blender Foundation\Blender\2.79\scripts\addons
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件

打开 Blender引用程序
1 配置个人选项
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
2 添加导出插件
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
此时,Blender就可以导出JSON格式的文件了。
例如,创建一个圆柱并导出
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
3、为了能让 json 格式的能正确的显示导出时需要以下配置
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
verticesfaces是必须的,否则 json格式无法加载

1、导出glTF格式

导出插件下载地址
https://github.com/KhronosGroup/glTF-Blender-Exporter
具体步骤参考上面
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件
会导出两个文件 一个是 .bin 二进制文件和 .gltf文件
例如创建一个立方体并导出
51 - three.js 笔记 - 使用 Blender 导出 glTF 以及 json 格式的文件