cocos-tween动画(3.0版本)
1、单次动画实现
let node = sf.meteor.node; tween(node) .to(.1, { scale: v3(.6, .6, 0) })//0.1秒,执行完大小的变化 .call(() => { console.log("上面动画执行完后回调"); }) .to(.2, { scale: v3(1, 1, 0) }) .delay(.3)//延迟0.3秒 .call(() => { console.log("上面动画执行完后回调"); }) .start() //开始执行 .removeSelf() //执行完后移除
2、循环动画的控制,出屏幕进屏幕的动画
let no = sf.numLab.node;//获取节点
let tw = tween(no);//将节点复制给tween
.to(1.5, { position: v3(0, 0, 0) })//使用1.5秒,完成动画的移动 .delay(3)//延迟3秒 .to(1.5, { position: v3(0, 48, 0) })////使用1.5秒,完成动画的移动
.call(() => {
// 位置还原设定
if (b) {
sf.numLab.node.setPosition(0, -48, 0);
b = false;
} else {
no.position = v3(0, -48, 0);
b = true; }
}) .start()// 开始动画
tween(no).repeatForever(tw).start();//循环并开始
3、sprite图片旋转
// 旋转小三角形(正值为逆时针,负值为顺时针) if (!this.isDropDown) { tween(sprPoint) .to(.5, { angle: 0 }) .start().removeSelf(); } else { tween(sprPoint) .to(.5, { angle: -90 }) .start().removeSelf(); }