白鹭引擎Egret入门知识补充
来源:互联网 发布:淘宝修真记无弹窗 编辑:程序博客网 时间:2024/04/28 10:13
《围住神经猫》的一夜蹿红,让一个h5游戏引擎也跟着火热起来了——egret。
(官网传送门:http://www.egret-labs.org/)
安装和helloworld的demo官网给了很简明易懂的文档,这里就不啰嗦。不过官网给的helloworld的demo的背景图片,实在没法不让人不吐槽。
项目目录如下:需要关心的有两个文件夹:launcher、src。
launcher 文件夹下面,需要关心的是 index.html文件,改文件是项目的入口。egret帮助建立的,自己可以自行修改里面内容,只要别把加载框架的部分干掉就行。
其中必要说明的是 Id 为 gameDiv 的<div> 是游戏引擎用来操作的地方。框架会在改<div>下面自动建立一个<canvas>,然后在这上面绘制游戏界面。可以自行控制gameDiv的样式,别删除或者修改ID就行。launcher文件夹下面暂时没有别的需要关注的了。
src 文件夹下面两个文件,后缀名为ts,是typescript 文件,其实就是javascript 的一个超集而已。其中loadingUI.ts ,暂时也不需要关心,这个是加载网页的时候让用户安心等待的一个提示界面。
好了下面就是最重要的Main.ts
标注的两个方法,就是egret对html所干的事情。整个hello world分析就结束了。
总结一下:
egret采用的是typescript 语言,在入口(index.html)文件里面操作 ID 为 gameDiv的标签(在改标签下面增加一个画布<canvas>)。项目启动交给了main.ts(改文件名字可更换),main.ts会加载预先准备的资源,资源加载完成之后,开始绘制<canvas>里面的内容。
不懂的可以加我的QQ群: 226508420(白鹭引擎Egret交流群 )欢迎你的到来哦,看了博文给点脚印呗,谢谢啦~~
- 白鹭引擎Egret入门知识补充
- 白鹭(egret)搜素引擎入门
- Egret 白鹭引擎实践
- Egret---白鹭引擎
- 白鹭引擎(Egret Engine )
- egret白鹭引擎基础介绍
- 简单介绍了解白鹭引擎Egret
- 白鹭引擎Egret在windows下安装
- egret(白鹭引擎) 学习历程(二)
- 游戏引擎 白鹭(egret)学习总结(一)
- egret白鹭引擎出现不能操作数组情况的解决方法
- 白鹭引擎(egret)中锚点(anchoroffset)的位置体会
- Egret白鹭引擎编写影片剪辑出现报错的解决办法
- 白鹭引擎-Egret使用一:从创建第一个html5程序到运行,及在centos上运行,发布等
- poker -3 +白鹭引擎
- 白鹭EGRET使用龙骨DRAGONBONES骨骼动画
- Egret引擎实现多个遮罩
- Egret引擎的使用
- easyUI的combox三级联动
- UI中的协议使用步骤
- 程序员的出路之一
- Android复习笔记(3)-android下的junit
- cloudfs4oss配置
- 白鹭引擎Egret入门知识补充
- lintcode Binary Search
- Java垃圾回收机制
- phpcms V9二次开发之联动菜单筛选 包括box字段的多选 单选 筛选教程
- cocos2d-x 3.0 CPP项目 添加Testin Crash
- Android复习笔记(4) - 文件读取相关
- HDU 2642(树状数组模板二维)
- String StringBuffer StringBuilder比较
- poj 1167 The Buses