网页游戏开发入门教程三(简单程序应用)

<div style=\"position:absolute;z-index:10;left:2px;top:2px;width:".$mapwidth."px;height:".$mapheight."px;\" onmousedown=\"fDragging(this, event,false);\">
//处理拖动的js代码 。(网上抄的 。 。感谢这位大大 。)
<script>
function fDragging(obj, e, limit){
if(!e) e=window.event;
var x=parseInt(obj.style.left);
var y=parseInt(obj.style.top);
var x_=e.clientX-x;
var y_=e.clientY-y;
if(document.addEventListener){
document.addEventListener(mousemove, inFmove, true);
document.addEventListener(mouseup, inFup, true);
document.body.style.cursor="move";
} else if(document.attachEvent){
document.attachEvent(onmousemove, inFmove);
document.attachEvent(onmouseup, inFup);
document.body.style.cursor="move";
}
inFstop(e);
inFabort(e)
function inFmove(e){
var evt;
if(!e)e=window.event;
if(limit){
var op=obj.parentNode;
var opX=parseInt(op.style.left);
var opY=parseInt(op.style.top);
if((e.clientX-x_)<0) return false;
else if((e.clientX-x_+obj.offsetWidth+opX)>(opX+op.offsetWidth)) return false;
if(e.clientY-y_<0) return false;
else if((e.clientY-y_+obj.offsetHeight+opY)>(opY+op.offsetHeight)) return false;
//status=e.clientY-y_;
}
obj.style.left=e.clientX-x_+px;
obj.style.top=e.clientY-y_+px;
inFstop(e);
} // shawl.qiu script
function inFup(e){
var evt;
if(!e)e=window.event;
if(document.removeEventListener){
document.removeEventListener(mousemove, inFmove, true);
document.removeEventListener(mouseup, inFup, true);
} else if(document.detachEvent){
document.detachEvent(onmousemove, inFmove);
document.detachEvent(onmouseup, inFup);
}
inFstop(e);
document.body.style.cursor="auto";
//实现类似google地图的拖动效果 。
ajaxRead(map.php?mapx=+(e.clientX-x_)+&mapy=+(e.clientY-y_)+,2);
} // shawl.qiu script
function inFstop(e){
if(e.stopPropagation) return e.stopPropagation();
else return e.cancelBubble=true;
} // shawl.qiu script
function inFabort(e){
if(e.preventDefault) return e.preventDefault();
else return e.returnValue=false;
} // shawl.qiu script
}
//]]>
</script>

function ajaxRead(file,action)
{
var xmlObj = null;
if(window.XMLHttpRequest)
{
xmlObj = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
return;
}
function ajaxDo(action)
{
switch(action)
{
case "2":
document.getElementById(display).innerHTML = xmlObj.responseText;//这里的display是你在页面上层的id 。上面的地图代码都需要放到这个层里 。如<div id=display name=display></div>写id和name，是为了方便firefox和ie的兼容 。
break;
}
}
xmlObj.onreadystatechange = function()
{
/*
if(xmlObj.readyState == 1 )//loading状态 。
{
document.getElementById(xianshi2).innerHTML = "正在载入";
}
*/
if(xmlObj.readyState == 4)//完成状态时 。
{
ajaxDo(action);
}
}
xmlObj.open (GET, file, true);
//xmlObj.reload(GET, file, true);
xmlObj.send (null);
//xmlObj.abort ();
}

class role
{
//获得角色数据 。
getRloe()
{
从数据库里获得角色信息 。
}
//获得装备加成 。
getEquip()
{
获得装备加成信息 。
}
//获得状态加成
getState()
{
获得状态加成信息 。
}
//把上面获得的信息相加或者相减，或者调整 。
//返回角色数据 。
Return xxx
}

$uptype = explode("|", $iteminfo[uptype]);
$uppoint = explode("|", $iteminfo[uppoint]);
for ($j=0;$j<count($uptype);$j++)
{
echo $uptype[$j];
echo $uppoint[$j];
}

interface Action
{
function doAction();
function beginAction();
function processAction();
function endAction();
}
//简单事件工厂
class ActionFactory
{
public function getAction($what)
{
$ActionName = $what;
return new $ActionName;
}
}
//比如移动
class Move implements Action
{
function doAction()
{
具体执行函数
什么时候该这行哪一个过程 。都在这里判断 。
}
function beginAction()
{
事件开始时候执行 。
这里可以把数据存到记时器里 。以后就从记时器里取数据了 。
}
function processAction()
{
从记时器里取数据 。
事件执行的过程 。比如用户刷新页面的时候 。如果仍然在倒计时 。那么就是调用这里了 。
}
function endAction()
{
从记时器里取数据 。
事件结束的过程 。
记时到后，完成事件 。
}
}
//第一次调用的时候 。
$Action = new ActionFactory();
$InstanceAction = $Action->getAction("Move");
$InstanceAction->set ($parameter);
$InstanceAction->doAction();
//以后调用的时候 。
$Action = new ActionFactory();
$InstanceAction = $Action->getAction("Move");
//这时候，事件的参数或数据都从记时器里取得 。
$InstanceAction->doAction();