easeljs Movieclip

Question

我对画架js很陌生。当我们使用adobe cc将flash/AS3项目转换为HTML5Canvas项目时，动画和Movieclip将成为easeljs Movieclip。但是在画报中我们可以用雪碧来显示动画。但是使用电影很容易，因为flash会产生它。

我的问题是，在性能方面，使用easeljs Sprite而不是easeljs Movieclip是否有什么好处？

Answer 1

雪碧和MovieClip在EaselJS上完全不同。

• 在Flash中，MovieClips扩展了雪碧，因此它们具有类似的功能。
• 在EaselJS中，Sprite显示SpriteSheet的帧，MovieClip是内容容器，它理解框架的概念，包括时间线和帧操作。

MovieClips通常只与Flash输出一起使用，尽管您可以手动制作它们。理想情况下，Flash也可以导出Sprite和SpriteSheets，但由于Flash时间轴动画的性质，很难确定何时以及如何导出Sprites/SpriteSheets与MovieClips。

严格地说，雪碧应该表现得更好，因为它们对所有帧都使用一个(或几个)位图，从而获得GPU的好处。当GPU切换纹理时，多个大的图像(发生在不同的sprites上，或者仅仅是具有多个大帧跨图像的单个sprites )实际上会导致性能问题。

还有一个可以引用的SpriteSheetBuilder 班级 (和示例)，它接受Flash输出，并生成一个运行时SpriteSheet，通过Flash的复杂矢量/图像输出，给您提供了雪碧的性能优势。

希望这能让事情有所好转。