cc.tween()中缓动easing的参数都有哪些?

RT,请问在使用tween时easing的参数都有哪些,实例中的sineOutIn在api中和文档中都找不到,另外这个string跟api中的cc.easing()也不太一样,换成类似的写法,也没有生效?

cc.tween().to(1, { scale: 2 }, { easing: ‘sineOutIn’})

1赞

:joy: 有人知道么??或者官方可以提供参考文档吗?谢谢

5赞

官网文档出了点问题,查不到 Easing 类,我们修复一下吧

easeSineIn 创建 EaseSineIn 缓动对象。
easeSineOut 创建 EaseSineOut 缓动对象。
easeSineInOut 创建 easeSineInOut 缓动对象。
查官方文档,好像只有这三个。
所以,你可以试试sineInOut,而不是sineOutIn。

https://docs.cocos.com/creator/api/zh/editor/share/easing.html . 试试这里面的类名

战略mark

(cc as any).tween(this.gameTipUI).to(1,{y:0.3},{easing:'cubicInOut'}).start();

嗨你好,我用的是typescript这样写是可以的,easing的属性直接写string
string 来自这里 https://docs.cocos.com/creator/api/zh/editor/share/easing.html#editoreasingcubicout-k
例如:Editor.Easing.cubicInOut 取最后一个 cubicInOut

补充说明:
引擎版本:v2.1.1

2赞

mark

战略mark

1234

请问action.easing(cc.easeElasticOut(3.0));这个3.0参数在cc.tween里怎么写? @jare @337031709

同求,那个缓动的参数要写在哪·······

1赞

正解啊,有效

Easing 类型 - API文档

1赞

感觉tween还是不完善啊,比如缓动参数、cc.bezierTo等都没有找到替代方法。

@jare creator.d.ts代码提示中。估计很多人也蒙蔽了:bezierTo 和 bezierBy 没有添加最后一个参数 opts,而源码里是有这个参数的(源码里的说明部分也缺这个参数)

bezierTo 和 bezierBy 没有添加最后一个参数 opts(2.4.4 creator.d.ts)

    /**
		!#en Sets target's position property according to the bezier curve.
		!#zh 按照贝塞尔路径设置目标的 position 属性。
		@param duration duration
		@param c1 c1
		@param c2 c2
		@param to to 
		*/
    bezierTo(duration: number, c1: Vec2, c2: Vec2, to: Vec2): Tween<T>;
    /**
		!#en Sets target's position property according to the bezier curve.
		!#zh 按照贝塞尔路径设置目标的 position 属性。
		@param duration duration
		@param c1 c1
		@param c2 c2
		@param to to 
		*/
    bezierBy(duration: number, c1: Vec2, c2: Vec2, to: Vec2): Tween<T>;

应该是这样的吧?!

    /**
		!#en Sets target's position property according to the bezier curve.
		!#zh 按照贝塞尔路径设置目标的 position 属性。
		@param duration duration
		@param c1 c1
		@param c2 c2
		@param to to 
		@param opts
		*/
    bezierTo(duration: number, c1: Vec2, c2: Vec2, to: Vec2, opts?: { progress?: Function; easing?: Function | string }): Tween<T>;
    /**
		!#en Sets target's position property according to the bezier curve.
		!#zh 按照贝塞尔路径设置目标的 position 属性。
		@param duration duration
		@param c1 c1
		@param c2 c2
		@param to to 
		@param opts
		*/
    bezierBy(duration: number, c1: Vec2, c2: Vec2, to: Vec2, opts?: { progress?: Function; easing?: Function | string }): Tween<T>;

应该是很久之前就缺这个参数(提示和文档中缺)了,好几个版本了,也没人添加。

1赞

cc.tween(node)

.to(0.1,{scale:1},{easing: dt => cc.easeIn(0.1).easing(dt)} )

.call(()=>{

  cb();

})

.start();这样就行
1赞

mark…

mark!