Javascript 当我移动我的three.js参考html文件时,three.js停止工作
这很奇怪 我在我的目录“brick”中下载了三个.js: git克隆 这将生成一个细分曲面: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/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