在Moble设备上支持Canvas和WebGL（3.js）？

Question

有一个很棒的3D应用框架称为 three.js. 。据我了解，它具有一些渲染子系统：基于 Canvas 并基于 WebGL.

那么，移动设备的支持呢？ （Android，iOS）

Answer 1

不管三个。JS都这样分解：

这 Canvas 元素可以与任何一个 2D 上下文或 WebGL 语境。三j可以使用webGL或2D上下文。

大多数手机支持 2D 语境。

很少支持 WebGL 上下文。用于移动支持的Firefox WebGL 并且至少适用于某些Android构建，而BlackBerry Playbook也可以使用它。

看：

http://caniuse.com/canvas （又名2D）

http://caniuse.com/webgl

Answer 2

更新12-12-2014 http://caniuse.com/#feat=webgl

• iOS8将启用WebGL。
• Android浏览器已启用WebGL。
• 但是，如果要创建一个应用程序，则可以使用 人行横道 要在最新的铬（已启用WebGL）上运行该应用程序。
• 或者， Cocoonjs 具有“ CANVAS+”，它是帆布元素的本机Android/iOS实现，包括虚拟JavaScript环境。 （换句话说，只能呈现画布元素的自定义浏览器）

Answer 3

您可以在移动设备上使用三分，至少可以使用three.js的CanvasRenderer。 WebGlrenderer将无法在iOS上工作。

尽量不要使用纹理，它会减慢帧速率。
使用简单的彩色网眼，它运行良好，而且很快。

我进行了一些动画几何形状的测试，但只有原语。
我可以在iPodtouch 1g和ipodtouch 4G上进行测试。两者都效果很好，帧良好。

我无法在Android上尝试一下，但我认为它也有效。