egret随机画圆

作者: IrisLong | 来源:发表于2019-04-03 17:25 被阅读6次
    逻辑(很简单)
    1. 画一个大小随机,颜色随机的圆 -> Math.random()方法的运用
        // 绘制一个大小随机颜色随机的圆
        private drawCir(x:number,y:number){
            var shp:egret.Shape = new egret.Shape();
            shp.graphics.beginFill(Math.random()*0xffffff,.7);
            shp.graphics.lineStyle(2,0xffffff*Math.random(),.3);
            shp.graphics.drawCircle(x,y,Math.random()*100);
            shp.graphics.endFill();
            this.addChild(shp);
        }
    
    1. 给舞台添加点击事件
        // 点击事件
        private change(){
            this.stage.addEventListener(egret.TouchEvent.TOUCH_TAP,(e:egret.TouchEvent)=>{
                this.drawCir(e.stageX,e.stageY)      
            },this)
        }
    
    1. 将该事件函数添加到舞台上,最终效果如下:


      效果图 -> 点击舞台,随机生成大小颜色随机带透明度的圆圈

    相关文章

      网友评论

        本文标题:egret随机画圆

        本文链接:https://www.haomeiwen.com/subject/qlfabqtx.html