Tag Archives: demo
WebGL皮肤渲染
这是一个在WebGL平台上为实现人体表皮渲染Demo。此Demo主要使用了次表面散射技术（Subsurface Scattering）来模拟人体皮肤下层发生的散射现象，通过模拟这种光线散射，渲染结果表现出来了非常逼真的皮肤材质质感，令人叹为观止。
2011 Mozilla Demoparty赏析
Mozilla Demoparty是由Mozilla Labs发起的一项旨在启发人们将艺术与web技术相结合的活动，参与者可以自由提交他们的Demo。大部分的Demo都是基于HTML5、WebGL和CSS3等新技术构建的，并巧妙的融入了艺术元素，提高了Demo的内涵和观赏度。本月1日，在历经了网友投票和专业评委的评选之后，获奖作品终于出炉。下面就让我们一起来看看吧！
用WebGL进行局部水体环境渲染
Evan Wallace的Water Demo结合了基于高度的水面渲染、反射与折射(reflections & refractions)、基于统计的漫反射遮挡(Analytic AO)及平滑的实时软阴影生成技术、向我们呈现了一个非常逼真的局部水体环境的渲染解决方案。这个Demo的亮点在于将多项常用图形渲染技巧精彩完美得结合在一起，并使用WebGL技术在网页前端展示出来，同时也验证了基于浏览器前端硬件加速能力的WebGL应用，已经可以达到非常高质量的实时环境渲染水平了。
用WebGL实现光线追踪！
作为一种计算复杂度为O(n*n)的算法，由于计算机的速度问题，光线追踪目前仍然无法大规模应用于实时3D演算，暂时只能用于电影CG和渲染效果图等领域。这个基于WebGL技术实现光线追踪的Demo，实验价值大于实用价值，但仍然给了我们很大的启发，显示出WebGL技术强大的潜能。
使用Google Analytics追踪WebGL Demo性能
本月初，来自美国波士顿的Bocoup公司在博客上发表了一篇使用Google Analytics来追踪他们开发的WebGL Demo在用户电脑上运行的性能的文章。Google Analytics是Google一开始是为网站提供的数据统计服务。可以对目标网站进行访问数据统计和分析，并提供多种参数供网站拥有者使用。随着API的公布，开发者可以使用它来进行更广泛的数据统计，例如嵌入到app中把app当做一个网站一样来分析用户习惯。但将Google Analytics与WebGL Demo整合到一起，Bocoup还是第一家。
