基于图像的 iPhone 应用程序的最佳设计是什么？

Question

我希望能提供一些关于 iphone 游戏设计的建议。我想在它上面显示一些背景图像和其他图像（建筑物、人物等）。背景将很大（最多为屏幕大小的 10 倍），因此一次只会显示一部分背景文件。这个想法是当角色接近屏幕边界时替换这块。我需要将此背景转换为平滑动画。另外，我需要一个放大/缩小功能，最好是动画。屏幕上的某些图像将是静态的（建筑物），而有些则需要一些动画（角色行走）。

什么是最好的设计：

1. 结合使用 Core Graphics “精灵”类 - 显示 精灵的 UIImage 与 CGContextDrawImage
2. 使用 UIKit - 创建 UIImageview 来保存每个 图像并将它们作为子视图添加到 单视图应用程序
3. 使用 OpenGL ES 项目

选项 1) 结果非常缓慢。似乎 CoreGraphics 并不意味着在游戏循环中显示图像。但也许有办法让它有效？也许以某种方式将它与核心动画结合起来？

选项 2) 是我目前的选择。我希望视图能够缓存它所持有的图像，从而比 CG 更有效。但是 UIImageview 提供的动画会令人满意吗？我认为不应一次添加所有视图，而应在背景移动时动态创建和添加（删除？）。这是个好主意吗？

选项 3) 可能会提供对图像的最佳控制，但这似乎是一个相当大的开销。我只需要显示图像，而不是矢量图形。另外，我是 Mac 编程的新手，我不想陷入一些复杂的技术。

感谢任何建议，谢谢:)

Answer 1

我强烈推荐Cocos2D，因为我已经完成了自己的development here on my blog. 这真的很容易做到。我关注Ray Wenderlich's tutorials，他提供了很好的工具来完成你所描述的一切。

Answer 2

您问“背景将很大（最多为屏幕大小的 10 倍），因此一次只会显示一部分背景文件。”

平铺图像系统非常强大且性能快速。如果您使用谷歌地图，您将看到平铺图像的示例。滚动到一个新的区域并出现块。在本地应用程序中，您可以将 10 倍于屏幕大小的图像切割成 100 像素 x 100 像素的图块，每个屏幕只会加载显示的图块。当用户移动时，仅加载所需的图块。这可以节省内存并显着提高速度。这是表格可以飞行的基本原因，仅加载一个屏幕的单元格，因为滚动离开屏幕，它的内存被重用于下一个单元格。

Answer 3

如果选项 2 的性能足以满足您的需求，我会坚持使用它 - 它与您在 iPhone 上使用的系统一样简单，并且适用于非常简单的图形。可能会为您带来一点速度的相关选项是使用 CALayers 来实现图形。 CALayers 几乎同样易于使用，但比 UIViews 更轻量级（在某些方面，您可以将 UIViews 视为 CALayers 的包装器，并增加了管理触摸事件等事情的开销）

如果您有兴趣，我会阅读 Core Animation Programming Guide（我会提供链接，但我认为我的声誉太低，但 Google 应该会为您追踪）。 Core Animation 是一个很大的主题，可能非常令人生畏，但如果你只使用图层（即不是它的动画部分），它还不错。下面是一个简单的示例，可让您了解使用层的情况：

// NOTE: I haven't compiled this code so it may have typos/errors I haven't noticed

UIView* canvasView; // the view that will be the "canvas" for your game
... // initialize the canvas, etc.

CALayer* imageLayer = [CALayer layer];
UIImage* image = [UIImage imageNamed: @"MyImage.png"];
imageLayer.content = (id)image.CGImage;
imageLayer.bounds = CGRectMake(0, 0, image.size.width, image.size.height);
imageLayer.position = CGPointMake(100, 100); // NOTE: Unlike UIViews CALayers have their origin at the center
[canvasView.layer addSublayer:imageLayer];

所以基本上它看起来很像处理视图，但增加了一些性能（偶尔会让人头疼）。

附： - 要记住的一件事是，如果您对可动画的图层属性（例如位置、不透明度等）进行更改，Core Animation 将隐式为其设置动画（例如，如果您编写 imageLayer.position = somePoint; 图层动画为这个位置而不是立即设置它的位置。有一些简单的方法可以解决这个问题，但这是另一个问题/答案的主题。