小程序使用 Three.js 加载 3D 模型 glTF。

在小程序中使用 Three.js 加载 glTF 3D 模型需要进行一些特殊处理。以下是一般的步骤：

1. 首先，确保你已将 Three.js 库引入到小程序项目中。

2. 在小程序的页面文件中，创建一个 Canvas 组件用于渲染 Three.js 场景：

<canvas id="canvas"></canvas>

3. 在页面的 JavaScript 文件中，使用 wx.createSelectorQuery() 获取到 Canvas 组件的上下文，并创建渲染器(renderer)，设置其大小和渲染目标：

const query = wx.createSelectorQuery();
query.select('#canvas').node().exec((res) => {
  const canvas = res[0].node;
  const renderer = new THREE.WebGLRenderer({
    canvas: canvas,
    antialias: true
  });
  renderer.setSize(canvas.width, canvas.height);
});

4. 在小程序的页面生命周期函数 onLoad() 或 onReady() 中加载 glTF 模型：

var loader = new THREE.GLTFLoader();
loader.load('path/to/model.gltf', function(gltf) {
  scene.add(gltf.scene);
}, undefined, function(error) {
  console.error(error);
});

请注意，此处的 scene 是你自己创建的 Three.js 场景。

5. 在小程序的页面生命周期函数 onShow() 中开始渲染场景：

function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
}

Page({
  onShow() {
    animate();
  }
});

这是一个基本的在小程序中使用 Three.js 加载和渲染 glTF 模型的示例。需要注意的是，小程序环境与网页环境有一些差异，因此可能需要进行一些适配和调整。希望对你有所帮助！