您的位置:首页 > Web前端 > HTML5

HTML5)egret框架开发环境搭建简明指引

2015-03-26 10:17 323 查看
egret官网:http://www.egret-labs.org/

egret下载中心:http://www.egret-labs.org/downloads

egret文档中心:http://docs.egret-labs.org/

egret在线API文档:http://www.egret-labs.org/api

egret论坛:http://bbs.egret-labs.org/portal.php

下面是使用egret框架开发需要的准备步骤,以下为必须项(可以写代码的编辑器很多 这里只以Visual Studio为例)

1.安装VS2013

2.从egret下载中心,下载Egret Engine,并安装。

这个是引擎,可以安装到任何目录,安装会自动设置环境变量等,不需要额外设置。开发时也不用管它,只需关注你当前安装的引擎版本是不是你需要的,可以降版本或升版本,只需安装对应的引擎版本即可。比较稳定版本1.5.0,
1.6.0,两者差别比较大,动画实现部分都被重写。

3.从egret下载中心,下载EgretVS。

这个是VS2013的插件,安装后可以在用VS创建项目时有egret项目选项,也可以用VS编译egret项目。

4.从VS2013扩展中心下载TypeScript_1.4_VS2013。

因为egret引擎是使用javaScript的超集TypeScript开发的,下载这个插件可以在VS中写egret代码时有代码提示和代码高亮

** 以上完成后就可以用VS创建一个egret项目(建议创建egret-Game项目,有一些基本代码),开始开发了!!

--

其他:(下面是非必须项,也可以用)

1.可以下载一个xampp,用于本地服务器搭建。下载地址查看http://docs.egret-labs.org/post/tools/servertools/xampp.html

因为egret开发h5是网页项目,所以有一个本地服务器方便一点。xampp是一个tomcat、Apache等的一个组合软件,如果自己有tomcat也可以。

2.Flash软件,可以下载Flash CC绿色版,用于制作动画。同时要安装egret的flash插件,查看http://bbs.egret-labs.org/thread-127-1-1.html

因为egret的动画可以用flash制作,然后再用Flash的egret插件生成egret可以使用的格式。

3.TexturePackerGUI,纹理打包工具,可以把多个图片拼接成一张大图同时生成一个配置文件,但需要安装一个egret插件才能生成egret使用的格式,查看http://bbs.egret-labs.org/forum.php?mod=viewthread&tid=17&highlight=TexturePacker。

这个是非必须的,也可以使用egret自己开发的Texture Merger纹理打包工具。



----
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: