找不到在create-js中运行的动画，没有列出错误

Question

我正在使用原型创建js中的精灵表动画。当我独自完成它的工作正常但是当我在项目中集成它时动画是不可见的并且控制台中没有列出错误。请向小提琴人了解我的问题。here is the js fiddle link fiddle link

当我单独运行此代码时，其工作正常。但是当在我的项目中实现时，动画不可见。并且控制台中没有显示错误。

[downpot] [2] [POT1] [3]

[POT2] [4]

Answer 1

这是一个修改过的小提琴。 https://jsfiddle.net/lannymcnie/t4a2cdbc/

我的更改：

• 我使用单个容器，这使得整个动画集更容易移动。这称为this.container，并且所有孩子都被添加到其中。这将删除所有＆＃34; lc＆＃34;容器。
• 我将动画重命名为lc1，lc2和lc3。它们作为变量存储在PotChips实例中以便于参考。它们被添加到同一个容器中。
• 创建实例时，我使用局部变量＆＃34; lc＆＃34;，它只在本地函数中使用：var lc = this.lc1 = new ...etc
• 我通过this作为lc.on()方法的第3个参数，该方法调用PotChips实例范围内的方法。这意味着您可以使用this来引用任何实例的属性。
• 我删除了冗余的Ticker侦听器。你只需要一个，现在在构造函数中。
• 我摆脱了＆＃34; run＆＃34; SpriteSheet的第二个参数。这是第一个动画/帧＆＃34;争论，原来＆＃34;授权运行＆＃34; SpriteSheet演示使用。相反，我立即致电lc.gotoAndPlay(0)。你应该可以使用框架名称，但由于某种原因它们不起作用 - 我将进一步研究。
• 我摆脱了lc实例上的所有x / y参数。您可能希望使用正确的值重新添加它们。
• 我将spritesheet图像更改为使用HTTPS以避免控制台错误

这并不完美（前两部动画似乎不会在合适的时间被移除），但它应该是一个良好的开端，并向您展示如何解决其中一些问题。

希望有所帮助！