pixijs中的多个画布

Multiple canvas in pixijs

本文关键字：pixijs      更新时间：2023-09-26

我不想使用多个画布，我们如何与pixijs多个画布一起工作?

类似于http://jsbin.com/judagah/edit?html,js,output

这里我使用两个画布，但我想用pixijs替换一个。

Pixi.js使用多个容器的概念。我建议用多个容器创建一个渲染器。你可以这样做:

var renderer = PIXI.autoDetectRenderer(400, 300, {antialias: false, transparent: false, resolution: 1, view: document.getElementById("renderer")});
var mainContainer = new PIXI.Container();
var container1 = new PIXI.Container();
var graphics = new PIXI.Graphics();

然后将容器添加到您的主舞台:

mainContainer.addChild(container1);
mainContainer.addChild(container2);

我已经做了一个完整的工作小提琴，可以在这里找到:https://jsfiddle.net/esa95wwp/

相关文章：