cocos Creator项目笔记(二) Graphics 画切割线和跟随手指画线

最新推荐文章于 2024-10-16 10:05:52 发布

我蔡我姬道呀

最新推荐文章于 2024-10-16 10:05:52 发布

阅读量535

点赞数

文章标签：笔记 cocos2d javascript

本文链接：https://blog.csdn.net/DLyouyouyou/article/details/130756938

版权

1.切割直线

 this.node.on(cc.Node.EventType.TOUCH_MOVE, (e) => {
            this.draw.clear();
            const startPoint = this.node.convertToNodeSpaceAR(e.getStartLocation());
            this.draw.moveTo(startPoint.x, startPoint.y);
            let pos = this.node.convertToNodeSpaceAR(e.getLocation());
            this.draw.lineTo(pos.x, pos.y);
            this.draw.stroke();
        }, this);

        this.node.on(cc.Node.EventType.TOUCH_END, (e) => {
            this.draw.clear();
            const p1 = e.getStartLocation();
            const p2 = e.getLocation();
            this.cut(p1, p2);//切割方法
        }, this);

2.跟随手指画线


        let self = this;
        this.node.on(cc.Node.EventType.TOUCH_START, (e) => {
            let pos = this.node.convertToNodeSpaceAR(e.getStartLocation());
            self.draw.moveTo(pos.x, pos.y);
        }, this)
        this.node.on(cc.Node.EventType.TOUCH_MOVE, (e) => {
            let pos2 = this.node.convertToNodeSpaceAR(e.getLocation());
            self.draw.lineTo(pos2.x, pos2.y);
            self.draw.stroke();
        }, this);