Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript THREE.Loader不是构造函数_Javascript_Three.js - Fatal编程技术网

Javascript THREE.Loader不是构造函数

Javascript THREE.Loader不是构造函数,javascript,three.js,Javascript,Three.js,我有一个作为JSON导入的船模式。现在我正在尝试导入它的纹理贴图以应用于它的网格 模型加载良好,但当我使用TGALoader尝试加载纹理的.tga文件时,我遇到以下错误: Uncaught TypeError: THREE.TGALoader is not a constructor 我已经到处搜索过这方面的任何其他实例,但找不到任何实例。我对threejs非常陌生,所以我很抱歉-这可能是一个超级noob问题 这是我的船等级代码: var scale = 10; class Boat {

我有一个作为JSON导入的船模式。现在我正在尝试导入它的纹理贴图以应用于它的网格

模型加载良好,但当我使用TGALoader尝试加载纹理的
.tga
文件时,我遇到以下错误:

Uncaught TypeError: THREE.TGALoader is not a constructor
我已经到处搜索过这方面的任何其他实例,但找不到任何实例。我对threejs非常陌生,所以我很抱歉-这可能是一个超级noob问题

这是我的
等级代码:

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;
    }
  }
}

您需要在文件顶部找到TGALoader.js loader的源代码

比如说:

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

您是否明确包含了它
此外,
旋转.y
以弧度为单位,而不是度。