Three.js - 使用 Blender 导出 glTF 以及 json 格式的文件

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
这里写图片描述
打开 Blender 的安装目录,将three下的io_three文件夹复制到此处
C:\Program Files\Blender Foundation\Blender\2.79\scripts\addons
Three.js - 使用 Blender 导出 glTF 以及 json 格式的文件_第1张图片

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

1、导出glTF格式

导出插件下载地址
https://github.com/KhronosGroup/glTF-Blender-Exporter
具体步骤参考上面
Three.js - 使用 Blender 导出 glTF 以及 json 格式的文件_第6张图片
会导出两个文件 一个是 .bin 二进制文件和 .gltf文件
例如创建一个立方体并导出
这里写图片描述

你可能感兴趣的:(threejs)