Question

我正在使用画架来控制我的CANVAS。而我正在尝试通过更改图像来制作动画，但不使用spritesheet。但每当图像发生变化时，都会出现时滞（如眨眼）...... 如何在不使用spritesheet的情况下删除闪烁？

Answer 1

我的猜测（直到你提供代码）是在这个间隙期间加载图像，这就是你看到闪烁的原因，这是因为你正在将图像加载到同一个容器中（意思是加载/显示图像的位置。）

解决方法是使用2个容器，一个容器在另一个容器的顶部;你加载了第一个图像，当你加载下一个图像时，你在第二个图像上设置一个完整的事件，当第二个图像加载时，你删除第一个图像。

最后，您必须创建一个类来管理图像及其事件，这是因为如果您正在尝试即创建图像旋转器，则必须将加载到顶部的底部图像交换为平滑图像转换，和/或添加alpha补间。

这是一个非常简单的概述：

Container
    topImage
    bottomImage

this.addChild(topImage)
this.addChild(bottomImage)

bottomImage.on("complete", function(){
    //add effect to top image (fade out)
    //load image into top image
    //fadein effect
})

topImage.on("complete", function(){
    //first time you have to add an fade in
    //but you can remove the event after that
})

this.load = function(path){
    bottomImage.load(path)
}

更新时画架闪烁

1 个答案: