发新话题
打印

一步一步教你做RPG游戏(1)

一步一步教你做RPG游戏(1)

第一步:导入资料图片

首先在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游戏当中,人物应该在屏幕的中央才对,下节我们将讲解如何实现人物在场景中行走。

附件:源文件

[ 本帖最后由 猫大哥 于 2006-9-4 12:55 编辑 ]
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

楼主``` 很想学习学习
加油学习啦````

TOP

好哦,希望你能坚持写一个完整的RPG教程

TOP

支持下学习中

TOP

后天发布源文件上来!明天我不上来了.有点事情!
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

本课程的 源代码

附件

一步一步教你做RPG游戏(一).fla (96 KB)

2006-9-4 09:30, 下载次数: 584

一步一步教你做RPG游戏(一).swf (17.33 KB)

2006-9-4 09:30, 下载次数: 282

盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

谢谢分享

TOP

呵呵` 谢谢楼主啦```
一步一步教你做RPG游戏(1) 学会啦````
期待楼主的   一步一步教你做RPG游戏(2) 啦
加油学习啦````

TOP

不错,只是向下走的时候不大象,如能改进一下就更好了

TOP

很有趣哦。呵呵。加油。
笑口常开,笑天下一切可笑之人;
大肚能容,容天下一切难容之事。

TOP

引用:
原帖由 tiger_0309 于 2006-9-4 17:08 发表
不错,只是向下走的时候不大象,如能改进一下就更好了
那个是轩辕剑的图片资源,我截屏下来PS的,可能漏掉了一张图片
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

学习中~~~谢谢LZ分享~~~~~~~~

TOP

文明子飞舞

附件

永远飞舞.gif (3.49 KB)

2006-9-6 18:47

永远飞舞.gif

TOP

谢谢楼主学习中~~! 希望多发教程~~!

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

引用:
原帖由 chjmiik 于 2006-9-12 20:46 发表
楼主怎么没设置,场景边框,,不难,人家,就可以往外面跑了,,是不是可以完善点,,
在 下一篇教程里面会讲到的
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

楼主大哥,你上一篇教程到今天已经半个月了。下一偏什么时候能写出来啊?
期待期待再加期待~~
希望你快一点写出来。
别怪我贪心,你一个星期能写出来三篇教程吗?

TOP

我顶!

TOP

不好意思,因为工作的事情,这段时间没有更新,过几天我一定补上!
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

TOP

告诉大家一个不错的网站 http://www.jc88.NET (视频教程网),这个网站主要收录了动画制作,图形图像,网页设计.3D等近100部语音视频教程,让你像看电视一样轻松学习。可以在线收看,也可以打包下载,很是方便。最主要的是这里的教程完全免费。需要的朋友可以看看。

TOP

你说的几天到底是几天?
我又等了8天了。你的教程是不是已经结束了?

TOP

我顶你啊

TOP

学习ing
最近在做毕业设计下是想做一个这种游戏
教程往下写吧
顺便问个问题
在这种游戏中人物在地图中行走不想让他走的地方我该怎么做
急等回答
另急等您的第下一步教程

TOP

好鬱悶~~
還可以卸走~~

TOP

太好了啊
谢谢分享啊

TOP

有一点不明白
为什么要加上这句    if (this._currentframe != "Left")
这个问题困惑了好久,想明白其中道理!

TOP

非常感谢

TOP

............................

TOP

发新话题