2012-08-19 64 views
0

這很奇怪..three.js所停止工作,當我移動我的three.js所-指HTML文件

我在目錄 '磚' 下載three.js所:

混帳克隆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> 

我確認這個新的參考實際工作,通過在Firefox打開

brick/webgl_geometry_cube.html 

,選擇「查看源文件」,並在源跟隨參考three.min.js。如果我顯示three.min.js(我是)的源代碼,我很高興。

但是,爲什麼在Firefox中打開移動的文件時沒有多維數據集旋轉?我很困惑。 webgl_geometry_cube.html中似乎沒有任何其他路徑依賴引用。 webgl_geometry_cube.html的完整的源代碼可以在這裏看到:

webgl_geometry_cube.html on Github

而且,我怎麼去有關調試呢?我可以對代碼進行一些步驟,看看兩個文件在執行過程中的差異嗎?

+1

您是否調整過JavaScript中的'textures/crate.gif'? – 2012-08-19 11:36:31

+0

解決了它:) 非常感謝.. – loldrup 2012-08-19 13:25:07

回答

1

該示例使用了紋理,因此您還需要在JavaScript中調整路徑textures/crate.gif,否則紋理將找不到。

0

事實證明,webgl_geometry_cube.html中還有一個我沒有發現的參考文件:文件crate.gif在第34行中提到,並且該引用當然也將被更新以反映新的相對位置crate.gif:

three.js/examples/textures/crate.gif 

該解決方案由用戶maenu給出。謝謝你,兄弟..