白鹭小游戏-成语挑战-开始页面

白鹭小游戏-成语挑战-整体项目结构

跳转开始页面

Main.ts

/*** 创建场景界面* Create scene interface*/
protected createGameScene(): void {this.addChild(Begin.Shared()) //打开页面
}

皮肤文件

构建皮肤文件构建方法参照 loading 页面构建方法

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="BeginSkin" width="640" height="1136" xmlns:e="http://ns.egret.com/eui" xmlns:w="http://ns.egret.com/wing" ><w:Config id="16e689a2820" ></w:Config><e:Image id="bg" source="GameBG1_jpg" x="0" y="0" width="640"/><e:Button id="btn_open" label="" x="196" y="1005" anchorOffsetY="0" height="79" anchorOffsetX="0" width="248"><e:skinName><e:Skin states="up,down,disabled"><e:Image width="100%" height="100%" source="StartBtn_png" source.down="StartBtn1_png"/><e:Label id="labelDisplay" horizontalCenter="0" verticalCenter="0"/></e:Skin></e:skinName></e:Button><e:Button id="btn_set" label="设置" x="519" y="12"/>
</e:Skin>

ts文件

点击开始游戏跳转选择关卡页面播放背景音乐和按键声音
点击设置跳转设置页面

/*** 开始页* */
class Begin extends eui.Component implements  eui.UIComponent {// 单例 调用打开此页面private static shared:Beginpublic static Shared(){if(!Begin.shared){Begin.shared = new Begin()}return Begin.shared}public btn_open:eui.Button;public btn_set:eui.Button;public bg:eui.Image;public constructor() {super();}// 添加皮肤时会自动调用该函数protected partAdded(partName:string,instance:any):void{super.partAdded(partName,instance);}// 组件加载完毕之后调用protected childrenCreated():void{super.childrenCreated();this.init()}private init() {musicManager.getMusic().playBgMusic()// 绑定事件this.btn_open.addEventListener(egret.TouchEvent.TOUCH_TAP,this.openClick,this)this.btn_set.addEventListener(egret.TouchEvent.TOUCH_TAP,this.setClick,this)this.bg.addEventListener(egret.TouchEvent.TOUCH_TAP,this.bgClick,this)}private bgClick() {// 关闭弹窗// this.parent.removeChild(ChooseLevels.Shared())}private openClick() {musicManager.getMusic().playBtnMusic()       let parent:egret.DisplayObjectContainer = this.parent; // 设置所有场景所在的舞台// parent.removeChild(this) //关闭当前页面parent.addChild(ChooseLevels.Shared())// 打开选关卡页方式// this.parent.addChild(ChooseLevels.Shared())// this.addChild(ChooseLevels.Shared())// this.parent.addChild(new ChooseLevels)// SoundManager.getInstance().playClick()// let parent:egret.DisplayObjectContainer = this.parent;  // parent.removeChild(this) //关闭当前页面// parent.addChild(ChooseLevels.Shared())}private setClick() {musicManager.getMusic().playBtnMusic()// 打开设置页let parent:egret.DisplayObjectContainer = this.parent; // 设置所有场景所在的舞台// parent.removeChild(this) //关闭当前页面parent.addChild(SetGame.Shared())}
}

白鹭小游戏-成语挑战-开始页面相关推荐

白鹭小游戏-成语挑战-加载页面
白鹭小游戏-成语挑战-整体项目结构新建进度条组件新建Eui组件在 src/game 文件夹右键新建模版文件新建EUI组件 press 构建皮肤文件打开皮肤文件 press.exml ...
白鹭小游戏-成语挑战-游戏页面-字块
白鹭小游戏-成语挑战-整体项目结构游戏页面皮肤文件 gameScene.exml 构建皮肤文件构建方法参照 loading 页面构建方法 <?xml version="1.0&q ...
白鹭小游戏-成语挑战-资源放置
白鹭小游戏-成语挑战-整体项目结构 1,在从源码获取下载好后 2,打开软件新建项目在 Erret Launcher 创建项目或在开发工具 Egret wing 创建 3,资源放置在 res ...
白鹭小游戏开发，并发布到微信平台
用白鹭开发小游戏,能快速部署到微信.qq.oppo.小米等平台. 白鹭官网 https://www.egret.com/ 先要下载egret engine https://docs.egret.com ...
谷歌404页面html源码，可玩恐龙小游戏快速安装
二.下载:https://wwm.lanzout.com/iRTpA08d3qvc 三.用途: 可集成到自己的网站上,可以玩谷歌恐龙小游戏可修改打赏页面可替换自己喜欢的图片可供初学者学习网页原理 ...
protobuf 微信小程序_Protobuf在微信小游戏开发中的使用技巧
微信小游戏发布后,许多 HTML5 游戏开发者希望把现有的 HTML5 游戏迁移到微信小游戏中,但由于一些技术上的问题导致进程卡壳.通过梳理Egret社区.白鹭小游戏开发技术讨论群等途径的反馈后发现, ...
js小游戏--消消乐
该小游戏原理是在页面随机生成"img"标签,点击鼠标即可消除该"img"标签并且在页面上方会显示游戏的剩余时间,按下开始按钮即可开始游戏,游戏过程中也可以暂停游 ...
我要糖糖糖HTML5小游戏,一些简单的团建破冰小游戏「15个」
导读:1.破冰小游戏[警察抓小偷] 两组人成两排,面对面站立,互相伸出手,交错,互击.喊1左边队拍右边队员的手.喊2右边队拍左边队.喊3停住不动.做错的做蹲起. 2.破冰小游戏[ 1.破冰小游戏[警察 ...
微信小程序之2048小游戏（一）
微信小程序之2048小游戏(一) 前言小程序的整体思维图主界面配置页面 .wxml .wxss .js 小结前言这一篇文章主要介绍的小程序是2048小游戏,该小程序来自Github.在Gi ...

白鹭小游戏-成语挑战-开始页面

跳转开始页面

皮肤文件

ts文件

白鹭小游戏-成语挑战-开始页面相关推荐

最新文章

热门文章