66 Three.js 导入blender生成的JSON文件

简介

有很多三维软件可以用来创建复杂的 格。我们今天将的是Blender（www.blender.org）。库有一个（以及和）导出器，可以直接将文件导入为的格式。这一节，我们一起学习一下如何配置如何导出，以及在如何引入导出的文件。

配置BLENDER导出器

想要从中导出模型，首先要将导出器添加到中。下面的所列的步骤是针对系统的，但对于系统和系统来讲也基本一样。你可以从上下载，然后按照相应的平台上的安装提示进行安装。下图为系统的安装文件：

• 第一个配置是场景相关，我们保存场景对象，才能正确的显示模型。
• GEOMETRY配置直接默认即可。
• MATERIAL配置是在设置颜色的情况下，选择即可将颜色导出。
• TEXTURE纹理配置选中，则导出纹理，第三个选项是将纹理转为格式直接存入到中。
• 下面的是骨骼和动画的配置。后期再讲。

然后，我们下面讲怎么将导出的文件导入到中。

BLENDER汉化

• File
• User Preferences
• System（右上角）
• International Fonts（右下角）-勾选-language里选择中文
• Translate后两个都打勾（建议只勾选Tooltips，鼠标悬停的帮助为中文，按键仍为英文，方便学习）

导入Three.js

只要我们按正确的方式将文件导出文件，直接使用对象的load方法异步加载进入页面，然后添加到当中即可。

案例代码

案例地址：http://www.wjceo.com/blog/threejs/2018-03-19/126.html
代码：