orbitcontrols.js+objloader.js案例

OrbitControls.js 和 OBJLoader.js 是利用 Three.js 创建 3D 场景的常用工具库。OrbitControls.js 用于添加鼠标控制，可以让用户在 3D 场景中进行自由旋转、缩放和平移操作。而 OBJLoader.js 则是用于加载外部 OBJ 格式的 3D 模型，支持贴图、法线图和透明度等材质属性。

这两个工具库的使用非常简单，只需在 Three.js 代码中引入对应的 js 文件即可。在添加鼠标控制时，只需要实例化 OrbitControls 类并将场景对象传入即可：

var controls = new THREE.OrbitControls(camera, renderer.domElement);

而在加载 3D 模型时，只需使用 OBJLoader 的 load 方法将 OBJ 文件路径传入即可：

var loader = new THREE.OBJLoader();
loader.load('model.obj', function (object) {
  scene.add(object);
});

需要注意的是，OBJLoader.js 加载的 3D 模型需要提前进行 UV 拆分，否则将无法正确显示贴图等材质属性。也可以使用其他工具对模型进行转换，如 Blender 和 3ds Max。

使用 OrbitControls.js 和 OBJLoader.js 可以大大简化 Three.js 中对鼠标控制和 3D 模型加载的实现，提高开发效率，同时也为创建高质量的 3D 场景提供了便利。