Three.jsでwebglコンテキストが失われたイベントを処理するには

Question

Three.jsで失われたコンテキストイベントを処理したいと思います。そのhereについて素敵なドキュメントがありますが、残念ながら私がrenderer.domElementにそれを適用すると動作しません。私はクリックしてコンテキストを失うことを試み、loseContext()の変数は未定義です。

Three.jsの構造が異なると思います。どんな専門家？

Answer 1

レンダラが初期化されたことについて、レンダラを保存した変数の名前が「レンダラ」であると仮定して、このようなことができるはずです。

renderer.context.canvas.addEventListener("webglcontextlost", function(event) { 
    event.preventDefault(); 
    // animationID would have been set by your call to requestAnimationFrame 
    cancelAnimationFrame(animationID); 
}, false); 

renderer.context.canvas.addEventListener("webglcontextrestored", function(event) { 
    // Do something 
}, false); 

BTW-loseContextはThree.JSによって定義されておらず、この時点では標準的な方法ではありません。次のようにしてシミュレーションすることができます。

ロードこのスクリプトを、あなたのレンダラを開始した後Three.JS

https://github.com/vorg/webgl-debug

が次にあなたがキャンバスにloseContextをフックすることができます前に。

renderer.context.canvas = WebGLDebugUtils.makeLostContextSimulatingCanvas(renderer.context.canvas); 

loseContextをトリガーするには、これを行います。

renderer.context.canvas.loseContext(); 

また、これを行うことで、設定した回数の呼び出し後に失敗することもあります。

renderer.context.canvas.loseContextInNCalls(5);