CocosCreator2.x实现橡皮擦效果

最新推荐文章于 2024-07-31 16:55:26 发布

无双郭

最新推荐文章于 2024-07-31 16:55:26 发布

阅读量3k

点赞数 3

分类专栏： cocoscreator 文章标签： cocoscreator擦除效果

本文链接：https://blog.csdn.net/u012716423/article/details/87345635

版权

本文详细介绍了如何在 CocosCreator2.x 中实现橡皮擦效果，通过使用 mask.js 代码来达到擦除指定区域的效果，为游戏或交互应用增添更多可能性。

摘要由CSDN通过智能技术生成

所需组件
mask.js 代码

cc.Class({
    extends: cc.Component,

    properties: {
        cr:{
            default:30,
            tooltip:'涂抹圆的半径'
        },
        mask:cc.Mask
    },

    // LIFE-CYCLE CALLBACKS:

    // onLoad () {},

    start () {
        let self = this;
        this.node.on(cc.Node.EventType.TOUCH_START,(event)=>{
            cc.log('touch start');
            let point = event.touch.getLocation();
            point = self.mask.node.convertToNodeSpaceAR(point);
            self._addCircle(point);
        },this);
        this.node.on(cc.Node.EventType.TOUCH_MOVE,(event)=>{
            let point = event.touch.getLocation();
            point = self.mask.node.convertToNodeSpaceAR(point);
            self._addCircle(point);
        },this);
        
    },
    _addCircle(pos)
    {
        this.mask._gra