Pixi.js 无法使用pixijs和pixi动画添加子舞台

Pixi.js 无法使用pixijs和pixi动画添加子舞台,pixi.js,adobe-animate,Pixi.js,Adobe Animate,我正在使用PixiJs 4.4.2和Pixi animate加载Adobe animate生成的阶段。在我的项目中 我已将我的项目划分为多个组件,并为每个组件生成adobe stage pixijs代码。现在,我想将它们合并到一个项目中。我已成功加载一个组件作为主阶段,但无法加载其他组件作为子阶段 这是我的代码,我在其中加载了我的主阶段: var waterfall = lib.Waterfall_PixiAnimate; var bear = lib.reference_BearLevel_P

我正在使用PixiJs 4.4.2和Pixi animate加载Adobe animate生成的阶段。在我的项目中

我已将我的项目划分为多个组件,并为每个组件生成adobe stage pixijs代码。现在,我想将它们合并到一个项目中。我已成功加载一个组件作为主阶段,但无法加载其他组件作为子阶段

这是我的代码,我在其中加载了我的主阶段:

var waterfall = lib.Waterfall_PixiAnimate;
var bear = lib.reference_BearLevel_PixiAnimate;

var salmon = new PIXI.animate.Scene(3840, 2160, {}, true)
document.body.appendChild(salmon.view);
salmon.load(waterfall)
在上面的代码中,我成功地添加了瀑布阶段,但在该阶段,我想渲染我的孩子阶段,但无法在瀑布阶段渲染


如何添加子阶段?

一种方法是将项目发布到同一文件夹,在发布设置中为它们提供不同的阶段名称和名称空间。。。。(很抱歉,我无法发布图像,没有足够的代表!)

…然后通过使用一个场景合并它们,但为每个导出的js文件调用load

<canvas id="stage" width="550" height="400"></canvas>
<script src="libs/pixi.js"></script>
<script src="libs/pixi-animate.js"></script>
<script src="square.js"></script>
<script src="circle.js"></script>
<script>
    var scene = new PIXI.animate.Scene(550, 400, {
        view: document.getElementById("stage"),
        backgroundColor: 0xffffff,
        antialias: true
    });
    scene.load(lib1.circle);
    scene.load(lib2.square);
</script>
import { Application } from 'pixi.js';
import { load } from 'pixi-animate';

const square = require('./square'),
 circle = require('./circle'),
 app = new Application();

document.body.appendChild(app.view); 

load(square.stage, app.stage);
load(circle.stage, app.stage);