2012-07-06 317 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