Question

我正在尝试使用iOS上的动画制作的小游戏的不同外观。

我的目标是拥有一个基于游戏玩法的图块网格，将每个图块的显示更改为一组图像中的一个。我希望每张瓷砖（最多24x24）在其面部变化时翻转。随着游戏的进行，越来越多的瓷砖需要同时翻转。在我试图同时翻转它们的第一个实现中，动画变得非常生涩。

我改变了我的方法，不是一次全部翻转，而是一次只翻几个，通过为每个图块安排动画，每个图块的延迟略有增加，这样当第10个图块开始动画时，第一个一个已经完成了。整个过程需要更长的时间才能完成，但也会产生良好的视觉效果。

Screen shot from the simulator

然而，仍然存在一个问题：在游戏开始时，当玩家选择新颜色时，在动画开始之前，设备需要几分之一秒。随着游戏的进行，这种情况会变得更糟，每次移动需要安排更多的翻转，直到动画似乎挂起，然后几乎立即完成，而其间没有任何帧可以实际辨别。

这是触发相关切片翻转的代码（在我的UIView游戏网格子类中）。（我删除了一个跳过磁贴的优化，因为它只在游戏的早期阶段很重要。）

float delay = 0.0f;
for (NSUInteger row=0; row<numRows; row++) {
    for (NSUInteger col=0; col<numCols; col++) {
        delay += 0.03f;
        [self updateFlippingImageAtRow:row col:col delay:delay animated:YES];
    }
}

游戏网格视图包含NSArray个图块子视图，使用上面循环中的row和col变量进行处理。

updateFlippingImageAtRow:col:delay:animated是我的FlippingImageView（也是UIView的子类）中的一种方法，归结为此（省略游戏逻辑）：

-(void)animateToShow:(UIImage*)image 
            duration:(NSTimeInterval)time 
               delay:(float)delay 
          completion:(void (^)(BOOL finished))completion 
{
    [UIView animateWithDuration:time
                          delay:delay
                        options:UIViewAnimationOptionTransitionFlipFromLeft 
                     animations:^{
                         [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft
                                                forView:self
                                                  cache:YES];
                         self.frontImage = image;
                     }
                     completion:completion
    ];
}

工作正常，但是，我从仪器测量结果中得出结论告诉我，我的时间花在动画块上，随着游戏的进行和翻转的瓷砖数量上升，获得的动画数量在操作开始时安排的是一个问题，然后系统会尝试通过丢帧来赶上。

Instruments screen shot of a few flip operations

有任何建议如何提高性能？动画的确切时间并不重要。

Answer 1

您可以考虑使用CoreAnimation和CALayers而不是UIViews来执行此操作。它具有更强大的功能和优化的框架。

这不是一件容易的事，你必须至少重新编写一些类（查看层次结构和命中测试是我脑子里想到的第一件事），但它值得一试，这是一个相当轻松的过程，因为CALayer与UIView非常相似。

下一步是OpenGL。它绝对可以实时操作数百个对象，但还需要做更多的工作。

Answer 2

您可能想尝试使用CoreAnimation。翻转动画的一种方法是：

创建一个CABasicAnimation，动画翻转的前半部分（沿y轴旋转）。
在delegate method animationDidStop:finished:中设置新图像，然后创建一个新动画，动画下半部分。
您只需将动画应用于视图的layer属性即可。
请注意，您可以使用setValue:forKey:来“注释”动画（记住动画的对象）。当您向图层添加动画时，它会被复制而不是保留，因此您无法通过简单地比较指针值来识别它。

如何使用许多子视图保持iOS动画流畅

2 个答案: