Cocos Creator中的向量cc.Vec2和矩形cc.Rect

657 阅读1分钟

前言

在Cocos Creator游戏开发中,经常需要使用向量和矩形,这篇文章我们来总结下其常见用法。

一、Vec2二维向量


1.  `        let v1 : cc.Vec2 = new cc.Vec2(1, 0);`

2.  `        console.log(v1.equals(cc.Vec2.RIGHT));`

4.  `        let v2 : cc.Vec2 = cc.v2(0, 1);`

5.  `        let v3 : cc.Vec2 = v1.add(v2);`

6.  `        console.log("v3=", v3, v3.x, v3.y);`

7.  `        console.log("v3的模,向量的长度:", v3.mag());`

9.  `        // v3归一化,将向量的长度变成单位长度,游戏手柄`

10.  `        v3 = v3.normalize();`

11.  `        console.log("归一化后v3=", v3, v3.x, v3.y);`

12.  `        console.log("单位向量v3的模,向量的长度:", v3.mag());`

14.  `        // *self方法改变调用这个方法的原有向量`

15.  `        console.log("调用*self方法前,v1=", v1, "v2=", v2);`

16.  `        v3 = v1.addSelf(v2);`

17.  `        console.log("调用后*self方法v1=", v1, "v2=", v2);`

常用方法案例如上,运行结果如下,其它方法类似,重点掌握向量的基本属性、取模、比较相等、归一化、加减乘除,区别带self后缀的方法即可。

二、cc.Size/cc.Rect尺寸和矩形

1: cc.Size: 包含宽度和高度信息的对象 {width: 100, height: 100}; 2: new cc.Size(w, h), cc.size(w, h)创建一个大小对象; 3: cc.Rect: 矩形对象 new cc.Rect(x, y, w, h); cc.rect(x, y, w, h); {x, y, width, height} 4: contains(Point): 点是否在矩形内; 5: intersects : 两个矩形是否相交; 6:intersection:计算两个矩形的相交部分。


1.  `    onLoad () {`

2.  `        let s : cc.Size = new cc.Size(100, 200);`

3.  `        console.log("s=", s, s.height, s.width);`

5.  `        let s2 = cc.size(50, 60);`

6.  `        console.log("s2=", s2, s2.height, s2.width);`

7.  `        console.log("s和s2尺寸是否相等:", s.equals(s2));`

8.  `        console.log("s2的toString:", s2.toString());`

9.  `    }`


1.  `    start () {`

2.  `        let r : cc.Rect = new cc.Rect(0, 0, 100, 200);`

3.  `        console.log("r=", r, r.center, r.origin, r.size);`

4.  `        console.log("rx=", r.x, r.xMin, r.xMax);`

5.  `        console.log("ry=", r.y, r.yMin, r.yMax);`

6.  `        let r2 : cc.Rect = cc.rect(0, 0, 10, 20);`

8.  `        console.log("r和r2是否相交:", r.intersects(r2));`

9.  `        let r3 : cc.Rect = new cc.Rect();`

10.  `        r.intersection(r3, r2);`

11.  `        console.log("r和r2的相交部分:", r3);`

13.  `        let p : cc.Vec2 = new cc.Vec2(50, 60);`

14.  `        console.log("p是否在矩形r中:", r.contains(p));`

15.  `        console.log("p是否在矩形r2中:", r2.contains(p));`

16.  `    }`