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

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

  废话不多说了,就用大鸡蛋他们的《暗黑世界》(后面简写:《暗黑》)开始吧!众所周知,《暗黑》现在本身是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方库):


 diabloworld-desktop-air.zip (20.23 MB, 下载次数: 296)



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


9秒链接:www.9miao.com

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值