cocoscreate 官方例子说明 02_ui_01_widget_AnimatedWidget by:adady

http://icelily.xyz/?p=845

本文为作者原创，其中知识内容出自闪电终结者的视频课程首先用ppt简单的做一个帧动画，把做好的每一张图片命名为pass01.png pass02.png ….复制到res文件夹下// 精灵是用于显示动画效果，需要写一个动画，然后往动画中添加图片，在让精灵显示出来 void TransferTestScene::spritePlayShow() { auto sprite = cocos2d:

CocosCreator中使用Animation制作动画 大家好，今天给大家分享的是关于如何使用CocosCreator来制作动画效果的经验。 我们知道，一个游戏中不可或缺的元素就是动画，比如小鸟展翅动作，自行车咕噜转动，人物走路等。这些简单的动作是一个独立展示的元素，使用动画组件Animation来制作是做合适的。下面我们就来制作一个卡通人物走路的动画效果。 我们使用的工具CocosCreator版本是2.4.3，开发环境是windows10系统。先来创建一个空白的工程，取名AnimationTest。

转自：http://www.cocoachina.com/bbs/read.php?tid-458312.html 这篇教程希望大家能够在CocosCreator中快速上手帧动画制作和脚本控制  并分享一些 意外的收获 和API的查看有关 这次的教程需要的前提并不高  只要安装了CocosCreator就可以了 我们先制作帧动画的plist和png吧 我们使用texturepa

原文地址：https://www.jianshu.com/p/7d9574f179eb 在CocosCreator中，想要播放序列帧动画，通常使用Animation来完成。 什么是序列帧动画？ 如下图： 在游戏中，把上面这组图一张一张地播放，最后会形成动画的效果，如下： 上面的素材可以在这个链接下载：http://p

这三年多的时间,我从一个不知道hello_world是什么的小毛小子,到现在开始一点点的进阶,感触颇多.不过幸运的是,我没有把自己的人生旅途交给老天,我更多的交给了我自己.我无时无刻的对自己说 ,加油~ 也是对看这篇博文的你,加油.因为你已经度过了  c->oc->ios的过渡.相信吧,功夫不负有心人. ~来,搞起来,我那和我亲密无间的 helloWorld! 1.代理文件的解读 1

【唠叨】基本动画制作需要用到CCAnimation类，用于存储动画相关的信息。以及由CCActionInterval继承的CCAnimate动画动作。 还有一些在创建动画动作的过程中，可能会用到的一些类CCSpriteFrame、CCSpriteFrameCache、CCAnimationFrame、CCAnimationCache。有关缓存类的详细，参...

填充精灵,平时可以用于技能条,血条等地方。相对还是比较简单的。 要使精灵填充时,需要只需要在精灵属性Type，选择FILLED即可。 填充方式有3种，1.横向，2.纵向，3.圆形 这里有一个细节，Fill Start（填充起始位置） 与 Fill Range（填充百分比） 官方给个的例子是 Fill Start 是1 ，Fill Range 为-1。 其实，Fill  R

先选择左边的星星精灵查看属性。 左边这个精灵设置为垂直剧中并左边距为0.

本小节，其实在第一节的时候，已经介绍过了。 TRIMMED:原始图去掉透明部分，按裁剪后的尺寸，所以会比实际小一些，配合Tirm使用比较合理。 RAW:原始图的尺寸。

挂件自动调整大小 当一个精灵4个方向都设置对齐。 当前精灵会随父类精灵变化自己的位子与大小。 上下或左右方向同时设置，也会有相同的效果。

AlignOnce 为真时，只有开始对齐一次，当父级精灵被程序变换位置时，当前精灵不会随父级精灵改变。 相放，AlignOnce 为假时，当前精灵会与父级精灵变动。

粒子系统 本小节，只介绍了粒子系统里的auto Remove Onfinish属性。 粒子1，播放完，粒子仍然存在。 粒子2，播放完，就已经移除了。 粒子具体细节以后再介绍。

Widget(对齐挂件) 是一个很常用的 UI 布局组件。 可以相对上级或父级的节点做为参照来对齐。 可设置为百分比与像素值

此文章，说明不一定正确，只是以一个新手的角度来看待这些例子。有不同角度的理解，大家可以开题讨论，如果说明，严重错误，我也会及时更改。 平铺精灵，有点像我们设置桌面一样，平铺，用这一张图片，无限重复的铺满设置的尺寸。 只需要在Type，设置为TILED.

9宫格精灵，一般使用边框，节省资源。 只需要把Type设置为SLICED， 这里有一小的细节，需要设置一下，哪些地方需要不需要拉伸。 拉伸需要编辑一下 绿线以外的就是，不需要拉伸

此文章，说明不一定正确，只是以一个新手的角度来看待这些例子。有不同角度的理解，大家可以开题讨论，如果说明，严重错误，我也会及时更改。 本小节，基本没有什么可以说的直接上图