Egret开发HTML5小游戏代码分享

本游戏为《Egret HTML5游戏开发指南》中的案例。作者将代码在这里做一下分享。案例中有两个主要的代码文件,一个Main.ts,一个Circle.ts。在Circle.ts中使用了egret.Tween,这是用来创建动画缓存的类。需要在egretProperties.json中配置tween模块。如图所示:这里写图片描述
下面给出两个主要代码,这是Main.ts:

class Main extends egret.DisplayObjectContainer {

    public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
        this.addEventListener(Circle.Event_Click, this.onClickCircle, this);
    }

    private textCount: egret.TextField;
    private textTimer: egret.TextField;
    private textDes: egret.TextField;
    private timer: egret.Timer;
    private color: number;

    private onAddToStage(event:egret.Event){
        var stageW: number = this.stage.stageWidth;
        var stageH: number = this.stage.stageHeight;

        var bg = new egret.Shape();
        bg.graphics.beginFill(0xffffcc);
        //绘制背景,设定背景大小为应用窗口大小
        bg.graphics.drawRect(0, 0, stageW, stageH);
        bg.graphics.endFill();
        this.addChild(bg);

        this.textCount = new egret.TextField();
        this.textCount.textColor = 0xffffff;
        this.textCount.y = 530;
        this.textCount.text = "分数:0";

        this.textTimer = new egret.TextField();
        this.textTimer
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值