2012-07-06 310 views
1

我在我的電腦上放了一個wamp服務器,然後從webgl示例中下載了所有內容(但出現了一些問題,但我設法解決了這些問題)。Webgl無法運行示例(黑屏)

WebGL的樣品不會在我的本地URL (http://localhost/mypage.htm

一切似乎好打,鉻檢查員說,一切都正確,並使用GL調試器擴展我甚至設法得到樣品的幾張截圖正確呈現。

問題是:渲染區域保持黑色。它發生在我的本地WAMP服務器和遠程Web服務器上,整個頁面加載正確,模擬似乎正在運行(我可以看到屏幕左上角運行FPS計),但是我看不到動畫

下面是截圖來解釋它更好 enter image description here

更新: 下面是與WebGL的調試器的截圖,你可以看到渲染正確地與着色器和其他一切完成(質地找到並加載) ,但屏幕仍然是黑色的。我還附上我使用的HTML文件(另一隻是庫中下載的,他們,是從網頁) enter image description here

http://nopaste.info/76792079d5.html

+0

您使用了哪個樣本?也許這個示例試圖從服務器上下載一些模型/紋理文件,並且你在本地複製中打破了這些URL,所以它找不到(並顯示)它們? – micha 2012-07-06 17:54:27

+0

我試圖下載這個 http://mrdoob.github.com/three.js/examples/webgl_custom_attributes_particles2.html ,但我注意到'disc.png'紋理 – 2012-07-06 19:08:15

回答

2

解決:你永遠不會相信這...

<div style="cursor: pointer; width: 80px; opacity: 0.9; z-index: 10001; position: absolute; top: 0px; "> 

造成一些奇怪的原因,的WebGL演示正在呈現一個向下翻頁比可見區域(即我剛向下滾動以查找正在運行的渲染)

無論如何感謝您的幫助!

0

註釋掉該行:

gl_FragColor = gl_FragColor * texture2D(texture, gl_PointCoord); 

如果你得到圓圈所在的方塊,這意味着問題是加載紋理。 (或者瀏覽器)是非常挑剔的,只有當你從一個合適的web服務器運行時(我不確定你在本地運行什麼),你才能得到一個紋理。

+0

不幸的是,沒有工作,我試着一個遠程網站,但效果是一樣的 – 2012-07-07 09:12:56