使用three.js加載obj+mtl模型

已經有比較好的博客介紹如何加載模型：使用three.js加載obj+mtl模型完整案例。

有一點小問題，會導致模型加載不成功，需要修改兩處地方。

1 將 Detector.js 替換爲 WebGL.js

根據Three.js中Detector.js替換成了WebGL.js，新下載的 three.js 的js文件夾裏爲 WebGL.js，修改如下：

<script src="../js/Detector.js"></script>
修改爲：
<script src="./js/WebGL.js"></script>

2 TrackballControls 增加第二個參數

//控制器
	controls = new THREE.TrackballControls(camera);
修改爲：
//控制器
	controls = new THREE.TrackballControls(camera,container);

3 操作器已更新，會報以下錯誤

THREE.Loader: Handlers.add() has been removed. Use LoadingManager.addHandler() instead.

可以刪掉或者先不管這這個錯誤：

// 添加操作器
	THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader());

 另外

這是我用MagicaVoxel建的一個簡單模型，加載後效果如下圖。文件和模型都已經打包，需要的話可以在評論區下載。