Three.js: Three.jsがWebKitブラウザー（Chrome、Safari）に表示されない

それはその例だけで起こりますか？

このバグはhttp://svc.sl.marvulous.co.uk/raw2sculpt.htmlでも発生します

グーグルクロムV14.0.835.202と同じ

WebGLコンテキストの作成中にエラーが発生しました。
Uncaught TypeError：nullのメソッド 'clearColor'を呼び出すことができません

私のチームの誰かもクロムでこのエラーを受け取りますが、私たちのベースアプリケーション（現在は真っ白な画面です）で。

ThreeJSデモの1つを開くように彼に依頼したところ、「無効なグラフィックカードメッセージ」がありました（これは正しい動作だと思います）。 ただし、Firefoxはエラーをスローしなかったので、まったく同じデモ（minecraftのデモ）をロードするように依頼しましたが、今回はブラウザがハングしました（「無効なグラフィックカード」メッセージは表示されません）。

それがあなたを助けることができるかどうかはわかりません...

テクスチャが4096x4096より大きいためかもしれませんか？ 古いグラフィックカード（または新しいがくだらないもの）はそれを処理できないと思います。 誰でも確認できますか？

ああ！ そして...それはChromeとSafariで起こりますが、Firefoxでは起こりませんか？

彼はLinuxを使用しているので、Safariは試していません。

Chrome：次のテキストをスローし、画面に「無効なグラフィックカード」を印刷します
Firefox：エラーなし、WebGLの実行中にハングアウトします（firefoxをpkillする必要がありました）

Three.js:294:: Error creating WebGL context.
Three.js:294:: Uncaught TypeError: Cannot call method 'clearColor' of null

他の例はそのエラーを示していますか？

ここにはどのようなものがありますか？

http://alteredqualia.com/tmp/webgl-maxparams-test/

three.jsで作成されていないWebGLデモは機能しますか？

Firefoxを使用したWebGLMAXパラメータ： http ：

このページをChromeで実行できません。エラーが発生します：
Uncaught TypeError：nullのプロパティ 'MAX_VERTEX_ATTRIBS'を読み取れません

Firefoxを使用すると、他のWebGLデモを見ることができます。 フリーズせずに動作します（Minecraftのデモを実行してください）。

Radeon5870を搭載したMacOS X10.7.2のChrome15.0.874.106でアルカニンおよびDamounと同じ結果が得られます。同じマシン上のFirefox7.0.1は正しく動作します。

ATI Radeon HD 2600Proを搭載したMacOSX10.6.8のChrome15.0.874.106のBlockyEarth（http://www.clicktorelease.com/code/blocky_earth/）と同じです。 Firefox 7.0.1で正常に動作しました（Firefox 9以降が必要であると言っていても）

そして、キューブはこれらのセットアップでここで回転しますか？

Macで問題が発生しているのはWebGLだけではないようです。

http://twitter.com/#!/oosmoxiecode/status/131711805243400192

Firefoxは問題なく動作しますが奇妙です。

Chromeは、開始のチュートリアルでは機能しません。
しかし、Firefoxはできます

SinoBoeckmannが8月にURLにアクセスしたときに説明したエラーがまだ表示されています： http ：//mrdoob.github.com/three.js/examples/webgl_panorama_equirectangular.html

現在は2011年12月で、10.7.2のsafari 5.1.2では、Three.jsのr46を使用しても同じエラーが表示されます。

Chrome16.0.92ではエラーは表示されません。

私が逃した解決策はありましたか？

これをr47で「修正」しようとします。

私は今この問題に遭遇しています。 数週間前まではすべてうまくいきました。 Chromeがこれをサイレントに更新して、問題を引き起こしていることがわかります。 私は16.0.912.75を実行しています

Firefox 8.0.1では、コンテキストは作成されますが、クリアは機能しません。

@arodic詳細はありますか？ すべての例で問題が発生しますか？

はい、それはすべての例でしたが、今は動作します（Chromeを再起動した後）奇妙な...

マジック！ :)

記録のために、これはメサドライバーとのインテル統合グラフィックスに基づいています、それはクラッシュする傾向があるので、クロムはwebglをオフにします。 http://code.google.com/p/chromium/issues/detail?id=76703

シーン内の球体を使用してdemaアプリケーションを試行すると、次のエラーメッセージも表示されます。

WebGLコンテキストの作成中にエラーが発生しました。
Uncaught TypeError：nullのメソッド 'getExtension'を呼び出すことができません

Lubuntu12.10上のChromium22.0.1229.94 Ubuntu 12.10（161065）のこのoccus

ここで同じ問題：

WebGLコンテキストの作成中にエラーが発生しました。
Uncaught TypeError：nullのメソッド 'getExtension'を呼び出すことができません

MacBook4,1 OS X 10.6.8
Chromever。 23.0.1271.64

WebGL Paramtest：
バージョン：WebGL 1.0（OpenGL ES 2.0 Chromium）
SHADING_LANGUAGE_VERSION：WebGL GLSL ES 1.0（OpenGL ES GLSL ES 1.0 Chromium）

記録のためだけに（;

ところで。 アンサーを上に動かせませんか？ 出来ますか？

父の古いデュアルコアラップトップのChromiumPortableで同じ問題が発生しています。 しかし、新しいコンピューターでChromium Portableを実行すると、すべて問題なく、Chromeよりも少なくとも10fps高速になります。

今日も同じエラーが発生しました。 昨日はすべてがスムーズに機能し、コードは何も変更されていません。 Canvas 3Dコンテキストは、何らかの理由で初期化に失敗します。

Intelmesaドライバーと無効化されたChromeGPUブラックリストを備えたUbuntu12.1032ビットを使用しています
Chromeバージョン24.0.1312.69

ブラウザを再起動してみましたか？

1分前にこのエラーが発生しました：

Error: Cannot call method 'getExtension' of null
at initGL (http://.../three.js:24868:34)
at new THREE.WebGLRenderer (http://.../three.js:17693:2)

Chrome（バージョン24.0.1312.57 m）を再起動すると、消えました。 保留中のChromeの更新はありませんでした。 奇妙だが気になる。

OSX10.8.2を実行しています。 私のデモはGoogleChrome（24.0.1312.57）とFirefox（18.0.2）で動作しますが、Safari（6.0.2）では動作しません。 こちらのデモをご覧ください： //www.timseverien.nl/random/seismomap/

PS。 Safariを再起動しても機能しません。

@timseverienどのバージョンのthree.jsを使用していますか？ 他のwebglのものはSafariのインストールで機能しますか？

ねえ、ブラウザを再起動しても私の場合は役に立ちません。

しかし、システム全体を再起動した後、システムは正常に機能し、以前は完全に機能していたように機能します。
ブラウザWebGL->グラフィックスドライバチェーン内のある種の不具合のように見えます。

http://get.webgl.org/で再確認した後の

Chromeのバグのようにも見えますが、今日も再現できました。
http://get.webgl.org/で確認したところ、失敗しました。 くそー...

こんにちは！ 初めてWebGLとThree.jsを使用して、それは素晴らしいと思いますが、ページの最初から例を書くと、 renderer = new THREE.CanvasRenderer();を使用している場合にChromeでのみ機能します。 renderer = new THREE.WebGLRenderer();を使用すると、Firefoxでのみ機能します。 私はUbuntuの両方のエクスプローラーの最後のバージョンでテストを行いました。 グラフィックカードの問題かもしれませんが、念のためここで説明します。

ChromeとChromiumの修正を見つけました。
ロケーションバーchrome：// flagsに入力し、[ソフトウェアレンダリングリストの上書き]を有効にし

動いています!! 最終的に。 Chromeを使用してUbuntuで作業できないのは本当にイライラしたので、どうもありがとうございました:)

ただし、 GPU compositing on all pagesもアクティブにする必要があると思います。他の場合は、一部のページが正しくレンダリングされないためです。 少なくとも私の場合は。

はい、多分それも役立ちます。 GPUレンダリングに関連して見つけることができるほとんどすべてを有効にしました。

https://github.com/mrdoob/three.js/issues/404#issuecomment-13455310と同じエラーが発生し

更新：私にとっては、Chromeで動作するようになりました。 （2014年2月）

まだ再現

@AlexTiTanium Careで詳細を共有しますか？

数週間/数か月前に作業していたアプリで同じ問題が発生しましたが、今日はhttps://github.com/mrdoob/three.js/issues/404#と同じメッセージが表示されました

Chromeフラグで「すべてのページでGPU合成」をアクティブに設定してみましたが、再び機能するようになりました。

10.6.8とChrome33.0.1750.152を実行しているMacBookがあり、これと同じエラーが発生します。 Firefox 28.0でも同様のエラーが報告されています：「エラー：WebGL：使用可能なWebGLコンテキストを取得できません。TypeError：_glがnullです。WebGLコンテキストの作成中にエラーが発生しました。」

興味深い点として、同じバージョンのOSXとChromeを実行している別のMacBook（今回はPro）があり、そこでは正常に動作します（「ソフトウェアレンダリングのオーバーライド」と「GPU合成」が両方で有効になっています）。

@zeepeeareそのマシンでOSXの新しいバージョンに更新する必要があると思います。 それはすべて、古いグラフィックドライバーのためにいくつかの構成をブラックリストに載せるブラウザに関するものです。

大丈夫！ これが問題です。 Chromeはデフォルトでは、Macデバイスでハードウェアアクセラレーションを有効にしません。 あなたはクロム設定に行き、それを有効にする必要があります。 参考のためにchrome：// gpu /もチェックしてください。

「ChromeとChromiumの修正を見つけました。
ロケーションバーchrome：// flagsに入力し、[ソフトウェアレンダリングリストの上書き]を有効にします。 次に、ブラウザを再起動します。 WebGLが機能するようになりました。」-cipri-tom

それは私のために働いた、ありがとう。

Chrome、Ubuntu 15.04

Ubuntu 16.04

これは、JavaとAndroidのSDKをインストールした後、突然発生しました。接続されているとは思いませんが、誰が知っていますか...

@DoisKohの回答で修正されましたが、アプリケーションの速度が