THREE.js
パッケージを使用するJavaScriptを持っています。いくつかの変更を加え、エラーを確認し、行ったすべての変更を元に戻しました。
ただし、次のエラーが残りました。
エラー:WebGL:このプリンシパルの16のライブWebGLコンテキストを超え、最も最近使用されていないものを失います。
グーグル検索では有用なものは見つかりませんでした(16ヒット!)。
誰が何が起こっているのか知っていますか?たぶん、このエラーはスクリプトとは関係ありませんが、ブラウザ自体とは関係ありませんか?
私の場合、解決策はブラウザウィンドウを閉じ、新しいウィンドウを開いてプロジェクトをリロードするだけでした。このエラーは、同じウィンドウにプロジェクトを16回以上再ロードした後にのみ表示されます。
FireFox(55)でこのエラーが発生しています。これは、私が取り組んでいる多くの小規模なテストプロジェクトで発生しています。
私が見つけた唯一の解決策は、FireFoxを閉じて再度開くことです。これにより、ページの更新時に何かがクリアされないと信じるようになります。また、ブラウザを一晩開いたままにすると、翌日PCを再起動するまでパフォーマンスが非常に低下する可能性があることに気付きました。 WebGLを扱う場合、Threejsの問題かFireFox(55)の問題のいずれかでしょう。
私は仕事をしながら調査を続けます。
Chromium、16で利用可能なWebGLコンテキストインスタンスの数は決まっています: https://code.google.com/p/chromium/issues/detail?id=226868
同時に17以上のタブを開くか、16 * 1024 * 1024を超えるピクセル解像度を組み合わせた1つまたはコンテキストを使用することができます。