我们一起来游戏 （一）——（AS3零基础做AIR卡牌网游）

openfirefly

庆祝一下大鸡蛋他们乔迁新址，特发此系列。帮助喜欢游戏，又有兴趣自己做游戏，但不知道从何下手的童鞋们。高手们如果发现问题，请及时指出，避免误人子弟。先谢谢大家。

　　废话不多说了，就用大鸡蛋他们的《暗黑世界》（后面简写：《暗黑》）开始吧！众所周知，《暗黑》现在本身是cocos2d-x版的，这里将用ActionScript 3重新实现一套出来。如果对ActionScript 3不熟悉，那么建议自己去找Adobe的官方教程（打印出来可是非常厚的，而且是真TMD的厚。罪过！罪过！忍不住爆了句粗口。不过这本书讲的非常好，真心非常好）。

　　既然是ActionScript 3的，那决定了这个游戏是可以跨各个平台的，包括桌面版，移动版和网页版。先以桌面版为主体说明，后面会有一篇单独出来，帮助大家怎么将桌面版，变成移动版或网页版。大家可要稍安勿躁了！

一、起航

1.1 开发工具
　　大家都知道工欲善其事必先利其器，选择一个好的开发工具是必然的。比如有Flash Builder，Flash Develope等，当然用记事本也行。这里将用Flash Builder 4.7 Mac版为例。友情提示，在Windows下开发，Flash Builder太吃内存了，可以在配置文件中修改一下，度娘和谷爹上很多，自己找找吧。

1.2 第三方库
　　用AS3开发游戏，有很多技术，这里为了考虑将来在移动版上的效率问题，决定使用Starling这个玩意，但是这个提供的UI库太过于薄弱，所以还是决定用一个Features来完成UI的实现。一个好的游戏，为了将来的后续开发和维护，肯定要选择一套MVC来使用，这个就有很多种选择。现在出名的MVC库太多了，像PureMVC，Robotlegs，Cairngorm等太多了。既然选择使用Starling，那么就Starling更彻底一点，选用StarlingMVC来完成后面的开发。
　　注：鄙人也是第一次使用Starling，Features和StarlingMVC这样的配合，如果有不当的地方，高手们速度提出来啊！关于这3个东西怎么用，请咨询查找资料，网上有很多的。

1.3 资源辅助
　　其实游戏说起来没有什么神秘的，就是一堆图片在切换，然后加点声音，加点交互操作了。图嘛，这个用的量肯定是巨大的，管理就是一个很重要的问题，不管后面为了加载方便还是管理方便还是配合Starling这个玩意，都需要有一个好的辅助工具来帮我们搞定一些问题，这里将用TexturePacker来帮我们加工图片类的资源了。

　　准备工作还剩下分析游戏，设计游戏，资源和静态数据，但这个简单，已经有现成的了，我们直接从《暗黑》cocos2d-x版里吸取了。

　　总结一下，我们一共需要的东西：
       1. 开发工具：Flash Builder 4.7；
       2. 第三方库：Starling，Features和StarlingMVC（本章结束的地方会提供下载）；
       3. 资源辅助：TexturePacker
       4. 资源，静态数据

二、起飞

创建项目
　　这个简单，如图所示就可以了。
　　
　　第一步：
　　


　　第二步：
　　

　　输入项目名称后，选择Desktop（run in Adobe AIR），点击下一步。

　　第三步：
　　

　　修改Application ID后点击完成，出现后面的图，那么项目才算创建成功。
　　


　　此处有问题，原第四步到第七步，请已看到的人忘记吧。本人把后面的东西提前发出来了，给大家造成的误解，请原谅。

　　第八步：
　　项目名称上右键，选择新建一个目录，名称叫libs，将下载下来的Starling.swc，Features.swc和StarlingMVC.swc（注意版本支持）放到libs目录里

　　第九步：
　　项目名称上右键，选择属性->ActionScript Build Path->Add SWC Folder...，在出现的对话框里输入libs，点击OK，出现如图所示
　　

　　然后点击OK，项目就创建完了

　　第十步：
　　将资源文件放到项目中，在src下创建目录，如此结构
　　

　　这个里面放的就是我们需要的各种资源，settings.xml文件是游戏开始时候的配置文件（内容将在后面介绍），hycc.ttf文件（取自《暗黑》）是字体文件。

　　第十一步：
　　修改Main-app.xml文件中的几个节点：
　　<filename>Main</filename>修改为：<filename>DiabloWorld</filename>
　　<name>Main</name>修改为：<name>暗黑世界</name>
　　<versionNumber>0.0.0</versionNumber>修改为：<versionNumber>0.1</versionNumber>
　　<!--  <renderMode></renderMode> -->修改为：<renderMode>direct</renderMode>
　　然后保存

　　至此整个项目创建完成了，从下一章开发我们将愉快的进行我们的coding之旅。


今天到此为止的项目（已包括第3方库）:

游客，如果您要查看本帖隐藏内容请回复

PS：最近时间有点小忙，更新频率可能不定，但一般不会超过两天。

ren5237

看看，学习一下

369750711

我来学习学习

lxw7788

如果您要查看本帖隐藏内容请回复