遥感控制移动

遥感类，给遥感注册事件，使遥感能正常移动joystick：

cc.Class({
    // 扩展自cc.Component组件
    extends: cc.Component,

    // 属性列表
    properties: {
        // 定义遥感
        stick: {
            type: cc.Node,
            default: null,
        },

        // 遥感最大可拖拽距离
        max_R: 100,     
    },

    // 开始运行之前会被调用;  引擎 调用 组件实例.start
    start () {
        // 定义方向向量
        this.dir = cc.v2(0, 0);

        // 定义遥感初始位置
        this.stick.setPosition(cc.v2(0, 0));
        // this--> 当前组件实例, this.node ---> 当前组件实例所在得节点;
        // 给遥感注册事件
        this.stick.on(cc.Node.EventType.TOUCH_START, function(e) {
            console.log("TOUCH_START 触发事件！");
        }.bind(this), this);

        this.stick.on(cc.Node.EventType.TOUCH_MOVE, function(e) {
            var screen_pos = e.getLocation(); // Api --> 触摸的坐标, 左下角;
            // 触摸坐标在当前节点所处的位置
            var pos = this.node.convertToNodeSpaceAR(screen_pos);

            // Api, 触摸两点之间滑动的距离
            var len = pos.mag(); 
            
            // 方向向量赋值
            this.dir.x = pos.x / len;  // cos(r)
            this.dir.y = pos.y / len;  // sin(r)

            // 当遥感拖拽距离大于允许行动的最大距离后
            if (len > this.max_R) { 
                // x_new/x = y_new/y = this.max_R/len
                pos.x = pos.x * this.max_R / len;
                pos.y = pos.y * this.max_R / len;
            }
            // 把当前节点赋值给遥感
            this.stick.setPosition(pos);

        }.bind(this), this);

        // 当手指离开遥感时，遥感归0,方向向量归0
        this.stick.on(cc.Node.EventType.TOUCH_END, function(e) {
            this.stick.setPosition(cc.v2(0, 0));
            this.dir = cc.v2(0, 0);
        }.bind(this), this);

        this.stick.on(cc.Node.EventType.TOUCH_CANCEL, function(e) {
            this.stick.setPosition(cc.v2(0, 0));
            this.dir = cc.v2(0, 0);
        }.bind(this), this);

    },



    // 每次刷新得时候调用;  引擎  调用组件实例.update
    update (dt) {
        // console.log("update");
    },
});

遥感控制类，通过移动遥感来控制物体运动，本案例以坦克为控制对象tank：

// 导入joystick
var joystick = require("joystick");

cc.Class({
    extends: cc.Component,

    properties: {
        stick: {
            type: joystick,
            default: null,
        },

        speed: 200, // 坦克移动的速度
    },

    start () {

    },

    update (dt) {

        if(this.stick.dir.x === 0 && this.stick.dir.y === 0) { // 完全没有方向返回
            return;
        }

        // this.stick.dir.x = this.vx / this.speed;  
        // 速度分解x轴运动，y轴运动
        this.vx = this.speed * this.stick.dir.x;     // cos(r)
        this.vy = this.speed * this.stick.dir.y;     // sin(r)

        var sx = this.vx * dt;
        var sy = this.vy * dt;

        this.node.x += sx;
        this.node.y += sy;

        // 求遥感弧度，用反三角函数, x轴到该点的弧度
        var r = Math.atan2(this.stick.dir.y, this.stick.dir.x);

        // 角度转弧度 π/180×角度
        // 弧度变角度 180/π×弧度, Math.PI = π
        var degree = (r / Math.PI) * 180;   

        // 360 - degree 顺时针转换成逆时针，因为在数学角度是逆时针，在程序环境中是逆时针
        // + 90 因为在数学上的0度是水平向右，但在程序环境中是垂直向上为0度，所以此处+90。
        degree = 360 - degree + 90;
        // 把这个角度赋值给坦克
        this.node.rotation = degree;


    },
});

遥控控制坦克链接如下：

链接：https://pan.baidu.com/s/14zMj0-ltV6dgOmN98zhSDw
提取码：snc7