作者:zccst
知识目录:
1,对象
2,显示容器
3,事件Event及其继承类
4,定时器
5,动画Tween和MovieClip
private demoMovieClip(){
var data = RES.getRes("stay_json");//JSON
var texture:egret.Texture = RES.getRes("stay_png");//Texture
var mc:egret.MovieClip = new egret.MovieClip(data, texture);
this.addChild(mc);
mc.frameRate = 50;//每秒帧序列次数
mc.gotoAndPlay("stay");
var data2 = RES.getRes("weizhu_json");//JSON
var texture2:egret.Texture = RES.getRes("weizhu_png");//Texture
var mc2:egret.MovieClip = new egret.MovieClip(data2, texture2);
this.addChild(mc2);
mc2.y = 120;
mc2.frameRate = 20;//每秒帧序列次数
mc2.gotoAndPlay("weizhu");//Uncaught Error: [Fatal]MovieClip没有对应的frame::weizhuwww
}
private demoTween(){
//自定义
var txtDesc:egret.TextField = new egret.TextField();
txtDesc.text = "测试";
txtDesc.x = 0;
txtDesc.y = 0;
this.addChild(txtDesc);
var tw = egret.Tween.get(txtDesc);
tw.to({x:(this.stage.width-60),y:(this.stage.height-30)},3000);
}
6,声音
//静态播放的三种形式:
private _anny:egret.Sound;
private demoSound(result:any){
//第一种:直接播放
//console.log(result);
//result.play();
//第二种:先创建一个对象,对该对象的audio赋值
this._anny = new egret.Sound();
this._anny.audio = result;
this._anny.play();
//希望重复播放(第一种方式)
this._anny.addEventListener("ended", this.rePlay.bind(this));
//希望重复播放(第二种方式,直接在play(true) )
}
private rePlay(){
this._anny.load();
this._anny.play();
}
7,网络
对网络的详细解读详见:
http://zccst.iteye.com/blog/2107182
class Net extends egret.DisplayObjectContainer{
public constructor(){
super();
this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
}
private urlloader:egret.URLLoader;
private onAddToStage(event:egret.Event){
this.urlloader = new egret.URLLoader();
this.urlloader.dataFormat = egret.URLLoaderDataFormat.VARIABLES;
var urlreq:egret.URLRequest = new egret.URLRequest();
//urlreq.url = "http://httpbin.org/user-agent";
urlreq.url = "http://httpbin.org/headers";
this.urlloader.load(urlreq);
this.urlloader.addEventListener(egret.Event.COMPLETE, this.onComplete, this);
}
private onComplete(event:egret.Event):void{
console.log(this.urlloader.data);
}
}
环境搭建:
安装nodejs(node -v, npm)
安装webstorm(较好的支持typescript)
安装HTTP服务器(自带,或XMAPP)
安装chrome
安装egret(cd egret-core, npm intall -g)
检查egret是否安装成功(egret)
创建工作区。例如,D:\egret\code
创建项目:egret create HelloWorld
编译项目: egret build HelloWorld
运行项目: egret startserver HelloWorld
http://localhost:3000/HelloWorld/launcher/index.html
发布项目: egret publish HelloWorld
对源代码混淆加密,最终将js压缩为game-min.js,
将launcher和resource上传至服务器,发布完成
如有任何代码改动,再次: egret build HelloWorld
打飞机实例分析:
游戏资源载入
包括的对象:
背景图
开始按钮
我的飞机(1个)
我的子弹(多个)
敌机 (多个)
敌机子弹(多个)
碰撞(需要消失的子弹、敌机,游戏结束判断)
结束记分画面
我的飞机是new出来的:
this.myFighter = new fighter.Airplane(RES.getRes("f1"),100);//然后设置了创建子弹的监听事件
敌机是设置一个定时器,然后调用produce生成出来的:
var enemyFighter:fighter.Airplane = fighter.Airplane.produce("f2",1000);//然后设置了创建子弹的监听事件
getTimer()是从egret开始运行开始计时的
bullet.y -= 12*speedOffset;//我的子弹是从下往上走
if(bullet.y<-bullet.height)//如果走出,则移除
delArr.push(bullet);
碰撞检测的两种方式:
1,检测点
13 var shp:egret.Shape = new egret.Shape();
14 shp.graphics.beginFill( 0xff0000 );
15 shp.graphics.drawRect( 0,0,100,100);
16 shp.graphics.endFill();
17 shp.width = 100;
18 shp.height = 100;
19 this.addChild( shp );
20
21 var isHit:boolean = shp.hitTestPoint( 10, 10 );
22 this.infoText.text = "碰撞结果" + isHit;
2,检测矩形
var rect1:egret.Rectangle = obj1.getBounds();//获取显示对象的测量边界
var rect2:egret.Rectangle = obj2.getBounds();
rect1.x = obj1.x;
rect1.y = obj1.y;
rect2.x = obj2.x;
rect2.y = obj2.y;
//此方法检查指定的 Rectangle 对象的 x、y、width 和 height 属性,以查看它是否与此 Rectangle 对象相交。
return rect1.intersects(rect2);
Android APP打包方案 Windows
创建工作目录D:\Labs
第一部分、安装Android开发环境
1,安装Java7
2,Android NDK adt-bundle-windows-x86_64-20140624_and_ndk_r9d.zip
解压,关联ndk到eclipse
第二部分、安装Egret游戏框架
D:\Labs>cd egret-core
D:\Labs\egret-core>npm install -g
安装Egret的Android支持包(下载,放置在“labs/egret-support/”)
第三部分、创建一个Android打包示例
D:\Labs\projects> egret create ACoolHtmlGame
D:\Labs\projects>egret create_app ACoolAndroidGame -f ACoolHtmlGame -t ..\egret-support\egret-android-support
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
- 大小: 28.4 KB
- 大小: 28.6 KB
分享到:
相关推荐
Egret小游戏示例是基于白鹭引擎(Egret Engine)开发的一款互动娱乐项目,它为初学者提供了深入了解和学习Egret游戏开发的良好实践。Egret引擎是一款广泛使用的HTML5游戏开发工具,它支持2D游戏制作,并且能够跨平台...
在“egret 小游戏.zip”这个压缩包中,包含了多个使用Egret开发的小游戏,这些游戏可以作为学习和参考的实例。通过研究这些小游戏的源代码,我们可以深入理解Egret引擎的工作原理和开发流程。 1. **Egret引擎基础**...
H5手游页游的资源版本管理(带Egret例子)附带的Egret例子 http://blog.csdn.net/sujun10/article/details/77231215 HTML5网络游戏和网页游戏,是属于打开浏览器就可以直接玩的,而且是边玩边下载的游戏。 由于每个...
在这个“egret 单例场景管理类-一个小例子”中,我们将探讨如何使用 Egret 实现单例场景管理。首先,理解单例模式的基本概念是至关重要的。单例模式的核心是限制类的实例化过程,通常通过私有构造函数和静态工厂方法...
这个"egret模仿神手H5小游戏"项目是一个基于Egret引擎的示例,目的是模仿微信小游戏中的热门作品——神手。通过分析这个项目,我们可以深入了解Egret引擎在开发H5游戏时的应用及其核心特性。 首先,Egret引擎采用...
在本文中,我们将深入探讨如何在Egret游戏引擎中创建一个下拉框。Egret是一个基于TypeScript的2D游戏开发框架,它提供了一套完整的开发工具链,包括编辑器、编译器和运行时环境,适用于移动和桌面平台。 首先,我们...
《基于Egret的“跳一跳”H5小游戏开发详解》 在当前移动互联网时代,H5小游戏凭借其轻量级、跨平台的特点,深受用户喜爱。其中,“跳一跳”作为一款曾经风靡一时的游戏,其简单易上手的操作和趣味性吸引了无数玩家...
本库旨在为Egret封装常用的手势操作,因本人能力有限,有的实现并不完善,欢迎批评指正。Egret手势识别库egret_gesture目前已实现的手势: 1. Tap(点一下) 2. Double Tap (双击) 3. Pinch(二指往內或往外拨动,平时...
白鹭 eui 例子基本介绍 EUI是一套基于Egret核心显示列表的UI扩展库,它封装了大量的常用UI组件,能够满足大部分的交互界面需求,即使更加复杂的组件需求,您也可以基于EUI已有组件进行组合或扩展,从而快速实现需求...
【egret_euiBallGame白鹭小游戏】是一个基于Egret引擎开发的轻量级游戏项目,适合初学者用于学习和实践游戏编程。Egret是一个开源的HTML5游戏开发框架,它提供了一整套完整的解决方案,包括编辑器、运行时库、编译...
加载zip压缩的javascript代码以及在Egret H5实际应用 的代码例子 blog地址:http://blog.csdn.net/sujun10/article/details/76427703
《基于Egret的“别踩白块”游戏源码解析与打包技术详解》 “别踩白块”是一款广受欢迎的休闲游戏,其简洁的操作和挑战性深受玩家喜爱。本资源提供了一款基于Egret引擎开发的“别踩黑块”游戏源码,通过分析和学习,...
Egret Engine是一款广泛应用于开发2D游戏和交互式应用的开源JavaScript框架。v5.4.1是这个引擎的一个特定版本,包含了针对性能优化、稳定性改进和新功能的更新。这个压缩包文件包含了框架的核心组件和相关文档,是...
Egret Core 是一款基于 TypeScript 开发的2D游戏开发框架,它为开发者提供了高效、便捷的游戏开发工具链。这个压缩包包含的是Egret官方提供的示例代码,可以帮助开发者理解和学习如何使用Egret Core 进行游戏开发。 ...
《Egret(白鹭)小游戏——射出桃花运源码解析》 Egret引擎,作为一款基于TypeScript开发的2D游戏框架,因其高效、跨平台的特性,在移动游戏开发领域广受欢迎。本篇将围绕“射出桃花运”这款小游戏的源码进行深入解析...
本文将深入探讨这款小游戏的核心知识点,以及如何使用Egret进行游戏开发。 首先,我们要了解Egret引擎。Egret是一个开源的2D游戏开发框架,它基于WebGL和HTML5技术,提供了丰富的API和工具,让开发者能够轻松创建跨...
EgretWing-v3.2.6
下面我们将深入探讨Egret框架、微信小游戏平台以及如何通过它们来创建类似“跳一跳”的小游戏。 Egret引擎是一款基于TypeScript的2D游戏开发工具,它提供了完整的开发环境,包括编辑器、编译器、运行时库和调试工具...