labnize / threejs-lab

Three.js配合SketchUp开发Web 3D

Three.js渲染SketchUp开发web 3D

方法一

1. 用SketchUp制作模型，并导出为.dae文件

2.导入所需库文件

<script type="text/javascript" src="./libs/three.js"></script>
<script type="text/javascript" src="./libs/ColladaLoader.js"></script>

这里的ColladaLoader.js并不包含在three.js文件里面，需要单独应用。

​

方法二

通过在线工具 https://threejs.org/editor/

导入3D模型文件，在线配置效果，效果满意后publish，会自动生成对应的工程包，直接部署即可。

推荐第二种方法。