cocosCreator 座標空間的轉換筆記

<code>cc.Class({
    extends: cc.Component,

    properties: {
        cubeNode1:cc.Node,
        cubeNode2:cc.Node
    },

    
    onLoad () {

        //1: 查看方塊節點兩個座標 用  position
        let cube1 = this.cubeNode1.position;
        let cube2 = this.cubeNode2.position;
        console.log(" cube1 "+cube1); // cube1 (0.00, 0.00, 0.00)
        console.log(" cube2 "+cube2); // cube2 (96.54, 0.00, 0.00)
        // 2: 向量相加  cc.pAdd() 被移除 請用 add()
        let padd = cube1.add(cube2)
        console.log( "padd="+ padd );  // padd=(96.54, 0.00, 0.00)
        // 3: 向量相減   cc.pSub() 被移除 請用 sub()
        let psub = cube1.sub(cube2);
        console.log("psub="+psub); // psub=(-96.54, 0.00, 0.00)
        // 4: 向量長度 cc.pLength() 被移除 請用 mag()
        let mag = psub.mag()
        console.log( "mag="+mag);  // mag=96.536
        
        //5: 節點座標轉到屏幕座標 
        let w_pos = this.node.convertToWorldSpace( cube2); 
        console.log("w_pos="+w_pos);  // w_pos=(96.54, 0.00)
        let n_pos = this.node.convertToNodeSpace(cube2); 
        console.log("n_pos="+n_pos)
        //6 父節點x軸，y軸原點  計算座標建議帶上 AR
        let wposAR = this.node.convertToWorldSpaceAR(cube2);
        console.log("wposAR="+wposAR); // wposAR=(576.54, 320.00, 0.00)
        //7 返回節點在世界座標系下的對齊軸向的包圍盒  node.getBoundingBoxToWorld().xMax yMax
        var cubeNode1 = this.cubeNode1.getBoundingBoxToWorld().yMax;
        console.log("cubeNode1="+cubeNode1); //cubeNode1=530

    },

    start () {

    },

    // update (dt) {},
});/<code>

閱讀更多 cocosCreator開發 的文章

關鍵字: pos let 座標