cocos creator学习之 播放不同animationClip时,动画被影响的原因

最近项目中遇到制作人物走路,静止,跳跃,下蹲动画的需求

问题描述: 人物走路播放完毕要静止站在原地,此时人物需要播放静止动画,但是发现人物的脚,手的位置都变了,以一个很奇怪的姿势站在那。(哈哈哈哈,笑两分钟)

原因:静止动画被 播放完的walk 动画影响了位置角度,说明animation 在stop 后并没有默认恢复原来的角度,位置,而是保持了前一个动画尾帧的数据,在播放新动画时又在此基础上改变

方法: 每一个clip中的每一个特殊状态 都要设置为一个关键帧,至此问题解决!(特别是开始,和结束的关键帧)

总结: 虽然简单,但这个问题还真耽误了我时间,还是要多碰问题,多出错,才能积累经验阿。

### 如何在 Cocos Creator 中创建帧动画 #### 准备工作 为了能够在 Cocos Creator 中顺利创建帧动画,开发者需要先准备好所需的素材资源。这通常意味着要有一组连续动作的图像序列作为帧动画的基础材料。 #### 创建帧动画的具体方法 可以直接利用 Cocos Creator 提供的功能来构建帧动画。一种常见的方式是从精灵图集中提取各个独立的画面帧并将其组合成一段连贯的动作表现形式。具体操作如下: - **获取图集中的所有帧**:通过调用 `getSpriteFrames()` 方法可以从指定资源中取得一系列代表不同间点画面状态的对象集合[^4]。 ```javascript let atlas = res.getSpriteFrames(); ``` - **创建带有这些帧的动画剪辑**:使用 `cc.AnimationClip.createWithSpriteFrames` 函数传入上述得到的帧列表以及期望每秒显示多少张图片的速度参数(即播放速率),从而生成一个新的动画片段实例。 ```javascript let clip = cc.AnimationClip.createWithSpriteFrames(atlas, 10); ``` - **配置动画行为特性**:比如设定该动画是否应该重复播放等细节选项。这里选择了让其无限次循环执行。 ```javascript clip.wrapMode = cc.WrapMode.Loop; ``` - **向节点附加新建立好的动画组件**:最后一步就是把刚刚准备完毕的动画加入到目标物体上,并赋予一个易于识别的名字以便后续管理和触发。 ```javascript this.animComponent.addClip(clip, "animName"); ``` 以上就是在 Cocos Creator 内部完成整个简单帧动画创建过程的主要步骤概述。值得注意的是,在实际项目里可能还会涉及到更多复杂的逻辑处理和技术要点,例如优化性能、调整过渡效果或是与其他系统交互协作等方面的内容。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值