代码改变世界

走在网页游戏开发的路上（一）

2011-05-28 21:26  吴秦  阅读(43343)  评论(31)  编辑  收藏  举报

起步

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

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

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

clip_image002[4]

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

clip_image004[4]

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

2.2配置FlashDevelop

启动FlashDevelop，界面如下：

clip_image006[4]

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

clip_image008[4]

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

clip_image010[4]

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

3.Hello World

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

clip_image012[4]

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

4. adobe flash cs5

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