2013-05-18 61 views
1

我一直試圖從LearningWebGL.com教自己WebGL。以前當我用它創建了一個WebGL的網頁時&將它保存到我的硬盤我可以打開它&在Firefox或Chrome瀏覽器中查看結果,但現在我只是得到了兩個基本的黑色方塊!而如果我從網站打開一個例子,它會打開罰款。 LearningWebGL網站上有類似的報告,但現在似乎可以修復它! 我在Ubuntu 12.04上安裝了Firefox & Chrome。 任何人都可以幫忙嗎? 謝謝d0m。WebGl只給出一個黑盒子

回答

1

如果它從一個網站工作,然後使用一個網站。打開一個終端/殼/命令提示符,然後鍵入

cd path/to/page 
python -m SimpleHTTPServer 

然後轉到您的瀏覽器並輸入

http://localhost:8000 

如果你想更快的速度,look into using node.js

大多數瀏覽器現在給天不允許從本地html文件做很多事情,因爲壞人有可能通過讀取本地文件並將其上傳到服務器來竊取您的信息。解決方案是運行你自己的服務器,幸運的是它非常簡單。

另外,檢查JavaScript控制檯。它通常會提供有關錯誤信息的事情爲什麼不工作

+0

嗨試過簡單的服務器,但仍然無法正常工作。我從http://get.webgl.org/複製和粘貼源代碼,然後當我通過localhost打開保存的文件時,我只是獲取文本位。當我直接去現場時它工作正常。在終端我得到localhost - [22/Jun/2013 19:39:08]「GET/HTTP/1.1」200 - localhost - - [22/Jun/2013 19:39:12]「GET/WebGl-SpinyBox .html HTTP/1.1「200 - localhost - - [22/Jun/2013 19:39:12] code 404,message File not found。 –

+0

嗨我唯一能找到的JavaScript控制檯是Chrome。我已經使用它並且它表示未捕獲的ReferenceError:mat4未定義 未能加載資源 未捕獲的ReferenceError:mat4未定義 但mat4是我認爲webgl/opengl的一部分,如網站 中所述http:// learningwebgl (45,gl.viewportWidth/gl.viewportHeight,0.1,100.0,pMatrix);以及在文本中描述的 mat4.perspective(45,gl.viewportWidth/gl.viewportHeight,0.1,100.0,pMatrix)。 正如你所看到的,這個透視圖的東西使用了一個名爲mat4的模塊中的函數,並且涉及一個名爲pMatrix的有趣命名的變量。 玩得開心。 d0m。 –

+0

mat4不是WebGL或OpenGL的一部分。這是來自glMatrix https://github.com/toji/gl-matrix – gman

1

也許這將這樣的伎倆:

https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally

確保所有紋理都可以訪問,並確保已啓用事情在本地(鏈接) 。希望這可以幫助。

+0

嗨我已經嘗試輸入「龍」,並將security.fileuri.strict_origin_policy設置爲false,但沒有好的! –