creator动画角度

 

cc.Class({
    extends: cc.Component,

    properties: {
        monster:cc.Node,
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {
        //使用事件名来注册
        this.node.on('touchstart',function (event) {
            var pos = event.getLocation();
            pos = this.node.convertToNodeSpaceAR(pos);
            var start = this.monster.getPosition();
            var end = pos;
            var rot = this.getAngle(start,end);
            this.monster.rotation = rot;
        },this)
    },

    getAngle:function(start,end){
        // 两点的x,y值
        var x = end.x - start.x;
        var y = end.y - start.y;
        // 斜边长度
        var hypotenuse = Math.sqrt(x *x + y * y);

        var cos = x / hypotenuse;   
        var radian = Math.acos(cos);

        // 求出弧度
        var angle = 180 / (Math.PI /radian);

        // 用弧度算出角度
        if(y < 0){
            angle = 0 - angle;
        }else if(y == 0 && x < 0){
            angle = 180;
        }
        return 90 - angle;
    },

    start () {

    },

    // update (dt) {},
});

 

### 回答1: cocos creator node 可以通过以下方式设置角度: - 使用 node.angle 属性 - 使用 node.setRotation() 方法 - 使用 node.rotation 属性(以弧度制表示) 例如: ``` node.angle = 30; node.setRotation(45); node.rotation = Math.PI / 2; ``` 其中 angle 属性和 setRotation() 方法都以角度制表示角度,而 rotation 属性则以弧度制表示角度。 ### 回答2: Cocos Creator是一款主要用于游戏开发的跨平台游戏引擎,其内置的场景编辑器可以方便地创建并编辑角色、场景和动画。在使用Cocos Creator进行开发时,我们可以使用Node节点来表示游戏中的角色或物体,并通过设置节点的角度来实现旋转效果。 在Cocos Creator中,一个Node节点的角度可以通过设置节点的rotation属性来实现,rotation属性是一个表示角度的浮点数,默认以弧度为单位。可以通过以下代码设置一个节点的旋转角度: node.rotation = 45; // 将节点的旋转角度设置为45度 此外,我们还可以通过设置节点的rotation属性来实现平滑的角度变换。可以使用以下代码实现节点的平滑旋转效果: cc.tween(node).to(2, { rotation: 45 }).start(); // 在2秒内将节点从当前角度平滑地旋转到45度 在一些情况下,我们可能希望直接设置节点的旋转角度,而不是在原有角度基础上进行旋转。可以使用以下代码实现直接设置节点的旋转角度: node.rotation = node.rotation + 45; // 将节点的旋转角度增加45度 需要注意的是,节点的旋转角度是相对于父节点的,即如果改变了父节点的旋转角度,子节点的旋转角度也会受到影响。可以使用以下代码设置一个节点相对于父节点的旋转角度: node.eulerAngles = cc.v3(0, 0, 45); // 将节点相对于父节点的旋转角度设置为45度 总之,通过对Cocos Creator Node节点的角度设置,我们可以实现游戏中角色和物体的旋转效果,使游戏更加生动和有趣。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值