H5游戏开发引擎的基本使用

最新推荐文章于 2025-06-07 09:00:01 发布

原创最新推荐文章于 2025-06-07 09:00:01 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#H5游戏引擎 #egret游戏引擎 #h5

h5 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何使用国产游戏引擎Egret进行手机游戏开发的基础操作，包括设置背景颜色、添加文字显示及实现基本的触摸交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.引擎，国产 egret

主函数，src/main.ts 里

自定义场景的背景，和文字显示：最常用的

protected startCreateScene()函数，修改

    //创建单色背景：
        let bg = new egret.Shape();
        bg.graphics.beginFill(0x336699);
        bg.graphics.drawRect(0,0,this.stage.stageWidth,this.stage.stageHeight);
        bg.graphics.endFill;
        super.addChild(bg);  //或者this.addChild(bg);

        //显示文字
        var tx:egret.TextField = new egret.TextField();
        tx.text = 'i`m jack, i will use egret create a fantasy mobile game..!';
        tx.size = 33;
        tx.x = 122;  //x坐标设置
        tx.y = 522;  //y坐标设置
        tx.width = this.stage.stageWidth - 200; //双边宽设置
        this.addChild(tx);

        //用户交互
        tx.touchEnabled = true;
        tx.addEventListener(egret.TouchEvent.TOUCH_TAP,this.touchHandler,this);

函数外定义交互行为

  //自定义Touch交互函数touchHandler
        private touchHandler(evt:egret.TouchEvent):void{
            var tx:egret.TextField = evt.currentTarget;
            tx.textColor = 0x00ff00;  //点击后要变的颜色
        }