将 webgl2 与 PIXI 一起使用

【问题标题】：Using webgl2 with PIXI将 webgl2 与 PIXI 一起使用
【发布时间】：2019-05-25 04:44:41
【问题描述】：

我正在尝试初始化 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' }，结果相同。

【问题讨论】：

默认使用WebGL 2。

标签： javascript pixi.js

【解决方案1】：

您使用的是哪个版本的 Pixi？ Pixi 5 默认使用 webgl，您必须从 pixi.js-legacy 导入才能获得 canvas-backed Renderer。

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

来源：Pixi 5 Migration guide

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

【讨论】：