mobleデバイスでCanvasとWebGL（three.js）をサポートしていますか？

Question

three.jsという素晴らしい3Dアプリケーションフレームワークがあります。私が理解する限り、いくつかのレンダリングサブシステムがあります：Canvasに基づいて、WebGLに基づいています。

モバイルデバイスはどうしますか？ （アンドロイド、IOS）

Answer 1

かかわらずthree.jsのこのように分解される：

Canvas要素が2DコンテキストまたはWebGLコンテキストのいずれかで使用することができます。 threejsはWebGLまたは2Dコンテキストのいずれかを使用できます。

ほとんどの携帯電話は2Dコンテキストをサポートしています。

少しのサポートWebGLコンテキストがまだありません。モバイル用FirefoxはWebGLをサポートしており、少なくともいくつかのアンドロイドビルドで使用できます。また、BlackBerry PlayBookでも使用できます。

参照：

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

http://caniuse.com/webgl

Answer 2

あなたは少なくともiOSので、モバイル上でThree.jsを使用してのみ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 +があります。これは、キャンバス要素のネイティブアンドロイド/ iOS実装で、仮想JavaScript環境を含みます。 （つまり、キャンバス要素のみをレンダリングできるカスタムブラウザ）