Javascript 当我移动我的three.js参考html文件时,three.js停止工作

Javascript 当我移动我的three.js参考html文件时,three.js停止工作,javascript,three.js,Javascript,Three.js,这很奇怪 我在我的目录“brick”中下载了三个.js: git克隆 这将生成一个细分曲面: brick/three.js/ 当我去 brick/three.js/examples 然后在Firefox中打开文件 brick/three.js/examples/webgl_geometry_cube.html 一个漂亮的旋转立方体出现了。然后,当我将它(即brick/three.js/examples/webgl\u geometry\u cube.html)复制到目录“brick”并相应

这很奇怪

我在我的目录“brick”中下载了三个.js:

git克隆

这将生成一个细分曲面:

brick/three.js/
当我去

brick/three.js/examples
然后在Firefox中打开文件

brick/three.js/examples/webgl_geometry_cube.html
一个漂亮的旋转立方体出现了。然后,当我将它(即brick/three.js/examples/webgl\u geometry\u cube.html)复制到目录“brick”并相应地更改新brick/webgl\u geometry\u cube.html中的three.min.js引用时,brick/webgl\u geometry\u cube.html不起作用-在firefox中打开它时,没有立方体显示

让我更具体地介绍一下webgl_geometry_cube.html中的three.min.js引用。顶端 brick/three.js/examples/webgl_geometry_cube.html 看起来像这样:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>three.js webgl - geometry - cube</title>
        <meta charset="utf-8">
        <style>
            body {
                margin: 0px;
                background-color: #000000;
                overflow: hidden;
            }
        </style>
    </head>
    <body>

        <script src="../build/three.min.js"></script>

        <script>

            var camera, scene, renderer;
            var mesh;
我换线

<script src="../build/three.min.js"></script>
在firefox中,选择“查看源代码”,并在源代码中按照对three.min.js的引用。如果我看到three.min.js的源代码(我就是),我很高兴

但是为什么在Firefox中打开移动的文件时立方体没有旋转呢?我很困惑。webgl_geometry_cube.html中似乎没有任何其他依赖路径的引用。webgl_geometry_cube.html的完整源代码可在此处查看:


还有,我该如何调试它?我可以对代码进行某种程度的逐步检查,以查看两个文件在执行过程中的分歧吗?

事实证明,在webgl\u geometry\u cube.html中还有另一个我没有发现的引用:第34行中引用了文件claret.gif,当然,还应更新此参考,以反映crater.gif的新相对位置:

three.js/examples/textures/crate.gif

此解决方案由用户提供。谢谢你,伙计。

这个例子使用了一个纹理,所以你也需要在JavaScript中调整路径
纹理/crater.gif
,否则就找不到纹理。

你在JavaScript中调整了
纹理/crater.gif
吗?这就解决了问题:)谢谢你。。
<script src="three.js/build/three.min.js"></script>
brick/webgl_geometry_cube.html
three.js/examples/textures/crate.gif