html游戏让目标人物移动,如何用html5编写鼠标事件与游戏人物移动

前面已经介绍了用仿ActionScript的语法来编写html5的第一篇、第二篇，下面是第三篇，如何用html5编写鼠标事件与游戏人物移动，事不宜迟，赶紧来学习下吧。

一、假设

假设，所有可添加鼠标事件的对象，都有一个mouseEvent方法，添加的鼠标事件同过这个mouseEvent来调用。

这样的话，添加鼠标事件，其实只需要给canvas添加一个鼠标事件，然后循环LGlobal类里的childList，即循环所有的可视对象，如果被添加了鼠标事件，那么就调用它相应的方法。

二、实现

1，给LGlobal类追加mouseEvent方法，然后修改LGlobal类的setCanvas，实现canvas的鼠标事件的添加与调用

LGlobal.setCanvas = function (id,width,height){

LGlobal.canvasObj = document.getElementById(id);

if(width)LGlobal.canvasObj.width = width;

if(height)LGlobal.canvasObj.height = height;

LGlobal.width = LGlobal.canvasObj.width;

LGlobal.height = LGlobal.canvasObj.height;

LGlobal.canvas = LGlobal.canvasObj.getContext("2d");

LEvent.addEventListener(LGlobal.canvasObj,LMouseEvent.MOUSE_DOWN,function(event){

LGlobal.mouseEvent(event,LMouseEvent.MOUSE_DOWN);

});

}

LGlobal.mouseEvent = function(event,type){

var key;

for(key in LGlobal.childList){

if(LGlobal.childList[key].mouseEvent){

LGlobal.childList[key].mouseEvent(event,type);

}

}

}

2，给LSprite类添加mous