shawn0326

一个==完整==的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验。 PlayCanvas是一个开源游戏引擎。它使用HTML5和WebGL在所有==现代==浏览器中运行游戏和其他==交互==式3D内容，而无需插件。 Cla…

体渲染一般用于展示3D分布图及扫描图等。本文讨论一种适合在WebGL端实现的体渲染方法。 为了简单起见，本文只讨论立方体区域的体渲染方法。3D图像信息可以存储在3DTexture中，采样并计算色值的过程主要在片元着色器中完成。 如上图所示，O代表相机的位置，V代表视线的观察方向…

Depth的精度是图形开发者迟早要面对的痛点。很多文章讨论过这个问题，不同的游戏，引擎，设备中也有多种不同的Depth缓存格式和设置。 由于它与透视投影相互作用的方式，GPU硬件的深度映射变得有点深奥，单纯阅读公式并不能一目了然。 为了直观地了解它的工作原理，本文会借助一些图表…

本文提供的建议和技巧可以用来提高的WebGL的表现。遵循这些建议可以使您的Web程序的兼容更多的设备和浏览器，并且提高性能。 你应该确保程序运行中不产生任何WebGL报错（这些报错是通过getError()捕获的）。在Firefox的默认设置下，WebGL报错将在控制台中产生一…

首先展示一个简单的示例. 这个示例虽然简陋但是很好地展示了效果。如果您对这个概念不熟悉，这里简单解释一下。各向异性过滤（Anisotropic Filtering）是标准mip-mapping技术的一个扩展，用于优化在非正交视角下材质的显示效果。如上例中演示的地板和天花板。通过…