使用节点的 WebGL 上下文

Question

我正在构建一个 Node 应用程序，我有一个 Three.js 动画运行很好。现在我想编写一个脚本来检测是否有 webGLcontext，但我不知道从哪里或如何获取我的 canvas 的上下文。

这是我尝试做的事情：

window.addEventListener("load", () => {

  let paragraph = document.getElementById("verifWebGL");
  let canvas = document.getElementById("renderCanvas");
  let glG = window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ));

  if (glG) {
    paragraph.textContent = "Ça se passe juste en dessous.";
    lancer = true;
  }
  else {
    paragraph.textContent = "Vous ne pourrez pas lancer de dé avec ce navigateur."
    +" Veuillez reesayer avec Google Chrome ou Mozilla Firefox.";
    lancer = false;
  }
}

但是这是行不通的。我试着只使用 canvas，但它也不起作用。我知道我有上下文，因为动画是运行。但在 chrome 范围内，'glG' 仍然为空。有什么想法吗？

Answer 1

您可以像这样获取渲染器的 WebGL 上下文：

const context = renderer.getContext();

使用节点的 WebGL 上下文

WebGL context using node

webgl

three.js