iOS自制火柴人动画CC_Sprite程序员自己做动画

2022-09-22 11:24:52

CC_Sprite 面向的主要用户群体

CC_Sprite 主要面向：

没有ps、美术基础又想做小动画、小游戏的iOS开发。
你不想学习ps或其他动画软件，也不想安装其他软件，你只想做一个单纯的、天真的iOS开发。
你能接受虽然没有商业级的动画那么强大，但能表现一些常规动作的火柴人动画。（如果你足够耐心，将各个模块细节拆分配上不同配色，也是可以做出精致的矢量动画的）
那么你可以尝试使用一下简单的 CC_Sprite

示例

通过示例简单看一下精灵的动作效果：
我们可以看下一些我做的精灵模型（等后面有空，我会自己设计一个比较细节的英雄模型来看它能达到的效果），这些开放出来可以随意使用，也可以在此基础上修改。一起共享你制作的精灵吧：

以上效果用到的代码为：

CC_Sprite *sp1=[[CC_Sprite alloc]initOn:self.view withFilePath:fileName scaleSize:0.4 speedRate:1];//初始化
[sp1 updatePosition:CGPointMake(self.view.center.x-100, self.view.center.y)];//调整位置
[sp1 updateColors:@{@"arm":[UIColor yellowColor]}];//更新部位颜色
[sp1 playAction:@"atk" times:1 block:^(NSString * _Nonnull state, CC_Sprite * _Nonnull sprite) {

}];//播放动作

使用

安装工具库

Podfile

To integrate bench_ios into your Xcode project using CocoaPods, specify it in your Podfile:

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'

target 'TargetName' do
pod 'bench_ios'
end

Then, run the following command:

$ pod install

========
精灵文件还没有制作库，可以拷贝以下文件到目录中：
https://github.com/gwh111/bench_ios_packages

如果使用 CC_Sprite 需要文件：

CC_Sprite.h、CC_Sprite.m
CC_SpriteItem.h、CC_SpriteItem.m

如果制作 CC_Sprite 模型，需要文件：

CC_SpriteMakerVC.h、CC_SpriteMakerVC.m
CC_SpriteMaker.h、CC_SpriteMaker.m
CC_SpriteBaseView.h、CC_SpriteBaseView.m

如果测试 CC_Sprite 模型完整效果，可以使用：

CC_SpriteTestVC.h、CC_SpriteTestVC.m

优势

相比于传统逐帧动画、原生动画API有以下优势：

最小的体积：传统的动画需要提供每一帧图片。而 CC_Sprite 动画只保存骨骼的动画数据，它所占用的空间非常小，只需一个json文件，无需任何图片资源。
美术需求：CC_Sprite 无需任何图片资源所以任何程序员可以独立完成整个动画，无需ps、美术软件基础。
流畅性：CC_Sprite 动画使用差值算法计算中间帧，这能让你的动画总是保持流畅的效果。
复用：一套动作可以复用置另一个精灵，一个精灵每个模块都可替换（如武器的替换）。
可视化：SpriteKit等iOS原生动画只有编译后才可看到效果，开发完全凭空想象，CC_Sprite 对每一关键帧可以即时预览。
软件成本：几乎为0，无需安装和学习任何其他软件，直接在原生iOS模拟器创建精灵

码农公寓