Three.js 使用节点的WebGL上下文
我正在构建一个节点应用程序,我有一个3.js动画运行良好。 现在我想编写一个脚本来检测是否存在webGLcontext,但我不知道从哪里或如何获取画布的上下文 以下是我试图做的:Three.js 使用节点的WebGL上下文,three.js,webgl,Three.js,Webgl,我正在构建一个节点应用程序,我有一个3.js动画运行良好。 现在我想编写一个脚本来检测是否存在webGLcontext,但我不知道从哪里或如何获取画布的上下文 以下是我试图做的: window.addEventListener("load", () => { let paragraph = document.getElementById("verifWebGL"); let canvas = document.getElementById(
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;
}
}
但这是行不通的。
我尝试只使用画布,但也不起作用。
我知道我有一个上下文,因为动画正在运行。
但在chrome范围内,“glG”仍然为空。
有什么想法吗?您可以这样获得渲染器的WebGL上下文:
const context=renderer.getContext();