用SpriteBuilder简化"耕牛遍地走"的动画效果(三)

简介:

接下来的代码和原文差不多,建立一个数组用来存放动画帧,然后用数组来初始化一个CCAnimation动画对象.接着将牛放在屏幕中心,然后运行动画:

NSMutableArray *walkAnimFrames = [NSMutableArray array];
    for (int i = 1; i <= 8; i++) {
        spriteFrame = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:
                       [NSString stringWithFormat:@"BearImagesHD/bear%d.png",i]];
        [walkAnimFrames addObject:spriteFrame];
    }

    CCAnimation *walkAnim = [CCAnimation animationWithSpriteFrames:walkAnimFrames
                                                             delay:0.1f];
    CGSize viewSize = [CCDirector sharedDirector].viewSize;
    _bear = [CCSprite spriteWithImageNamed:@"BearImagesHD/bear1.png"];
    _bear.position = ccp(viewSize.width/2,viewSize.height/2);
    CCActionAnimate *animate = [CCActionAnimate actionWithAnimation:walkAnim];
    _walkAction = [CCActionRepeatForever actionWithAction:animate];
    [_bear runAction:_walkAction];
    [sheet addChild:_bear];

如果切正常,你将看到一头原地溜达的耕牛:

这里写图片描述

这还不是指哪走哪的牛牛,不是我们所要的耕牛遍地走的状态,下一篇我们再来完善 ;)

相关文章
|
前端开发 JavaScript 开发者
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
375 2
|
3月前
|
移动开发 前端开发 JavaScript
2D物理引擎 Box2D for javascript Games -- 番外篇-- (为游戏添加皮肤)
2D物理引擎 Box2D for javascript Games -- 番外篇-- (为游戏添加皮肤)
|
4月前
|
前端开发
前端 CSS 经典:mix-blend-mode 属性
前端 CSS 经典:mix-blend-mode 属性
32 0
|
4月前
|
前端开发 JavaScript
前端 CSS 经典:3D Hover Effect 效果
前端 CSS 经典:3D Hover Effect 效果
50 0
|
编解码 iOS开发 MacOS
Alien Skin Exposure2023调色滤镜插件RAW后期处理工具
Exposure2023是一款专为摄影艺术设计的图像编辑器。新的 Exposure2023结合了专业级的照片调整、庞大的华丽照片库和令人愉悦的高效设计。可以提供最大,最准确的电影外观选择。Exposure的创意外观不仅限于电影模拟,从干净优雅的现代风格到引人注目的色彩变化。您可以自定义Exposure的每个内置外观,然后将其另存为能够表达自己风格的独特外观。只需单击一下,即可重复使用自定义的预设,以在所有工作中获得一致的外观。
144 0
|
前端开发 容器
利用transition属性实现一个简单小巧的hover效果
原理 定位一个 初始width为0的em元素,hover的时候再将 width设置为容器的width. 再利用transiton对width变化的过程设置过度效果
136 0
利用transition属性实现一个简单小巧的hover效果
|
Web App开发 前端开发
Chrome操作指南——入门篇(十二)color picker(颜色选择器)
Chrome操作指南——入门篇(十二)color picker(颜色选择器)
1223 0
Chrome操作指南——入门篇(十二)color picker(颜色选择器)
|
前端开发
CSS 奇思妙想 | Single Div 绘图技巧
CSS 奇思妙想 | Single Div 绘图技巧
131 0
CSS 奇思妙想 | Single Div 绘图技巧
|
前端开发 JavaScript
‘纯css实现Material Design中的水滴动画按钮’的js体验优化
‘纯css实现Material Design中的水滴动画按钮’的js体验优化
‘纯css实现Material Design中的水滴动画按钮’的js体验优化
|
C#
用 Expression Blend 创建酷炫的 Button
原文:用 Expression Blend 创建酷炫的 Button 原文:Creating “Cool” Buttons with Expression Blend Author: Alex 在本文中,我们将考虑在Expression Blend用几种方法来创建酷炫的凝胶状按钮。
1138 0