cocos creator入门教程（五）—— cc.Node坐标空间

最新推荐文章于 2025-03-29 23:55:13 发布

^随风~~

最新推荐文章于 2025-03-29 23:55:13 发布

阅读量1.7k

点赞数 1

分类专栏： Cocos Creator入门教程文章标签： cc.Node坐标空间

本文链接：https://blog.youkuaiyun.com/ccnu027cs/article/details/100088090

版权

本文是cocos creator入门教程的第五部分，主要讲解cc.Vec2和cc.Size/Rect对象的使用，以及cocos creator中的坐标系统，包括世界坐标系和相对坐标系（左下角原点及锚点原点）。还介绍了节点坐标与屏幕坐标的转换，以及触摸事件中坐标转换的应用。最后预告了接下来将探讨cc.Action的运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cc.Vec2

cc.Vec2 二维向量坐标, 表结构{x: 120, y: 120}; cc.v2(x, y) 创建一个二维向量 cc.p() 创建一个二外向量
cc.pSub: 向量相减
cc.pAdd: 向量相加;
cc.pLength: 向量长度;

       //坐标位置3种方法--1
        var w_pos = new cc.Vec2(100,100);
        console.log(w_pos);
        //坐标位置3种方法--2
        w_pos = cc.v2(200,200);
        console.log(w_pos);
        //坐标位置3种方法--3
        w_pos = cc.p(300,300);
        console.log(w_pos);

        //向量:cc.pAdd: 向量相加
        var src = cc.v2(0,0);
        var dst = cc.v2(100,100);
        var dir = dst.sub(src);//向量相减
        var len = dir.mag();//pLength向量长度
        console.log(len);

        //cc.Size
        var s = new cc.Size(100,100);
        console.log(s);
        s = cc.size(200,200);
        console.log(s);

cc.Size/cc.Rect