在移动设备上支持Canvas和WebGL（three.js）？

Question

有一个名为three.js的精彩3D应用程序框架。据我所知，它有一些渲染子系统：基于Canvas并基于WebGL。

那么，移动设备支持怎么样？ （Android，iOS）

Answer 1

无论three.js如何，它都会被打破：

Canvas元素可以与2D上下文或WebGL上下文一起使用。 threejs可以使用WebGL或2D上下文。

大多数手机支持2D上下文。

很少支持WebGL上下文。 Firefox for Mobile支持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。
• 但是，如果您要创建应用，可以使用Crosswalk在最新的Chromium（已启用WebGL）上运行应用。
• 或者，CocoonJS有＆＃34; Canvas +＆＃34;，这是Canvas元素的原生android / iOS实现，包括虚拟javascript环境。 （换句话说，一个只能渲染Canvas元素的自定义浏览器）

Answer 3

您可以在移动设备上使用Three.js，至少使用iOS，并且只能使用Three.js的CanvasRenderer。 WebGLRenderer无法在iOS上运行。

尽量不使用纹理，它会降低帧速率。
使用简单的彩色网格，它工作得很好而且速度很快。

我有一些动画几何测试，只有基元。 我可以在iPodTouch 1G和iPodTouch 4G上进行测试。两者都运作良好，具有良好的帧率。

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