Html5斜45度地图+3D模型ARPG系列教程（1）-- 搭建开发环境

前言：本来做这个项目，本来是为了趁html5市场火热参与一下（几个月以前写的了），后面由于各种原因没有用上，但是前前后后还是花了一个多月的时间放在硬盘里感觉有点浪费了，所以出个教程帮一下想做Arpg游戏的新手们。这个demo用的LayaAir引擎开发的，语言用的是AS3.0（因为之前做过一段时间Flash Air开发所以对AS3.0相对熟悉）,当然最重要的还是思路，思路有了不管用什么引擎和语言都是一样一样儿的。

先上个图：（打码不是为了装逼，是因为图片素材是用的朋友项目的资源）

一、开发工具介绍：
1.html5游戏引擎：类库LayaAir1.7.3 AS3.0版本（IDE自带）
2.IDE：LayaAir IDE 1.7.3(下载地址http://ldc.layabox.com/download/?type=layaairide-LayaAir%20IDE%201.7.5%20beta)                                    FlashBuilder4.7（网站找下很多，以及如何pojie）
3.调试工具：google chrome浏览器

二、新建一个IDE自带的UI测试工程

打开LayaAirIDE ，选择 文件-->新建项目（首次打开会直接提示你新建项目）

点击运行结果如下：

三、FlashBuilder配置

这里就讲解FlashBuilder的安装与pojie了，自行网上找很多

打开FlashBuilder，选择 文件--导入--现有项目到工作空间

导入项目后右键，选择属性--ActionScript构建路径，删除原来Air SDK的playerglobal.swc

然后选择添加swc，选中LayaAir Ide安装目录下的playerglobal.swc

（比如我的路径为：D:\Software\LayaBox\LayaAirIDE_1.7.3\resources\app\out\vs\layaEditor\laya\libs\1.7.3\as\playerglobal.swc）

可能会有编译错误，不用管它不影响运行（layaair有些地方没有严格按照as3.0语法写，很少）

三、google chrome浏览器调试在FlashBuilder中的配置

关于chrome在FlashBuilder里面的配置直接看这里吧，我就不累述了

http://ldc.layabox.com/index.php?m=content&c=index&a=show&catid=6&id=160

 按照上面网址的方法配置好chrome，在打开的chrome浏览器里面按F12就可以调试了。

最后建了个群228688193，欢迎各位做游戏开发的同仁加入，大家一起交流学习！

（其实是为了体验一把当群主的感觉，哈哈！）