WebGL - 3Dキャンバスグラフィックス

- その他

ハードウェアで高速化されたJavaScriptを使用した動的な3Dグラフィックスを生成する方法

Chrome

  1. 4 - 7:サポートされていません
  2. 8 - 32:サポートされています
  3. 33 - 123:サポートされています
  4. 124:サポートされています
  5. 125 - 127:サポートされています

Edge

  1. 12 - 18:サポートされています
  2. 79 - 123:サポートされています
  3. 124:サポートされています

Safari

  1. 3.1 - 5:サポートされていません
  2. 5.1 - 7.1:サポートされています
  3. 8 - 17.3:サポートされています
  4. 17.4:サポートされています
  5. 17.5 - TP:サポートされています

Firefox

  1. 2 - 3.6:サポートされていません
  2. 4 - 23:サポートされています
  3. 24 - 124:サポートされています
  4. 125:サポートされています
  5. 126 - 128:サポートされています

Opera

  1. 9 - 11.6:サポートされていません
  2. 12 - 18:サポートされています
  3. 19 - 108:サポートされています
  4. 109:サポートされています

IE

  1. 5.5:サポートされていません
  2. 6 - 10:サポートされていません(ただし、ポリフィルが利用可能です)
  3. 11:サポートされています

Chrome for Android

  1. 124:サポートされています

Safari on iOS

  1. 3.2 - 7.1:サポートされていません
  2. 8 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5:サポートされています

Samsung Internet

  1. 4 - 23:サポートされています
  2. 24:サポートされています

Opera Mini

  1. すべて:サポートされていません

Opera Mobile

  1. 10 - 11.5:サポートされていません
  2. 12 - 12.1:サポートされています
  3. 80:サポートされています

UC Browser for Android

  1. 15.5:サポートされています

Androidブラウザ

  1. 2.1 - 4.4.4:サポートされていません
  2. 124:サポートされています

Firefox for Android

  1. 125:サポートされています

QQ Browser

  1. 14.9:サポートされています

Baidu Browser

  1. 13.52:サポートされています

KaiOS Browser

  1. 2.5:サポートされています
  2. 3:サポートされています

WebGLのサポートはGPUのサポートに依存しており、古いデバイスでは利用できない場合があります。これは、ユーザーが最新のビデオドライバをインストールする必要があるという追加の要件によるものです。

WebGLはW3Cではなく、Khronos Groupの一部であることに注意してください。

リソース
WebGLを有効にする手順
IEのポリフィル
Firefoxブログ投稿
チュートリアル