首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不能使用pixijs和pixi动画添加子阶段。

不能使用pixijs和pixi动画添加子阶段。
EN

Stack Overflow用户
提问于 2018-06-23 14:18:37
回答 1查看 312关注 0票数 0

我使用PixiJs4.4.2和Pixi-动画来加载Adobe动画生成的各个阶段。在我的项目中,

我已经将我的项目划分为组件,并为每个组件生成代码。现在想把它们合并成一个项目。我成功地加载了一个组件作为主要阶段,但不能作为子级加载其他组件。

这是我的代码,在这里我加载了我的主要阶段:

代码语言:javascript
运行
复制
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)

在上面的代码中,我成功地添加了瀑布阶段,但是在那个阶段上,我想呈现我的子阶段,但不能在瀑布阶段呈现。

我怎样才能增加儿童阶段?

EN

回答 1

Stack Overflow用户

发布于 2019-02-13 13:13:02

一种方法是将项目发布到同一个文件夹,在发布设置中为它们提供不同的名称和命名空间.(对不起,我不能发布图片,代表不够!)

然后,...and通过使用一个场景组合它们,但是为每个导出的js文件调用load。

代码语言:javascript
运行
复制
<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动画的加载函数(在ES6中表示简洁):

代码语言:javascript
运行
复制
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);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51002049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档