egret 2D 小功能---发牌,模拟poker翻转

本文介绍了如何在egret2D环境中,通过近似视觉效果模拟3D翻转,来实现发牌的功能。首先,准备位图并导入到项目中,然后创建扑克牌及移动动画。接着,通过保存每个创建的扑克牌对象,并添加点击事件,实现了点击翻牌的效果。最后,鼓励读者尝试自己动手实践这个小功能。
摘要由CSDN通过智能技术生成

egret2d不支持三维翻转,所以,只有通过近似的视觉效果模拟3d的翻转效果,记录一个.

1.发牌

1.准备一张位图.导入egret项目(如何预加载资源之类的就省略了…).
2.建扑克,扑克移动动画

	/** 
	  *创建poker移动动画
	*@parm offsetNum 扑克牌间的水平间距
	*@parm maxPokerNum 需要创建的扑克牌数量
    */
	private createAnimation(offsetNum,maxPokerNum){
		let index = 0;
		let pokerNumber = 0;
		let pokerTimer = egret.setInterval(()=>{
			this.createPoker((poker:egret.Bitmap)=>{
				egret.setTimeout(()=>{  //让每一张扑克间有一定的开始时间差,产生一张一张发牌的效果
					index += offsetNum;
					pokerNumber ++;
					this.move(poker,poker.x+ 150 + index,poker.y + 150,1000);  //根据需要修改在舞台的位置
					poker.touchEnabled = true;
					if(pokerNumber == maxPokerNum){
						egret.clearInterval(pokerTimer);
					}
				},this,200)
			});
		},this,300);
	}

/** 创建扑克牌 */
	private createPoker(callback){
		let poker = ResUtil.createBitmap('cardbg');
	
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值