html5游戏开发-零基础开发RPG游戏-开源讲座(二)-跑起来吧英雄

上一篇中,已经详细讲解了,如何添加地图,以及添加了一个游戏人物,现在我们来添加控制事件,让这个小英雄走动起来


了解上一篇内容请看这里

html5游戏开发-零基础开发RPG游戏-开源讲座(一)

http://blog.csdn.net/lufy_legend/article/details/7063316


我们已经给游戏人物建立了一个Character类,

现在先来在类里加入

Character.prototype.changeDir = function (dir){
};
/**
 * 设定人物坐标
 * @param x方向坐标,y方向坐标 
 **/
Character.prototype.setCoordinate = function (sx,sy){
};
/**
 * 获取人物坐标
 **/
Character.prototype.getCoordinate = function (){
};
changeDir 这个方法用来从外部控制人物方向和移动
要控制游戏的人物,首先,我们要由控制事件,当触发这个事件的时候,就来调用相应的方法,做我们想要的做的处理setCoordinate和getCoordinate是设定和得到人物当前的坐标


首先,为了适应智能手机,我们暂时不用键盘事件,而是用点击事件,所以我们先来添加两个控制按钮,在Main.js的gameInit方法的最下方,添加如下代码

//添加控制按钮
	bitmapdata = new LBitmapData(imglist["e1"]);
	bitmap = new LBitmap(bitmapdata);
	bitmap.x = 0;
	bitmap.y = 0;
	ctrlLayer.addChild(bitmap);
	bitmapdata = new LBitmapData(imglist["e2"]);
	bitmap = new LBitmap(bitmapdata);
	bitmap.x = 280;
	bitmap.y = 30;
	ctrlLayer.addChild(bitmap);
	ctrlLayer.x = 40;
	ctrlLayer.y = 180;

运行代码,得到预览如下


在添加控制事件之前,为了实现控制方便,我们先来添加几个变量
//方向变量
var DOWN = 0;
var LEFT = 1;
var RIGHT = 2;
var UP = 3;
var STEP = 32;
//点击状态
var isKeyDown = false;
STEP代表移动步长,因为地图是有32*32的小图片来组成的,所以我们设定人物移动的步长为32
阅读终点,创作起航,您可以撰写心得或摘录文章要点写篇博文。去创作
  • 16
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lufy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值