Question

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

webGL示例不会在我的本地网址上播放（http://localhost/mypage.htm）

一切看起来都很好，Chrome检查员说一切正确并使用GL调试器扩展我甚至设法正确渲染了一些示例的截图。

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

这是一个截图，可以更好地解释它 enter image description here

更新：这是使用webGL调试器的屏幕截图，您可以看到使用着色器和其他所有内容（找到并加载了纹理）正确完成了渲染，但屏幕仍为黑色。我还附上了我正在使用的html文件（另一个只是从网页上下载的库） enter image description here

Answer 1

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

该行

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

造成一些奇怪的原因，webgl演示呈现的页面比可见区域（即我只需向下滚动以查找渲染运行）

无论如何，谢谢你的帮助！

Answer 2

注释掉这一行：

gl_FragColor = gl_FragColor * texture2D( texture, gl_PointCoord );

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

WebGL（或者可能是浏览器）非常挑剔，只是让你在从适当的网络服务器运行时获得纹理（我不确定你在本地运行的是什么）。