Question

这很奇怪..

我在我的目录'brick'中下载了三个.js：

git clone https://github.com/mrdoob/three.js.git

这使得一个子目录：

brick/three.js/

当我去

brick/three.js/examples

并在Firefox中打开文件

brick/three.js/examples/webgl_geometry_cube.html

一个漂亮的旋转立方体出现了。然后，当我将它（即brick / three.js / examples / webgl_geometry_cube.html）复制到目录'brick'并相应地更改新brick / webgl_geometry_cube.html中的three.min.js引用时，使用brick / webgl_geometry_cube。 html不起作用 - 当我在firefox中打开它时，没有立方体显示。

让我更具体地说明webgl_geometry_cube.html中的three.min.js参考。顶部砖/ three.js所/示例/ 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;

当我将其复制到

时

brick/webgl_geometry_cube.html

我改变了行

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

为：

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

我通过打开

验证这个新引用确实有效

brick/webgl_geometry_cube.html

在firefox中，选择“查看源代码”，并在源代码中跟随对three.min.js的引用。如果我看到three.min.js（我是）的源代码，我很高兴。

但是为什么在Firefox中打开移动的文件时没有立方体旋转？我很困惑。在webgl_geometry_cube.html中似乎没有任何其他与路径相关的引用。 webgl_geometry_cube.html的完整源代码可以在这里看到：

webgl_geometry_cube.html on Github

另外，我该如何调试呢？我可以对代码进行某种逐步操作，以查看两个文件在执行过程中的分歧吗？

Answer 1

该示例使用纹理，因此您还需要在JavaScript中调整路径textures/crate.gif，否则找不到纹理。

Answer 2

事实证明在webgl_geometry_cube.html中有另一个我没有发现的参考：第34行引用了文件crate.gif，当然也会更新此引用以反映crate的新相对位置.gif注意：

three.js/examples/textures/crate.gif

此解决方案由用户maenu提供。谢谢你...

当我移动我的three.js-refer html文件时，three.js停止工作

2 个答案: