cocos2d学习笔记1--动作(跳跃)

Cocos Creator 动作及方法介绍

最新推荐文章于 2020-11-29 00:37:39 发布

原创最新推荐文章于 2020-11-29 00:37:39 发布 · 925 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cocos creator

cocos 专栏收录该内容

3 篇文章

订阅专栏

本文围绕 Cocos Creator 展开，介绍了其中动作的概念，即节点的位移、缩放和旋转。还阐述了动作方法，如 cc.moveBy 可在规定时间内移动指定距离，以及 ActionInterval 类下的 easing 方法能让时间间隔动作呈现缓动运动，同时提及 onLoad 方法会在场景加载后立刻执行。

动作是什么

在 Cocos Creator 中，动作简单来说就是节点的位移、缩放和旋转。

动作方法

setJumpAction: function () {
// 跳跃上升
var jumpUp = cc.moveBy(this.jumpDuration, cc.v2(0, this.jumpHeight)).easing(cc.easeCubicActionOut());
// 下落
var jumpDown = cc.moveBy(this.jumpDuration, cc.v2(0, -this.jumpHeight)).easing(cc.easeCubicActionIn());
// 不断重复
return cc.repeatForever(cc.sequence(jumpUp, jumpDown));
}

cc.moveBy(time,v2)
cc.moveBy(time,x,y)
方法的作用是在规定的时间内移动指定的一段距离

传入的 X、Y 坐标都是相对于节点当前的坐标位置

cc.v2(x,y)
是一个 Vec2（表示 2D 向量和坐标）类型的对象

easing(obj) 是

ActionInterval

类下的一个方法，这个方法可以让时间间隔动作呈现为一种缓动运动，传入的参数是一个缓动对象，返回一个 ActionInterval 类型对象，这里传入的是使用 easeCubicActionInOut() 方法构建的缓动对象，easeCubicInOut 是按三次函数缓动进入并退出的动作

在这里插入图片描述
onLoad 方法会在场景加载后立刻执行
onLoad: function () {
// 初始化跳跃动作
this.jumpAction = this.setJumpAction();
this.node.runAction(this.jumpAction);
},