支持浮動設備上的畫布和WebGL（three.js）？

Question

有一個很棒的3D應用框架叫做three.js。據我瞭解，它有幾個渲染子系統：基於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

您可以在移動設備上使用three.js所，至少iOS和僅用three.js所的CanvasRenderer。 WebGLRenderer無法在iOS上使用。

儘量不要使用紋理，它會減慢幀率。
使用簡單的彩色網格，它工作得很好，速度很快。

我對動畫幾何只進行了一些測試，只有基元。
我可以在iPodTouch 1G和iPodTouch 4G上測試它。兩者運作良好，幀率良好。

我無法在Android上試用它，但我認爲它也在工作。

Answer 3

更新2014年12月12日 http://caniuse.com/#feat=webgl

• iOS8上會啓用WebGL的。
• Android瀏覽器啓用了WebGl。
• 但是，如果您想創建應用程序，則可以使用Crosswalk在最新的Chromium（啓用WebGL）上運行應用程序。
• 或者，CocoonJS具有「Canvas +」，它是Canvas元素的原生android/iOS實現，包括虛擬javascript環境。 （換句話說，只能渲染Canvas元素的自定義瀏覽器）