返回列表 回复 发帖

一步一步教你做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如下:
  1. onClipEvent (keyDown) {

  2.          //定义速度

  3.          var v = 2;

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

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

  6.                             this.gotoAndStop("Left");

  7.                    }

  8.                    this._x -= v;

  9.          }

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

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

  12.                             this.gotoAndStop("Right");

  13.                    }

  14.                    this._x += v;

  15.          }

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

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

  18.                             this.gotoAndStop("Down");

  19.                    }

  20.                    this._y += v;

  21.          }

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

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

  24.                             this.gotoAndStop("Up");

  25.                    }

  26.                    this._y -= v;

  27.          }

  28. }

  29. onClipEvent (keyUp) {

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

  31.                    this.gotoAndStop("UP2");

  32.          }

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

  34.                    this.gotoAndStop("RIGHT2");

  35.          }

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

  37.                    this.gotoAndStop("DOWN2");

  38.          }

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

  40.                    this.gotoAndStop("LEFT2");

  41.          }

  42. }
复制代码
最终效果如下:


当然,这个家伙会满屏跑,在传统的RPG游戏当中,人物应该在屏幕的中央才对,下节我们将讲解如何实现人物在场景中行走。

附件:源文件

[ 本帖最后由 猫大哥 于 2006-9-4 12:55 编辑 ]
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235
楼主``` 很想学习学习
加油学习啦````
好哦,希望你能坚持写一个完整的RPG教程
支持下学习中
后天发布源文件上来!明天我不上来了.有点事情!
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235

本课程的 源代码

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

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

盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235
谢谢分享
呵呵` 谢谢楼主啦```
一步一步教你做RPG游戏(1) 学会啦````
期待楼主的   一步一步教你做RPG游戏(2) 啦
加油学习啦````
不错,只是向下走的时候不大象,如能改进一下就更好了
很有趣哦。呵呵。加油。
笑口常开,笑天下一切可笑之人;
大肚能容,容天下一切难容之事。
原帖由 tiger_0309 于 2006-9-4 17:08 发表
不错,只是向下走的时候不大象,如能改进一下就更好了
那个是轩辕剑的图片资源,我截屏下来PS的,可能漏掉了一张图片
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235
学习中~~~谢谢LZ分享~~~~~~~~

文明子飞舞

永远飞舞.gif
谢谢楼主学习中~~! 希望多发教程~~!
原帖由 chjmiik 于 2006-9-12 20:46 发表
楼主怎么没设置,场景边框,,不难,人家,就可以往外面跑了,,是不是可以完善点,,
在 下一篇教程里面会讲到的
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235
楼主大哥,你上一篇教程到今天已经半个月了。下一偏什么时候能写出来啊?
期待期待再加期待~~
希望你快一点写出来。
别怪我贪心,你一个星期能写出来三篇教程吗?
我顶!
不好意思,因为工作的事情,这段时间没有更新,过几天我一定补上!
盘古教育软件 www.panguedu.com
----------------------------------------------------------
联系qq:13285235
告诉大家一个不错的网站 http://www.jc88.NET (视频教程网),这个网站主要收录了动画制作,图形图像,网页设计.3D等近100部语音视频教程,让你像看电视一样轻松学习。可以在线收看,也可以打包下载,很是方便。最主要的是这里的教程完全免费。需要的朋友可以看看。
你说的几天到底是几天?
我又等了8天了。你的教程是不是已经结束了?
我顶你啊
学习ing
最近在做毕业设计下是想做一个这种游戏
教程往下写吧
顺便问个问题
在这种游戏中人物在地图中行走不想让他走的地方我该怎么做
急等回答
另急等您的第下一步教程:'(
好鬱悶~~
還可以卸走~~
太好了啊
谢谢分享啊
有一点不明白
为什么要加上这句    if (this._currentframe != "Left")
这个问题困惑了好久,想明白其中道理!
非常感谢
............................
顶,希望是全套的
对FLASH游戏无爱的飘过
返回列表