我的首个基于threejs的项目是哪个？

本文共计4720个文字，预计阅读时间需要19分钟。

首次将threejs应用于实际项目中，刚开始心情有点小激动，最终第一次尝试就感受到了这玩意的深度，满满的都是坑，填都填不完。经过老班20天的耐心教导，终于是柳暗花明了。

第一次使用threejs到实际项目中，开始的时候心情有点小激动，毕竟是第一次嘛，然而做着做着就感受到这玩意水好深，满满的都是坑，填都填不过来。经过老板20天惨无人道的摧残，终于小有成就。

因为第一次搞这玩意，相对的遇到的问题也是大把的，让我来一一诉说一路上遇到的各种问题。

开发使用： C4D、Blender2.75、[threejs-r72](threejs.org/)

万事开头难，第一个问题就是怎么才能把3d软件中做好的模型显示在浏览器中。

一、模型在软件中的导入与导出。

这个项目中涉及到单个模型和动画模型,而不同模型的导入导出有差异，下面就告诉大家我是如何将坑填平的。

1、单个模型：

因为自己不会使用3D软件建模，只能求助公司大神设计师来一起搞。刚开始的想法是直接用3d软件建模然后直接导出obj格式来用，然后设计师用C4D做好了一个测试模型，发现模型数量少的话网页的大小还可以接受，但是由于项目的模型数量比较多，然后粗算了一下模型总的大小，发现超出了预想，所以得另寻它法。

接着在网上搜索发现Blender这玩意，由于设计师对C4D情有独钟不会Blender软件，所以决定用C4D做好模型然后导出obj格式接着再导入到Blender里面，再经由Blender导出需要的格式。

因为是第一次倒腾这个软件，所以并不会导出。然后就在网上搜素了怎么用Blender导出的json、js文件。经过测试js文件导出比较大，最后果断选择json。