egret白鹭引擎之小简单效果

1.实现图片水平居中

//利用锚点方式来实现水平居中
portrait.anchorOffsetX = portrait.width/2;
portrait.$anchorOffsetY = portrait.height/2;
portrait.x = stageW/2;
portrait.y = portrait.height/2;

2.让方形图片变成圆形图片

//设置遮罩
var circle: egret.Shape = new egret.Shape();
//绘制圆形
circle.graphics.beginFill(0xff0000);
circle.graphics.drawCircle(stageW/2,portrait.height/2,portrait.width/2);
circle.graphics.endFill();
this.addChild(circle);
//设置圆形遮罩，让方形变成圆形图片
portrait.mask = circle;

3.两个物体之间的随机距离

// 设置出现的随机位置
let distance = this.minDistance + Math.random() * (this.maxDistance - this.minDistance);

4.各种效果

https://www.cnblogs.com/shirln/category/1243128.html

5.对象显示在其他对象的上方并跟随手指移动

        //可以在createGameScene中显示效果        
        //要拖拽的对象
        var draggedObject:egret.Shape;
        var offsetX:number;
        var offsetY:number;

        //画一个红色的圆
        var circle: egret.Shape = new egret.Shape();
        circle.graphics.beginFill(0xff0000);
        circle.graphics.drawCircle(25,25,25);
        circle.graphics.endFill();
        this.addChild(circle);

        //画一个蓝色的正方形
        var square:egret.Shape = new egret.Shape();
        square.graphics.beginFill(0x0000ff);
        square.graphics.drawRect(0,0,100,100);
        square.graphics.endFill();
        this.addChild(square);

        //增加圆形的触摸监听
        circle.touchEnabled = true;
        circle.addEventListener(egret.TouchEvent.TOUCH_BEGIN,startMove,this);
        circle.addEventListener(egret.TouchEvent.TOUCH_END,stopMove,this);

        //增加正方形的触摸监听
        square.addEventListener(egret.TouchEvent.TOUCH_BEGIN,startMove,this);
        square.addEventListener(egret.TouchEvent.TOUCH_END,stopMove,this);

        function startMove(e:egret.TouchEvent):void{
            //把手指按到的对象记录下来
            draggedObject = e.currentTarget;
            //计算手指和要拖动的对象的距离
            offsetX = e.stageX - draggedObject.x;
            offsetY = e.stageY - draggedObject.y;
            //把触摸的对象放在显示列表的顶层
            this.addChild(draggedObject);
            //手指在屏幕上移动，会触发 onMove 方法
            this.stage.addEventListener(egret.TouchEvent.TOUCH_MOVE,onMove,this);
        }
        function stopMove(e:egret.TouchEvent) {
            //手指离开屏幕，移除手指移动的监听
            this.stage.removeEventListener(egret.TouchEvent.TOUCH_MOVE,onMove,this);
        }
        function onMove(e:egret.TouchEvent):void{
            //通过计算手指在屏幕上的位置，计算当前对象的坐标，达到跟随手指移动的效果
            draggedObject.x = e.stageX - offsetX;
            draggedObject.y = e.stageY - offsetY;
        }

6.在eui中将按钮的锚点设置成中心

锚点的中心点就是宽高的一半