如何在3.x中实现曲线运动,运动的位置是动态计算出的

540366413 · 2022年06月3日 10:03

比如我想实现两个卡牌交换位置的动画，卡牌A和卡牌B交换位置，AB的位置是在游戏过程中获取的，距离位置都不固定

540366413 · 2022年06月4日 15:42

有人知道吗

flyfishii · 2022年06月5日 00:00

就是A位置和B位置互换，用Tween移动就可以，不管距离固定移动时间，在添加个缓动效果

540366413 · 2022年06月5日 02:23

新手不太懂！
tween没有曲线的方法呀，只能直线移动，如果加旋转的话卡牌的角度就会变

540366413 · 2022年06月5日 12:53

jiangjx777 · 2022年06月6日 02:09

我也是新手,说说我的想法
1:使用动画编辑器,编辑一条曲线动画,然后在脚本动态播放
2:使用tween缓动系统,不停的使用to函数,从一个点到下一个点,点到点可以easing配置为曲线

15602405757 · 2022年06月6日 03:24

1.椭圆方程
2.抛物线

906111000 · 2022年06月6日 04:15

贝塞尔曲线

903379712 · 2022年06月8日 10:00

贝塞尔曲线!!

741419087 · 2022年06月9日 03:12

我觉得可以把x，y轴分开，对x使用线性tween动画，y使用一个曲线tween动画

zzf_2025 · 2022年08月8日 02:45

你好，tween 使用贝塞尔曲线可以参考这个代码：

github.com

cocos/cocos-awesome-tech-solutions/blob/a8b1dfdf6da4eed8ed54f73f7bf4b49bb7636e1a/demo/Creator3.4.0_GameTimeScale/assets/scripts/ModelTween.ts#L20



@property(CCInteger)
playTime: number = 5;

start () {
    setTimeout(()=>{
        this.playfruitsTween();
    }, this.delayTime)
}

playfruitsTween () {
    var fruit = this.node;
    var startPos = fruit.position;
    var startAngle = fruit.eulerAngles;
    var fruitTween = tween(startPos);
    const mixY = 6;
    const maxY = 12;
    const mixX = 0;
    const maxX = 0;
    var progressX = function (start, end, current, t) {
        //@ts-ignore

941096560 · 2022年11月14日 08:03

3.5 3.6 还是要这么用才行对吧，为啥这个方法里面一定要加cc