Three.js: WebGLコンテキストの作成中にエラーが発生しました

システム仕様を共有する必要があります。 （CPU、OS、グラフィックカードモデル、ドライバーバージョン、ブラウザー...）

AMD FX-4130、Win 7ビルド7600、GeForce GTX 650、9.18.13.2018、Chrome 35.0.1916.153mを実行。
約1週間前は大丈夫でした。 2013年5月から私のウェブサイトを運営しています。

最新のドライバー？ 他のブラウザで試しましたか？

つまり、以前は機能していて、コードを変更していない場合は、OS、ブラウザ、グラフィックドライバに関連している可能性があります...

Windows上の最新の開発チャネルChromeは、更新後に何か面白いことをしていると思います。 ちょうど今更新した後、threejsはどの例でもwebglコンテキストを作成できません-更新の直前は正常に機能していました。

Chromeバージョン37.0.2054.2dev-m（64ビット）
Windows 8.164ビット
ATI Radeon HD6800シリーズ
ATIドライバパッケージバージョン14.10.1006-140417a-171099C

chrome：// gpuショー
「WebGL：使用できません。ハードウェアアクセラレーションは使用できません」
また、-disable-gpuフラグがchrome.exeに渡されたことも示しています。

すべてのchrome.exeプロセスを強制終了し、chrome.exeを直接（C：\ Program Files（x86）Google \ ChromeApplicationで）実行して実行すると、これが解決するようです。 ショートカットをチェックして、フラグが渡されていないことを確認します。

これは同じ問題ではないかもしれませんが、更新後にこの問題が発生した場合は、最初にこれを確認してください。

それを試して、あなたに返事をさせてください。 私はここでもこの問題を見ました-http：//japhr.blogspot.in/2014/05/webgl-in-chrome-36-linux-is-not-working.html

ありがとう

これですべてが正常に戻りました。 Chromeが更新されたときに問題が解決したと思いますか？ ほとんどの人はこの問題に直面していませんでした、たぶんほんの一握りです。 それでも、Chromeはこのような問題に対処する必要があります。
この問題を解決できると思います。
ありがとう

Chromeを再起動すると、これが修正されました。

Chromeを再起動した後も問題が発生します。Chromeバージョン37.0.2062.120（64ビット）...この問題の解決にご協力ください。

そしてそのubuntulinux 13.04

Linux用の最新のChromeは39.0.2171.95です。

Ubuntu 14.10の最新バージョン39.0.217.95（64ビット）でも同じ問題（WebGLコンテキストの作成エラー）が発生します。

このスレッドを復活させて申し訳ありませんが、同じ問題があります（WebGLコンテキストの作成エラー、nullのプロパティgetExtensionを読み取れません）、Chrome 47.0.2526.106（64）、Ubuntu 15.10、専用GPU上のnVidia Optimus（three.jsは実行されません）統合に設定した場合はまったく）。 私は一般的にFirefoxを使用しているので、あまり気にしませんが、他の人がChromeでテストできない可能性があります。

ここで同じ問題が発生しています。開発チャネルとカナリアの両方で、何週間も発生しています。 three.jsはFFで動作しますが、Chromeでは動作しません。 私は主にChromeを使用しているので、かなり大きな問題です。

Chrome 49.0.2609.0カナリア（64ビット）、49.0.2593.0 dev-m（64ビット）、Windows 8.1、nVidia Optimus

@jwlarocque @GameKyuubi

このような状況では、 https：//get.webgl.org/を確認することをお

ええ、それはそこで壊れています。 このような問題が発生するのは本当に奇妙です
長い間見過ごされていました。
2016年1月2日17:09、「Mr.doob」 [email protected]は次のように書いています。

@jwlarocque https://github.com/jwlarocque @GameKyuubi
https://github.com/GameKyuubi

このような状況では、 https：//get.webgl.org/を確認することをお
ページが機能せず、three.jsがそれについてできることは何もありません。
代わりに、問題をGoogle / Chromeに報告する必要があります。

—
このメールに直接返信するか、GitHubで表示してください
https://github.com/mrdoob/three.js/issues/4927#issuecomment-168372764 。

スイッチングNvidiaGPUを搭載したMacでは、GPUスイッチの動作をgfxCardStatusなどで変更すると、Chromeを終了して再度開くまで、Chromeがコンテキストの作成に失敗する可能性があることを指摘しておきます。 これは、この特定のマシンで問題を顕在化させることができる1つの方法です。

これは、ログアウト/再起動で非常にうまく対処できるタイプの問題です。

Chrome設定でこのオプションが選択されていることを確認してください。

ええ、それはまったく問題ではありません。 常にチェックされていますが、最新のChromeCanaryアップデートと最新のNVIDIAドライバーを使用しても問題は解決しません。

これは、Three.jsアプリの徹底的なテストを行った後にランダムに発生したようです。 ある瞬間、すべてが正常にレンダリングされていましたが、今ではWebGLコンテキストをロードできません。 設定でハードウェアアクセラレーションがオンになっています。 ただし、 chrome：// gpuでは：

ラスタライズ：ソフトウェアのみ。 ハードウェアアクセラレーションが無効
キャンバス：ソフトウェアのみ、ハードウェアアクセラレーションは利用できません

何か案は？

Linuxでもこの問題が発生しています。 Chromeを再起動しても修正されません。

「WebGLコンテキストの作成中にエラーが発生しました」という同じエラーが発生します。 Chrome 50.0.2661.75 m（64ビット）/ Windows7の場合。
Firefoxで同じページをロードするのに問題がないので、ドライバーは問題ないはずです。

@JamesMilnerUKここで同じ問題が発生し、多くのColladaモデルが読み込まれ、ブラウザがクラッシュするまでフリーズし、WebGLコンテキストを取得できなくなりました。 Chromeを閉じたり、再度開いたりしても修正されませんでした。 解決策を見つけることができましたか？

編集：修正が見つかりました-ハードウェアアクセラレーションのチェックを外し、再起動し、再チェックしてから再起動する必要がありました

Chromeの再起動とMacの再起動から開始

Mac-Chrome-バージョン52.0.2743.116（64ビット）-OK

Mac-Chrome Canary-バージョン55.0.2850.0カナリア（64ビット）-FAIL

THREE.WebGLRenderer: Error creating WebGL context.WebGLRenderer @ three.js:19571
Uncaught TypeError: Cannot read property 'getExtension' of null
    at Object.get (three.js:16906)
    at new WebGLRenderer (three.js:19577)
    at init ((index):59)
    at (index):54

                    case 'WEBGL_depth_texture':
                        extension = gl.getExtension( 'WEBGL_depth_texture' ) || gl.getExtension( 'MOZ_WEBGL_depth_texture' ) || gl.getExtension( 'WEBKIT_WEBGL_depth_texture' );
                        break;

chrome://flags/を試し、これを有効にしました。

WebGLドラフト拡張機能Mac、Windows、Linux、Chrome OS、Android
このオプションを有効にすると、WebアプリケーションはまだドラフトステータスにあるWebGL拡張機能にアクセスできます。

まだ運がない...

カナリア？ おそらく、Chromiumプロジェクトにリグレッションを報告する必要があります。

NS！！！

Chromeが自動更新されました-安定版は53.0.2785.101にあり、動作を停止しました。

編集：

バグレポート： https ：

わたしも。 私のGPU（Intel HD 3000）がChromeでブラックリストに登録されていることがわかりました（chrome：// gpu /で確認してください）。 chrome：// flags /にアクセスして、 --ignore-gpu-blacklistフラグを有効にしました。 これですべてが正常に戻りました。

Chromeは、リリース間でドライバーをブラックリストに追加することがあります。 私のサムスンギャラクシーs6には1か月間webglがありませんでしたが、クロムがブラックリストから削除したため、翌月にはありました。 物事は逆に行くこともできます。 ただし、自分の危険でブラックリストを無視することはできます。 私は自分の電話でそれを無視しました、そしてすべてが正常に動作しました。

つまり、+ firefoxは機能しましたが、最新のchromeは私の開発者の1人ではありませんでした。 システム、2011カード用の最新のNvideoQuadroドライバー...
Chromeの詳細設定に移動することで修正されました-ハードウェアAccを使用してください。 GFXのチェックが外され、チェックされました-再起動され、現在機能しています

私はフラッシュが恋しいです：-（-エンドユーザーがこの面倒を経験することを単に期待することはできません

Chromeでの時間が不明な場合、同じ例外が発生します。 それはごくまれにしか発生せず、フルスクリーンシーンのときだけのようですが、これまでに見つけた修正方法はブラウザを再起動することだけです。これは公開サイトでは十分ではありません。 かなり長い間問題なくコンテキストを作成できますが、もう一度new THREE.WebGLRenderer()を実行しようとすると突然失敗するため、ブラックリストに登録されたgfxカードが原因ではありません。 アドホックに再現することはできませんが、修正することは事実上不可能です。 根本的な原因を突き止める方法を誰かが知っていますか？

ハードウェアアクセラレーションが有効になっています。

Error creating WebGL context.
Uncaught TypeError: Cannot read property 'getExtension' of null

うん、今のところ私にも起こっている-Macbook Pro OS10.11.5上のChrome

@ deejbee @ cindyloo皆さんがハードウェア情報を共有できれば

@ mrdoobWin10を実行しているIntelHD Graphics530です。 ドライバーのバージョンは4.4.0ビルド10.18.15.4279です。 これはDellOptiplex7040です

GPU Caps Viewerv1.31.1.0レポート

こっちも一緒

そのような場合、CanvasRendererでフォールバックする可能性がありますか？

なんてこった、これは現在のChromeを搭載したWin10で起こっているのか、これを解決する方法についての新しいヒントはありますか？ InternetExplorerでも動作します:)

@ alberto2000どのGPUがありますか？

@mrdoobはRadeonカードであり、ドライバーを再インストールすることで解決しました。

これも、頻繁ではありませんが時々取得します。

OS
Mac OS 10.11.6
ブラウザ
Chrome 54.0.2840.98

2017年にこれを読んだ人のために、私はMacBook Pro 2011年後半に、省電力の自動グラフィックカード切り替えを無効にして、高性能GPUに常に引き継がせるようにすることでこれを修正しました。

これらがサーバーログから取得されているのをまだ確認しています。 最新のものは次のとおりです。
OS：Windows 10
ブラウザ：Chrome 55.0.2883.87

注：リリースr74を実行しています（最近解決されたフォグの問題が新しいリリースにマージされるまで👍）

注：リリースr74を実行しています（最近解決されたフォグの問題が新しいリリースにマージされるまで👍）

どんな霧の問題？

この霧の問題：） https://github.com/mrdoob/three.js/issues/10582

ああ、分かった！

Chromeの詳細設定で「可能な場合はハードウェアアクセラレーションを使用する」をオンにすると、問題が修正されました

私が使用しているエラー追跡システムでこのエラーがポップアップするのを見ました。 役立つ場合は、トラッカーによってキャプチャされたバグがあったユーザーのシステム情報を次に示します。

ユーザーエージェント： Mozilla / 5.0（Macintosh; Intel Mac OS X 10_12_3）AppleWebKit / 537.36（KHTML、Geckoなど）Chrome / 56.0.2924.87 Safari / 537.36
OS： Mac OS X 10.12.3
ブラウザ： Chrome 56.0.2924

そして、これがエラートラッカーがコンソールでキャッチしたものです：

THREE.WebGLRenderer 84
THREE.WebGLRenderer: Error creating WebGL context.
TypeError: Cannot read property 'getExtension' of null

そのシステム情報には、完全に役立つグラフィックカードの詳細がありません。

グラフィックカード：IntelHDグラフィック40001024 MB

このエラーが発生したユーザーと話すことができ、ユーザーは上記のグラフィックカード情報を伝えました。 お役に立てば幸いです。 ありがとうございました！

@kenrussell Intel HD Graphics 4000はバクリストされていますか？ 実際、ブラックリストに登録されたグラフィックカードの公開リストはありますか？

@mrdoobいいえ、Intel

このような問題を診断するには、 about：gpu （プレーンテキストが推奨されます。コピー/貼り付けのみ）のコンテンツが必要です。

カードがブラックリストに登録されている場合、その理由はそのページに記載されています。

これらの2つのファイルは、ブラックリストに登録されているGPUと、ドライバーのバグ回避策が適用されているGPUを記述しています。

https://cs.chromium.org/chromium/src/gpu/config/software_rendering_list_json.cc

https://cs.chromium.org/chromium/src/gpu/config/gpu_driver_bug_list_json.cc

ただし、リファクタリングが進行中であるため、これら2つのファイルは、来週または2週間以内に同じディレクトリ内の.jsonファイルに置き換えられる可能性が高いことに注意してください。 http://crbug.com/691703を参照して

同じエラーが発生します...
Intel HD2000はChrome58.0.3029.81（64ビット）、Ubuntu14.04でブラックリストに登録されているようです
chrome：// flags / -ignore-gpu-blacklistを設定しました; そしてそれはうまくいきます。

これを別の角度から見ている人の助けになるなら。 テストしようとしたときに3つのビットとボブを含むreactコンポーネントをマウントしようとすると、このエラーが発生します。

とりあえずテストできないようにしています。

@YoneMorenoあなたの問題にError creating WebGL context.れません。 これと同じ問題が発生していると思われる理由は何ですか？

なぜこれが閉鎖されているのですか？ 多くの人がまだこの問題を経験しているようです。

@nicolethenerd残念ながら、ライブラリでできることは何もありません。

さらに役立つエラーメッセージを追加できます。 このスレッドをざっと見てみると、実際の解像度が何であるかを理解するのは困難です。人々は、いくつかの異なるフラグを変更することでこれを解決したと主張しています。

解決策がエラーメッセージに収まらないほど複雑な場合は、問題を説明し、ブラウザに応じて設定するフラグを推奨するFAQページにメッセージをリンクさせます。

これがライブラリを修正しても解決できない一般的なエラーである場合は、デモサイトのFAQセクションに追加してください。

@nicolethenerd正しくMacBookProでオンにする必要があるのはChromeのハードウェアアクセラレーションフラグでした。

グラフィックカードは、コンテキストを作成できない理由の1つにすぎません。 誤解を招く可能性のあるメッセージを追加したくありません。

たぶん私たちは理由を集め始めることができます。

ただし、ブラックリストを無効にすることをユーザーに推奨するべきではありません。 これらのグラフィックカードがブラックリストに登録されている場合は、バグやセキュリティ上の理由が原因です。

同時に開いているWebGLシーンのタブが多すぎると、この応答が表示されました。

Version 72.0.3626.121 (Official Build) Arch Linux (64-bit)同じエラーが発生します。 同じOS上のFirefox65.0.1で動作します。

GPU：NVidia2080TI。

Chrome設定でこのオプションが選択されていることを確認してください。

クロム設定を再起動した後、WebGLは以前と同じように正しく機能します。
いい答えです。

エラー：WebGLコンテキストの作成に失敗しました：WebGLの作成に失敗しました：

• GL_MAX_COMBINED_TEXTURE_IMAGE_UNITS：0は<8です！

Firefox 74で、これを取得しています。構成でwebgl.force-enabled = trueを強制し、ハードウェアアクセラレーションを有効にしましたが、何もしていません。 66年の私にとっては問題なく機能しましたが、彼らの「クォンタム」アップデートは、私にとってのwebglを含め、すべての近くでひどく壊れたと思います。

リスナーからWebGLコンテキスト初期化子を呼び出していないことを確認してください（たとえば、ブール値フラグを使用してinit関数内に記述して、ループやグローバル変数としてのglの記述を停止してみてください）。 前者は私のために働き、コンテキストを正しく表示します。

編集：実際、私はレンダラー（THREE.WebGLRenderer）内でWebGLキャンバスを見つけることになりました。 キャンバスメソッドrenderer.getContext（）。canvasを使用し、webglcontextlostリスナーを追加しました。これにより、init（）でhandleContextLost関数が呼び出されました。

function handleContextLost() {
    event.preventDefault();
    cancelAnimationFrame(requestId)
    init();
}

canvas.addEventListener("webglcontextlost", handleContextLost, false)