0

我正在使用 PixiJs 4.4.2 和 Pixi-animate 加载由 Adob​​e animate 生成的阶段。在我的项目中，

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

这是我的代码，我在其中加载了我的主要阶段：

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)

在上面的代码中，我已经成功添加了瀑布舞台，但是在那个舞台上，我想渲染我的孩子舞台熊，但不能在瀑布舞台上渲染。

如何添加子阶段？

4

1 回答 1

0

一种方法是将您的项目发布到同一个文件夹，在发布设置中为它们提供不同的阶段名称和命名空间......（对不起，我无法发布图像，没有足够的代表！）

...然后使用一个场景组合它们，但为每个导出的 js 文件调用加载。

<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>

或者，如果您已经拥有自己的 pixi 应用程序或舞台，您可以绕过场景并单独使用 pixi-animate加载功能（为简洁起见，在 ES6 中）：

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);
于 2019-02-13T13:13:02.787 回答