走在网页游戏开发的路上

本文原创版权归 博客园 吴秦 所有，如有转载，请按如下方式详细标明原创作者及原文出处，以示尊重！

作者：吴秦
出处：http://www.cnblogs.com/skynet/
本文基于署名 2.5 中国大陆许可协议发布，欢迎转载，演绎或用于商业目的，但是必须保留本文的署名吴秦（包含链接）.

起步

——此系列谨记录我步入页游开发队伍的历程。

0.写在前面

相信有很多和我一样的人，曾多次问google、问baidu、问各大论坛——如何开发游戏？开发游戏如何入门？由于游戏开发本身其复杂、庞大、涉及东西比较多，始终不得其道，最终激情无情的被时间这把杀猪刀给磨灭。之后又一次激情澎湃，又一次不了了之……

本人喜欢玩游戏，也有幸在研究生毕业能够加入腾讯QQ游戏开发部门，本系列将记录如何步入网页游戏开发的历程。此系列，至少是目前阶段，主要关注如何使用ActionScript 3.0开发网页游戏（本人完全从0起步），关于后台如何使用C++不进行详细介绍（后面有机会在介绍）。希望能够给后来人一些帮助，不像当初那个无助的、不得其道的我。

1.近期计划

下面是导师给我的安排：

时间	任务	学习目标	输出
2011-5-5 ~ 2011-5-18	1、熟悉AS3基本语法 2、了解AS3事件机制 3、熟悉Flash动画原理 4、使用AS3获取外部数据（加载XML、JS通信）	熟悉AS语言	按照任务输出DEMO，由导师检查并且给出评价
阅读AS编码规范文档	熟悉所有编码规范	回答导师提出的编码规范问题
体验CityVille、It Girl	熟悉SNS社区游戏。 (游戏等级达到20级)	输出游戏体验报告。

推荐tyler几本书，空余时间可以看看。

F  Flash游戏编程指南

F  Head First设计模式

注：1、CityVille（城市小镇）是Zynga于2010年12月2日在上推出的游戏。自12月2日发布CityVille以来，CityVille在全球的用户总数已接近7250万人，较知名农场游戏FarmVille 5740万的活跃用户超出25%。CityVille成为历史上用户增长速度最快的一款游戏。

2、对于喜欢纸娃娃系统、各种款式新潮服饰，以及享受购物快感的玩家，《It Girl》绝对是款量身打造的游戏！玩家将于纽约市中心开始进行游戏，藉由不断搜寻服装商店，购入各式各样的衣服、裙裤、套装、配件…等，让自己能穿上更多豪华服饰，成为真正的派对女王。游戏中所有的服装和配件都有惹火度（Hotness）以及适合的场合类型，因此玩家除了购入高惹火度衣服之外，也要留意适合这些服装能出席的场合。搭配出最高惹火度服装组合后，再和其它玩家或NPC较量服装，就能获得更多金钱与经验值，并提升等级获得其它地区通行权限，购入更多更丰富的服饰。

2.环境搭建(FlashDevelop)

FlashDevelop是一款开放源代码面向Flash/ActionScript的开发IDE。FlashDevelop 本身采用.NET开发而成，可以运行在Windows环境之中。FlashDevelop动作轻快，对应ActionScript2/3，另外支持 HTML，JavaScript，CSS等高亮显示，代码自动输入补全，IDE环境下的debug功能等。

l  下载最新FlashDevelop（当前最新FlashDevelop 3.3.4 RTM released）：http://www.flashdevelop.org/community/viewforum.php?f=11

l  下载最新Flex SDK（当前最新Flex 4.5）：http://opensource.adobe.com/wiki/display/flexsdk/Downloads

l  下载JRE（>=1.6）：http://www.oracle.com/technetwork/java/javase/downloads/index.html

l  如果使用源代码管理功能的话，还需要安装SVN（如TortoiseSVN）

2.1安装 FlashDevelop & Flex SDK

安装软件本不该我多说，我就指出几个需要注意的地方：

注意勾选Advanced中的Multi Instance，否则一次只能打开一个项目，不方便使用。（Ps：不用勾选Standalone/Portable，我勾选了该项安装之后启动报错失败，目前还不明原因。）

这个可以直接取消，自己手动下载最新的Flex SDK，而且网速不好的话，通过这个安装下载非常慢。将前面下载的Flex SDK解压，路径随你喜欢，我的是“C:\Program Files\Flex SDK\flex_sdk_4.5.0.20967”。

2.2配置FlashDevelop

启动FlashDevelop，界面如下：

选择 Tools—>Program Setting（快捷键F10），然后设置AS3Context的Flex SDK Location为FlexSDK的解压路径，我的如下图：

设置FlashViewer，即flash播放器，要使用一个Debug版本，否则FlashDevelop不能否直接输出调试信息。一般在Flex SDK的runtimes\player\路径下面，如下图所示：

至此，基本环境已经搭建好了，FlashDevelop支持很多插件，为了强化功能可以有选择地安装一些插件，这里就不多说了。

3.Hello World

新建一个AS3项目，如下所示，在Main.as中输入下代码：

运行可以在输出窗口看到，“Hello World!”。

4. adobe flash cs5

Flash开发adobe flash cs5肯定会使用到，它是收费的，怎么安装google、百度之。

 

 

评论

2 楼 kenkao 2011-11-23  

389cadcom 写道

这才入门吧。。。。

本系列的文章目前已经写到了第8节，请点击链接支持作者原创！

1 楼 389cadcom 2011-11-12  

这才入门吧。。。。