1

我在我的电脑上放了一个 wamp 服务器,然后从 webgl 示例中下载了所有内容(有一些问题,但我设法解决了它们)。

webGL 示例无法在我的本地 URL ( http://localhost/mypage.htm )上播放

一切似乎都很好,chrome 检查员说一切都正确,并且使用 GL 调试器扩展,我什至设法获得了正确渲染的示例的一些屏幕截图。

问题是:渲染区域仍然是黑色的。它发生在我的本地 WAMP 服务器和远程 Web 服务器上,整个页面正确加载并且模拟似乎正在运行(我可以看到 FPS 仪表在屏幕的左上角运行),但我看不到动画

这是一个屏幕截图,可以更好地解释它 在此处输入图像描述

更新:这是 webGL 调试器的屏幕截图,您可以看到渲染已正确使用着色器和其他所有内容(找到并加载了纹理),但屏幕仍然是黑色的。我还附上了我正在使用的 html 文件(其他只是从网页上下载的库) 在此处输入图像描述

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

4

2 回答 2

2

解决了:你永远不会相信这个......

线

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

由于某些奇怪的原因,webgl 演示被渲染到比可见区域向下的页面(即我只需要向下滚动才能找到正在运行的渲染)

还是要谢谢你的帮助!

于 2012-07-07T10:15:43.870 回答
0

注释掉这一行:

gl_FragColor = gl_FragColor * texture2D( texture, gl_PointCoord );

如果你在圆圈所在的地方得到正方形,这意味着问题在于加载纹理。

WebGL(或者浏览器)非常挑剔,只让您在从适当的 Web 服务器运行时获得纹理(我不确定您在本地运行什么)。

于 2012-07-07T00:19:02.747 回答