SpriteBuilder 学习笔记四

Chapter 5

Timelines & Triggers

SpriteBuilder的一个主要特性就是可以用关键帧创建Timeline动画。甚至可以通过提供合适的碰撞属性让静态physics body也能产生动画效果。这一章会通过使用CCBAnimationManager类创建动画效果,也会创建一个可复用的trigger node,你可以把这个trigger node放在level中,这个trigger可以让你做到当player进入trigger区域时,运行相应的代码----比如播放目标node的动画效果。

What Are Timelines and Keyframes?

1. Timeline Controls:这些控制选项让你可以重置,快速向前,向后,停止,和播放动画效果。最右边的按钮用于在播放中重置播放循环,但是在game中没有影响。

2. Timeline List:一个CCB文件可以包含多个timelines。通过下拉菜单,可以添加,移除,复制和重命名timeline,图中选择当前编辑的是“default timeline”。

3.Timeline Chain:这个控制项允许你具体设定Timeline当当前timeline播放结束后是否应该被播放。如果被设置为No chained timeline,那么Timeline仅仅会被播放一次。为了在游戏中循环一个Timeline,可以在下拉菜单中设置Timeline为当前正在编辑的。为了循环图中的Timeline,应该把这一项改成Default Timeline。

4.Timeline Scale:这个控制规模。

5.Timeline Cursor:这个显示当前动画的时间点。

6.Keyframes:这些长方形代表关键帧。可以向左右拖动它们,改变它们的位置。两个长方形之间的时关键帧段,可以右击它们改变宽松模式(easing mode)。

下图是可以有动画效果属性的表。注意在所有nodes中不是所有属性都可以有动画效果。是否可以有动画效果首先是看node的类型和node是否是CCB文件的root node。Root node根本不能有动画效果,除非是Sprite CCB文件,你可以至少对颜色,透明度,和Sprite属性进行动画。

Using the Timeline Editor

在Tileless Editor view中,拖动一个doughnut图片到Level.ccb的CCPhysicsNode中。可以把它作为player进入这一level的地点。

在Timeline中选中doughnut图片。现在可以开始添加关键帧,来创建Timeline动画。首先改变Timeline持续时间从默认的10秒到6秒。

你也许会好奇Frames框表示什么。SpriteBuilder播放动画是以每秒30帧的速率。所以如果什么时候你需要一个Timeline的持续时间小于1秒,或者一秒半的时候,就必须编辑Frames框了。可选的值是0到29.比如,如果你需要持续时间为1.5秒,那么必须在Secs框中输入1,在Frames框中输入15.

确保动画的整个持续时间在Timeline中是可见的。使用Timeline Scale滑块确保6秒的动画在时间轴上都是可见的。

Adding Keyframes

确保选择了正确的node,并且Timeline Cursor也在正确的位置,现在可以添加关键帧了。一个方法是通过菜单Animations->Insert Keyframes,然后选择合适的关键帧类型,比如,Position或者Scale。但是最好使用快捷键完成操作。

在Cursor开始处,按下S。

现在,移动Cursor到3-seconds处,按下S。

在6秒处按下S。

注意到,这两个关键帧现在用红色的水平线连接在一起了。

Caution:如果你试图使开启了physics模式的node的Scale属性进行动画效果,那会引发一个异常。问题在于one naturally assumes the physics shape would scale along with the node ,but it does not.

Editing  Animation Settings

那么动画效果如何决定哪些值应该被插入呢?到目前为止还没有任何效果。这里的关键是关键帧允许你编辑给定的属性,在给定的时间点。现在,Scale属性被设置成1,1。

确保doughnut仍然被选中,切换到属性选项卡。在3s处的关键帧的Scale属性的X和Y轴上改变值,均为1.3。

Looping Animations...Wheeeee!

为了确保在game中动画的循环,

时间: 2024-10-09 21:44:47

SpriteBuilder 学习笔记四的相关文章

Caliburn.Micro学习笔记(四)----IHandle<T>实现多语言功能

Caliburn.Micro学习笔记(四)----IHandle<T>实现多语言功能 说一下IHandle<T>实现多语言功能 因为Caliburn.Micro是基于MvvM的UI与codebehind分离, binding可以是双向的所以我们想动态的实现多语言切换很是方便今天我做一个小demo给大家提供一个思路 先看一下效果 点击英文  变成英文状态点chinese就会变成中文                          源码的下载地址在文章的最下边 多语言用的是资源文件建

代码管理工具 --- git的学习笔记四《重新整理git(1)》

1.创建版本库 mkdir  创建目录 cd  地址,到该地址下 pwd 显示当前目录 1.创建目录 $ mkdir startGit $ cd startGit $ pwd 显示当前目录 或者cd到桌面,然后再创建目录 2.初始化版本库 $ git init 初始化仓库 提示信息:Initialized empty Git repository in /Users/xingzai/Desktop/startGit/.git/ 建立一个空的git仓库在/Users/xingzai/Desktop

Linux学习笔记四:Linux的文件搜索命令

1.文件搜索命令  which 语法:which [命令名称] 范例:$which ls  列出ls命令所在目录 [[email protected] ~]$ which ls alias ls='ls --color=auto' /bin/ls 另外一个命令:whereis [名称名称],也可以列出命令所在目录. [[email protected] ~]$ whereis ls ls: /bin/ls /usr/share/man/man1/ls.1.gz /usr/share/man/ma

小猪的数据结构学习笔记(四)

小猪的数据结构学习笔记(四) 线性表之静态链表 --转载请注明出处:coder-pig 本章引言: 在二,三中中我们分别学习了顺序表中的线性表与单链表,线性表有点类似于 我们前面所学的数组,而单链表使用的最多的是指针,这里问个简单的问题, 如果是在以前没有指针的话,前辈先人们怎么实现单链表呢?大家思考下! 没有指针,那么用什么来代替呢?前辈先人们非常机智,想出了使用下标+游标的方式 来实现单链表的效果!也就是今天要讲的--静态链表! 当然你也可以直接跳过本章,因为有了单链表就没有必要用静态链表了

Swift学习笔记四:数组和字典

最近一个月都在专心做unity3d的斗地主游戏,从早到晚,最后总算是搞出来了,其中的心酸只有自己知道.最近才有功夫闲下来,还是学习学习之前的老本行--asp.net,现在用.net做项目流行MVC,而不是之前的三层,既然技术在更新,只能不断学习,以适应新的技术潮流! 创建MVC工程 1.打开Visual studio2012,新建MVC4工程 2.选择工程属性,创建MVC工程 3.生成工程的目录 App_Start:启动文件的配置信息,包括很重要的RouteConfig路由注册信息 Conten

NLTK学习笔记(四):自然语言处理的一些算法研究

自然语言处理中算法设计有两大部分:分而治之 和 转化 思想.一个是将大问题简化为小问题,另一个是将问题抽象化,向向已知转化.前者的例子:归并排序:后者的例子:判断相邻元素是否相同(与排序). 这次总结的自然语言中常用的一些基本算法,算是入个门了. 递归 使用递归速度上会受影响,但是便于理解算法深层嵌套对象.而一些函数式编程语言会将尾递归优化为迭代. 如果要计算n个词有多少种组合方式?按照阶乘定义:n! = n*(n-1)*...*1 def func(wordlist): length = le

Android学习笔记四:添加Source

问题描述 Source not foundThe JAR file D:\.....\sdk\platforms\android-20\android.jar has no source attachment. 问题原因及解决办法 1. 使用SDK Manager下载最新版本的Sources for Android SDK 一般文件下载目录默认在SDK下的sources文件中即 \adt-bundle-windows-x86_64-20130522\sdk\sources\android-20

【Unity 3D】学习笔记四十二:粒子特效

粒子特效 粒子特效的原理是将若干粒子无规则的组合在一起,来模拟火焰,爆炸,水滴,雾气等效果.要使用粒子特效首先要创建,在hierarchy视图中点击create--particle system即可 粒子发射器 粒子发射器是用于设定粒子的发射属性,比如说粒子的大小,数量和速度等.在创建完粒子对象后,在右侧inspector视图中便可以看到所有的粒子属性: emit:是否是使用粒子发射器. min size:粒子最小尺寸. max size:粒子最大尺寸. min energy:粒子的最小生命周期

WEB前端学习笔记 四

接上一篇,web学习笔记 四,在此感谢您对此篇笔记的认可,但转发时请注明文章出自网知博学. 2.0  html的语法格式 html的标签要写在尖括号中 :<> 在在英文输入法状态下,按住shift键然后再按它左侧的尖括号就可了, 先学习一个简单的h1标签,是个标题标签,在html中这样写: <h1>我在h1标签中,我就是标题</h1> 那么h1标签中所包裹的文字,就标记成标题了.通过浏览器的解析后在页面上显示出来的效果就是字体加粗,加黑,和word中的标题性质一样! 大