javascript - 三.TGALoader 不是构造函数

Question

我有一个以 JSON 格式导入的 Boat 模态。现在我也在尝试导入它的纹理贴图以应用于它的网格。

模型加载正常，但是当我使用 TGALoader 尝试加载纹理的 .tga 文件时，出现此错误:

Uncaught TypeError: THREE.TGALoader is not a constructor

我已经搜索过任何其他与此相关的实例，但没有找到。我对 threejs 非常陌生，所以很抱歉 - 这可能是一个 super 菜鸟问题。

这是我为 Boat 类编写的代码:

var scale = 10;
class Boat {
  constructor(scene) {
    var loader = new THREE.JSONLoader();
    var textureLoader = new THREE.TGALoader();

    // Texture
    var texture = textureLoader.load('models/BW Bandit all in one.tga');

    // Model
    loader.load('models/boat.json', handle_load);
    function handle_load(geom, mats) {
      var material = new THREE.MeshPhongMaterial({
        color: 0xffffff,
        map: texture
      });
      var mesh = new THREE.Mesh(geom, material);
      scene.add(mesh);
      mesh.position.z = -5;
      mesh.scale.set(scale, scale, scale);
      mesh.rotation.y = -90;
    }
  }
}

Answer 1

您需要在文件顶部获取 TGALoader.js 加载程序。

例如说:

<script src="path_to_parent_folder_of_threeJS/threeJS/examples/js/loaders/TGALoader.js"></script>