通过Web浏览器访问GPU

Question

我今天早些时候(在TechCrunch.com上)遇到了这个概念证明,并且对于他们如何设法完成最终结果感到震惊和好奇.他们表示他们不使用webGL或任何插件,但他们能够直接与GPU交互并使用Javascript以高达60 fps的速度呈现3D视觉效果.任何想法如何做到这一点,或如何在不使用插件的情况下从Javascript访问GPU？

网站地址是:famo.us

ps:尝试使用箭头键将方向移向远方!

Answer 1

他们使用标准的HTML5Javascript API来实现这一目标.

我requestAnimationFrame在他们的代码中看到了几个引用.此方法允许使用兼容浏览器的人显示更流畅和优化的动画,帧速率远远高于setInterval基于动画的帧速率.这肯定是通过使用GPU和可用的硬件背景来实现的.

无法使用任何Javascript例程直接访问GPU或其他所有硬件组件.相反,基于被调用的JS指令和执行上下文的浏览器将尽可能使用GPU 来优化某些特定的处理,演算和渲染.

Answer 2

关于famo.us:他们确实分析了Webkit渲染管道的瓶颈,然后找到了在构建页面时绕过它们的方法.基本上:绕过DOM树构造,渲染树构造,渲染树布局.看一下这篇文章的全部解释.