一步一步教你做RPG游戏（1）

文章类别：Flash | 发表日期:2008-9-21 20:08:56

　　第一步:导入资料图片
首先在flash中导入人物走路的图片,如下图:

第二步:制作向前后左右走路的影片剪辑
把刚才导入的图片,分别制作成4个影片剪辑a,d,s,w,用来描述走路的过程,如下图：

第三步:制作Walk影片剪辑
在主场景中建立一个walk影片剪辑,在walk中建立8个要害帧,帧标签分别是: Right , Left , Down , Up ,Right2 , Left2 , Down2 , Up2 前4个要害帧分别放置影片剪辑d,a,s,w ,后面4个要害帧放置相应的静态图片,用来显示人物静止时候的状态.

第四步:加上影子
新建图层yingzi,里面放置一个椭圆形阴影影片剪辑yingzi.如下图：

第五步:添加AS,让人物走动.
1、在walk的第一帧加入：stop();
2、对walk加上ClipEvent.如下：

onClipEvent (keyDown) {

         //定义速度

         var v = 2;

         if (Key.isDown(Key.LEFT)) {

                   if (this._currentframe != "Left") {

                            this.gotoAndStop("Left");

                   }

                   this._x -= v;

         }

         if (Key.isDown(Key.RIGHT)) {

                   if (this._currentframe != "Right") {

                            this.gotoAndStop("Right");

                   }

                   this._x += v;

         }
if (Key.isDown(Key.DOWN)) {

                   if (this._currentframe != "Down") {

                            this.gotoAndStop("Down");

                   }

                   this._y += v;

         }

         if (Key.isDown(Key.UP)) {

                   if (this._currentframe != "Up") {

                            this.gotoAndStop("Up");

                   }

                   this._y -= v;

         }

}

onClipEvent (keyUp) {

         if (Key.getCode() == 38) {

                   this.gotoAndStop("UP2");

         }

         if (Key.getCode() == 39) {

                   this.gotoAndStop("RIGHT2");

         }

         if (Key.getCode() == 40) {

                   this.gotoAndStop("DOWN2");

         }

         if (Key.getCode() == 37) {

                   this.gotoAndStop("LEFT2");

         }

}

最终效果如下：

当然，这个家伙会满屏跑，在传统的RPG游戏当中，人物应该在屏幕的中心才对，下节我们将讲解如何实现人物在场景中行走。先看看走动效果吧：

Windows操作 [文]	Word教程 [文]	Excel教程 [文]	PowerPoint [文]	Dreamweaver [文]	Fireworks [文]
Flash教程 [文]	PhotoShop [文]	CorelDraw [文]	C语言教程 [文]	Html教程 [文]	Div+Css布局 [文]
Javascript [文]	ACCESS数据库 [文]	ASP教程 [文]	SQLServer [文]	ASP.NET教程 [文]	FlashAS [文]

Word教程网	Excel教程网	Dreamweaver 教程网	Fireworks教程网	PPT教程网	FLASH教程网	PS教程网
HTML教程网	DIV CSS教程网	FLASH AS教程网	ACCESS教程网	SQL SERVER教程网	C语言教程网	JAVASCRIPT教程网
ASP教程网	ASP.NET教程网	CorelDraw教程网