Cocos 曲线运动的几种方法介绍

1.动画编辑器

2.缓动--->贝塞尔曲线

.bezierTo(缓动时间,起点的高点(垂直于起点的一个坐标,决定曲线的半径),终点的高点(垂直于终点的一个坐标,决定曲线的半径),终点坐标)

3.向量--->类似圆规画圆

        //法3 向量计算
        //找圆心 确定圆心
        let axleV = cc.v2(0,0);
        //确定半径 ---> 向量,指向圆边
        let spokeV = cc.v2(-300,0);
        //决定多少个边 ---> 经过多少个点
        let sideCount = 90;
        this.schedule(()=>{
            let pos = axleV.add(spokeV);
            this.node.setPosition(pos);
            spokeV.rotateSelf(-360 / sideCount * Math.PI / 180);
        },0.01);

4.三角函数计算

        //法4 三角函数
        // x = r * cosα
        // y = r * sinα
        let center = cc.v2(0,0);
        //半径
        let radius = 300;
        //旋转次数 负数表示方向
        let angle = 0;
        this.schedule(()=>{
            //计算每一次x,y坐标为多少
            let posX = center.x - radius * Math.cos(angle * Math.PI / 180);
            let posY = center.y - radius * Math.sin(angle * Math.PI / 180);
            angle -= 1;
            this.node.setPosition(cc.v2(posX,posY));
        },0.001);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

永远的毅嘉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值