Benjamin

静以修身,俭以养德,非澹薄无以明志,非宁静无以致远。
随笔 - 237, 文章 - 0, 评论 - 196, 引用 - 0
数据加载中……

cocos creator坐标系

1: 世界(屏幕)坐标系;坐标原点在左下角
2: 相对(节点)坐标系,两种相对节点原点的方式
    (1) 左下角为原点,
     this.node.convertToWorldSpace(cc.v2(0, 0));
     this.node.convertToNodeSpace(w_pos);
    (2) 锚点为原点(AR)
     this.node.convertToWorldSpaceAR(cc.v2(0, 0));
    this.node.convertToNodeSpaceAR(w_pos);
    两套API,带AR后缀和不带
3: 节点坐标和屏幕坐标的相互转换;通常情况下带AR;
4: 获取在父亲节点坐标系下(AR为原点)的节点包围盒;
    this.node.getBoundingBox();
5: 获取在世界坐标系下的节点包围盒;
    this.node.getBoundingBoxToWorld();
例子:
 
 // 节点坐标转到屏幕坐标 cc.p(0, 0),以节点左下角为原点
 var w_pos = this.node.convertToWorldSpace(cc.p(0, 0)); // 左下角为原点的   cc.p(430, 270)
 console.log(w_pos);
 //加上AR后为以锚点为原点
 w_pos = this.node.convertToWorldSpaceAR(cc.p(0, 0)); // 锚点为原点 cc.p(480, 320)
 console.log(w_pos);
 //-----------------将世界坐标转换为相对节点坐标
 var w_pos = cc.p(480, 320);
 //以w_pos节点左下角为原点,将该坐标(Wpos)转换为相对于w_pos节点左下角的相对节点坐标
 var node_pos = this.node.convertToNodeSpace(w_pos);
 console.log(node_pos); // cc.p(50, 50)
  //以w_pos节点锚点为原点,将该坐标(Wpos)转换为相对于w_pos节点锚点的相对节点坐标
 node_pos = this.node.convertToNodeSpaceAR(w_pos);
 console.log(node_pos); // cc.p(0, 0)
// 获取节点的包围盒, 相对于父亲节点坐标系下的包围盒
 var box = this.node.getBoundingBox();
 console.log(box);
 // 世界坐标系下的包围盒
 var w_box = this.node.getBoundingBoxToWorld();
 console.log(w_box);
 this.node.on(cc.Node.EventType.TOUCH_START, function(t) {
     var w_pos = t.getLocation();
     var pos = this.node.convertToNodeSpaceAR(w_pos);
     console.log(pos);
     pos = this.node.convertTouchToNodeSpaceAR(t);
     console.log("====", pos);
 }, this);

 // 把当前这个sub移动到世界坐标为 900, 600;
 //
 // 把世界坐标转到相对于它的父亲节点的坐标
 var node_pos = this.node.parent.convertToNodeSpaceAR(cc.p(900, 600));
 this.node.setPosition(node_pos); // 相对于this.node.parent这个为参照物,AR为原点的坐标系
 // end
 // 获取当前节点的世界坐标;
 this.node.convertToWorldSpaceAR(cc.p(0, 0));
 
 
 //触摸事件所返回的坐标对象
var pos = this.node.on(cc.Node.EventType.TOUCH_START,function(e){
           //方法1
           var Wpos = e.getLocation();
           var pos = this.node.convertToNodeSpaceAR(Wpos);
           cc.log(Wpos+"<----->"+pos);
           //方法2
           pos = this.node.convertTouchToNodeSpaceAR(e);
          cc.log("**********"+pos);
   },this);


//.把该点转成世界坐标(只能老爸转)
var pos1 = this.cocos2.parent.convertToWorldSpaceAR(this.cocos2.getPosition());
console.log(pos1)
//把该点(世界坐标)转成节点坐标
var pos2 = this.cocos1.convertToNodeSpaceAR(pos1);
console.log(pos2)



posted on 2019-04-06 16:47 Benjamin 阅读(45) 评论(0)  编辑 收藏 引用 所属分类: 杂谈


只有注册用户登录后才能发表评论。
【推荐】超50万行VC++源码: 大型组态工控、电力仿真CAD与GIS源码库
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理