本文主要是介绍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中将按钮的锚点设置成中心
锚点的中心点就是宽高的一半
这篇关于egret白鹭引擎之小简单效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!