Cocos Creater 获取和设置世界坐标

最新推荐文章于 2024-11-28 10:17:45 发布

死敌

最新推荐文章于 2024-11-28 10:17:45 发布

阅读量2.2k

点赞数

分类专栏： Cocos Creator学习文章标签： cocos-creator 位置坐标

Cocos Creator学习专栏收录该内容

21 篇文章

订阅专栏

本文介绍了在CocosCreator中，当节点改变父节点时坐标会发生变化的问题及解决方法。通过先转换为世界坐标，再设置父节点，然后转回局部坐标，可以保持节点的世界坐标不变。示例代码展示了在拖动节点并将其设置到Canvas下，然后在释放时恢复原位置的过程。

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

转载地址：https://blog.csdn.net/bingheliefeng/article/details/90517440

cocos creater当一个节点设置到另一个节点下面时，在世界中的坐标会变化，而Unity中重新SetParent，世界坐标不会变化。

我们可以先将坐标转换到世界坐标，然后设置了父节点后，再将世界坐标转成局部坐标。

private getWorldPos():cc.Vec2{
    return this.node.convertToWorldSpaceAR(cc.Vec2.ZERO);
}
private setWorldPos(pos:cc.Vec2){
    this.node.position = this.node.parent.convertToNodeSpaceAR(pos);
}

具体使用：下面例子是在拖动时，将节点设置到Canvas下，然后放手后再添加到相应的子节点下面。

const {ccclass, property} = cc._decorator;
 
@ccclass
export default class DragItem extends cc.Component {
    _isTouched:boolean = false;
    _parentNode:cc.Node  = null;
    
    // onLoad () {
    // }
 
    start () {
        this.node.on("touchstart", this.onTouchStart , this);
        this.node.on("touchmove", this.onTouchMove , this);
        this.node.on("touchend", this.onTouchEnd , this);
        this.node.on("touchcancel", this.onTouchEnd , this);
 
        this._parentNode = this.node.parent;
    }
 
    private onTouchStart(evt:cc.Event.EventTouch){
        this._isTouched = true;
        let pos = this.getWorldPos();
        let canvas = cc.find("/Canvas");
        this.node.setParent(canvas); 
        this.setWorldPos(pos);
    }
    private onTouchMove(evt:cc.Event.EventTouch){
        if(this._isTouched){
            this.node.setPosition(this.node.x + evt.getDeltaX(),this.node.y + evt.getDeltaY());
        }
    }
    private onTouchEnd(evt:TouchEvent){
        this._isTouched = false;
        let pos = this.getWorldPos();
        this.node.setParent(this._parentNode); 
        this.setWorldPos(pos);
    }
 
    private getWorldPos():cc.Vec2{
        return this.node.convertToWorldSpaceAR(cc.Vec2.ZERO);
    }
    private setWorldPos(pos:cc.Vec2){
        this.node.position = this.node.parent.convertToNodeSpaceAR(pos);
    }
    // update (dt) {}
}