GLTFLoader未定义-THREE.js

Question

我正在尝试使用three.js和anime.js建立具有可滚动动画的网站。到目前为止，所有内容都处于工作状态（这意味着我在一个空间中有一个多维数据集，当我滚动时，该空间可以通过摄像机看到）-多维数据集和摄像机在各个关键帧之间移动，直到其时间表结束。是引入一个Blender对象来替换多维数据集。THREEjs文档建议我在尝试实现此目的时使用GLTFLoader：

我收到错误：

GLTFLoader未定义。

这是它引用的代码：

var loader = new GLTFLoader();

    loader.load(
        '/assets/logotext.glb',
        function ( gltf ) {
            // called when the resource is loaded
            scene.add( gltf.scene );
        },
        function ( xhr ) {
            // called while loading is progressing
            console.log( ( xhr.loaded / xhr.total * 100 ) + '% + loaded' );
        },
        function ( error ) {
            // called when loading has errors
            console.error( 'An error happened', error );
        },
    );

这是我在HTML中包含脚本的方式：

<script src="\node_modules\animejs\lib\anime.min.js"></script>
       <script src="\node_modules\three\build\three.js"></script>
      <script src="\node_modules\three\examples\js\loaders\GLTFLoader.js"></script>
     <script src="index.js"></script>      
  </body>
</html>

如果我没有足够的完整文件，可以在这里找到：index.html，index.js

如果还有其他任何部分，您只需说一下，我就可以编辑问题。

谢谢！

Answer 1

我想我可能已经找到了有用的链接，如果您还没有看过的话。https://threejs.org/docs/#examples/loaders/GLTFLoader