在三维开发中，使用 Three.js 加载 STL 和 OBJ 模型是非常常见的需求。无论是游戏开发还是可视化项目，掌握这一技能都能让你事半功倍！下面是一个简单易懂的代码模板，帮助你快速上手：

第一步是引入必要的依赖库，比如 `GLTFLoader` 或 `OBJMTLLoader`，它们可以帮助我们加载模型文件。接着，创建一个场景 (`scene`)、相机 (`camera`) 和渲染器 (`renderer`)，这是 Three.js 的基础三件套。

🎨 示例代码如下：

```javascript

// 创建场景、相机和渲染器

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

const renderer = new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth, window.innerHeight);

document.body.appendChild(renderer.domElement);

// 加载模型（以 OBJ 为例）

const loader = new THREE.OBJMTLLoader();

loader.load('path/to/model.obj', (object) => {

scene.add(object);

});

camera.position.z = 5;

function animate() {

requestAnimationFrame(animate);

renderer.render(scene, camera);

}

animate();

```

通过这段代码，你可以轻松加载 STL 或 OBJ 格式的模型，并将其展示在网页上。如果需要动态调整光照或材质，还可以进一步扩展功能，比如添加点光源 (`PointLight`) 或修改材质颜色。💡

快试试吧！🎉