1, 普通文本 class Main extends egret.DisplayObjectContainer { public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } /** * 文本类型, egret.TextField, 具体属性方法与事件, 请前往 * http://developer.egret.com/cn/apidoc

前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过程中会使用到众多的类或对象,对于它们的具体用法,建议查看白鹭官方文档. 文档地址:http://edn.egret.com/cn/docs/page/639 修改Loading 上一节我们讲到即将创建场景createGameScene()的时候就结束了,这一节在我们正常创建场景之前,我们先修改一下l

1.资源记载方式 (1)Egret引擎是2.0.5. (2)resource/resource.json文件是: { "resources": [ { "name": "bgImage", "type": "image", "url": "assets/bg.jpg" }, { "name": "egretIcon", &quo

Egret Egret引擎是一款使用TypeScript语言构建的开源免费的移动游戏引擎.Egret仅是纯粹的使用TypeScript语言来开发游戏,开发后可以使用Egret来打包为HTML5网页游戏和Android,iOS,WinPhone原生游戏. WebPack webpack是一款模块加载器兼打包工具,它能把各种web开发中常用到的静态资源,包括JS(含JSX).CoffeeScript.TypeScript.样式(含less/sass).图片等都作为模块来进行统一的管理以及打包发布,其

HTTP 请求与响应: private createGameScene():void { //HTTP 1.0 var request = new egret.HttpRequest(); request.responseType = egret.HttpResponseType.TEXT; //请求二进制数据则用 HttpResponse.ARRAY_BUFFER //http 测试服务器 + Get 方式 request.open("http://httpbin.org/post"

常规处理: private createGameScene():void { var shp = new egret.Shape(); shp.graphics.beginFill(0xff0000, 1); shp.graphics.drawRect(0, 0, 480, 800); shp.graphics.endFill(); this.addChild(shp); var label:egret.TextField = new egret.TextField(); label.text

矢量绘图: 1. 为矢量绘图绘制外边 - graphics.lineStype() private createGameScene():void { console.log("Runtime start."); var myShape:egret.Shape = new egret.Shape(); myShape.graphics.lineStyle(10, 0x00ff00, 1); myShape.graphics.beginFill(0xff0000, 1); myShape.

居然使用 TyptScript... 先贴手册地址:http://www.typescriptlang.org/docs/tutorial.html. 先要接受一个诡异的写法: private loadingView:LoadingUI; 首先支持了 private.public 类的对象名在前:loadingView 类的类型名在后:LoadingUI(在JS上封装出了强类型?) TyptScript 的特性: 类 Classes 接口 Interfaces 模块 Modules 类型注解 T

下面简单介绍一下我这个游戏:基本上就3个画面(准备再添加一个胜利的界面)开始画面,一个按钮,点击进入游戏游戏画面,滚动的背景,触摸移动的老鹰,从天而降的翔,以及右上角的时间条结束画面,显示结果,关注按钮和重玩一次按钮  游戏主文件:GameContainer.ts(游戏逻辑)4个类文件:GameUtil.ts(功能集合),BgMap.ts(背景滚动),Shit.ts(翔的创建和回收),ScorePanel.ts(结果展示) /**GameUtil.ts*/ /**基于圆心的碰撞检测*/ publ

1,显示容器:所有的容器都继承自DisplayObjectContainer , DisplayObjectContainer 又继承自DisplayObject: 2,想定义一个容器只要创建一个类,并使其继承自DisplayObjectContainer 即可,想实现graphics功能,只要继承Sprite类即可: 3,显示对象的操作:添加,删除,检测,访问,设置堆叠次序: 建立显示对象: var spr:egret.Sprite = new egret.Sprite(); spr.beig

1,Egret的程序入口: C和java是以一个main函数作为入口,但egret类似于ActionScript 是以一个文档类作为入口,确切的说是以这个文档类的构造函数作为入口: 2,文档类的构造函数即egret程序的入口函数,可以看到入口函数内有这样一行代码: this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this) 目前只需要知道这行代码保证了onAddToStage方法执行时,文档类实例已被添加到舞台

打开 Egret Wing,新建一个Egret游戏项目,然后删掉默认生成的createGameScene方法里面的东西 然后新建一个BeginScene.ts的文件,作为我们的游戏的第一个场景 class BeginScene extends egret.DisplayObjectContainer { public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.Init, this

Egret 项目文件夹配置和基本容器.动画: class Main extends egret.DisplayObjectContainer { //src是resource codede 缩写,所有项目的源代码都放在该目录:新建项目会包含:两个文件 Main.ts默认入口文件: //LoadingUI.ts是加载过程辅助显示组建,用来显示加载进度: //项目配置文件:根目录下的egretProperties.json //libs 目录包含项目各个模块对应的所有类库 //bin-debug 目

0.前言 这个星期没有什么事做,就想找点技术了解一下.前段时间看过Egret,用来开发HTML5小游戏.一开始以为很麻烦的,但是经过这两天了解了一下,如果用这个游戏引擎来开发一些简单的游戏,还是蛮方便的.为什么会了解这个,是因为有个同事是开发Android的,是开发那种普通APP,就是一些简单的界面,跟硬件收发一下数据,然后展现出来.总体开发没有难点的,就是用Android开发那种界面交互效果很差,好看一点的呢,开发效率又很低.我就跟他提出,可以用html5画一些界面和一些动画效果.经过这两天了

推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客 最近事情特别多,今天终于实现了排行榜功能,记录下来大家一起学习学习. 一.调用默认排行榜 首先我们需要了解: 1.白鹭开发文档(开放数据域):http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/openDataContext/index.html 2.微信小游戏开发文档(关系链数据):https://developers.weixin.q

要实现弹幕功能,首先需要将弹幕配置成配置表.然后代码随机生成. /**生成单个弹幕 */ private showCaptionAnim(captionText: string) { egret.log("字幕生成"); var showCaption_1: egret.TextField = new egret.TextField(); showCaption_1.text = captionText; showCaption_1.textColor = 0Xffffff; show

egret常用功能<pre>////////////////////////////////////////////////////////////////////////////////////////// Copyright (c) 2014-present, Egret Technology.// All rights reserved.// Redistribution and use in source and binary forms, with or without// modi

第八篇(书中 2.0~2.6节 内容) 好!开始把前三章的内容录入进来. 但是!由于第一章说的内容都是在介绍白鹭引擎的背景信息,我就不在日记中写了. 直接开始从第二章写起. 2.0节 中提到了IDE(代码编辑器)最好使用Egret提供的Egret Wing. 接下来是 2.1节 . 总结一下 2.1节 重点: 1.快捷键的使用. 2.鼠标右键菜单提供的基础功能. 跟着做,感觉就没必要了.太简单了. 接下来看 2.2节 的内容. 总结 2.2节 的重点: 1.可以创建不同的项目类型 跟着做: 重点

1.环境搭建 安装教程传送门:http://edn.egret.com/cn/index.php?g=&m=article&a=index&id=207&terms1_id=20&terms2_id=22   安装包下载:http://www.egret.com/egretengine 一键安装完成. 打开cmd验证是否完成:输入命令:egret,如安装正确的则如下图所示. 如果显示未配置环境变量,找到修复安装.点击修复安装后Egret 会帮你修复被破坏的环境变量和

1.加载资源 2.将显示对象添加到显示列表 /////////////*****************************动态帧频***********************************/// private imgLoadHandler(e: egret.Event): void { //输入帧频 this._textInput = new egret.TextField; this._textInput.size = 50; this._textInput.type =