在PIXI中使用webgl2

Question

我正在尝试初始化PIXI以使用webgl2上下文，但是我找不到关于此主题的大量文档。根据我的发现，我创建了：

import * as PIXI from 'pixi.js';

export default class App {
    constructor() {
        this.renderer = new PIXI.Renderer({ context: 'webgl2' });
    }
}

但这会引发以下错误：

gl.getContextAttributes is not a function

我还尝试使用{ context: 'experimental-webgl' }获得相同的结果。

Answer 1

您使用的是哪个版本的Pixi？ Pixi 5默认使用webgl，并且必须从pixi.js-legacy导入才能获得画布支持的渲染器。

  

由于WebGL和WebGL2现在是一流的，因此我们删除了   来自默认pixi.js包的基于画布的后备。如果你需要   CanvasRenderer，您应该改用pixi.js-legacy。

来源：Pixi 5 Migration guide

此外，PIXI.Renderer()的context参数不是字符串，而是对象。我相信您只有在要重用现有上下文时才使用它。