AFrame指定WebGL版本

Question

AFrame 1.1.0使用的是THREE.js 123，默认情况下现在使用WebGL2。

一些AFrame组件还没有使用WebGL2。如果我们可以将AFrame与WebGL1结合使用，那就太好了。THREE.js仍然支持WebGL1呈现。

Answer 1

根据AFrame的维护者，目前1.1.0是不可能做到这一点的。

​

​

AFrame在a-scene.js setupCanvas()中创建自己的画布，因此不能在已经设置了webgl1上下文的情况下传入画布。

最后，我们为我们自己版本的AFrame做了一个补丁。您可以在这里看到指定是否使用WebGL2与WebGL1使用renderer系统的逻辑。

https://github.com/8thwall/8frame/commit/533c4304f20153834a85f60a19e161e61ce71ec6

即使是修补程序，webgl1仍然存在关于着色器GLSL兼容性的问题。

Answer 2

在创建呈现器时，可以将传递您自己的画布和上下文转换为构造函数，而不是让引擎创建自己的。因此，您可以简单地从其中获取<canvas> HTMLElement，请求WebGL1上下文，并在初始化呈现程序时使用它们：

var myCanvas = document.getElementById('myCanvas');
var gl = canvas.getContext('webgl');

var renderer = new WebGLRenderer({
    canvas: myCanvas,
    context: gl
});