日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

一、前言

這一講的內(nèi)容很簡(jiǎn)單，大家理解起來(lái)會(huì)更快。因此我只對(duì)重點(diǎn)加以分析，其他的就輪到大家思考哦！首先來(lái)說(shuō)，我對(duì)游戲開發(fā)可以算是不怎么深入，因?yàn)楝F(xiàn)在的程序員愛用canvas，我卻就只會(huì)拿幾個(gè)div湊和。不過(guò)沒關(guān)系，因?yàn)樽龀鰜?lái)的同樣是游戲。哈！廢話最近有點(diǎn)多，望大家原諒。接下來(lái)請(qǐng)看代碼解析。

二、代碼講解

今天調(diào)一下講解順序，先看代碼后看圖片：

 
 
 

  
  
  
var subtractedMargin = 0;  
  
  
  
var subtractedMarginL = 0;  
  
  
  
var mousedown = 0;  
  
  
  
var toright;  
  
  
  
var toleft;  
  
  
  
var todown;  
  
  
  
var toup;  
  
  
  
window.onmouseup = function(){  
  
  
  
    mousedown = 0;  
  
  
  
    clearInterval(toright);  
  
  
  
    clearInterval(toleft);  
  
  
  
    clearInterval(todown);  
  
  
  
    clearInterval(toup);  
  
  
  
}  
  
  
  
function mapMove(direction)  
  
  
  
{  
  
  
  
    switch(direction){  
  
  
  
        case "down":  
  
  
  
            subtractedMargin -= 15;  
  
  
  
 
  
  
  
            $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120);            
  
  
  
            break;           
  
  
  
        case "up":  
  
  
  
            subtractedMargin += 15;  
  
  
  
            $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120);               
  
  
  
            break;           
  
  
  
        case "right":  
  
  
  
            subtractedMarginL -= 15;   
  
  
  
            $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120);           
  
  
  
            break;       
  
  
  
        case "left":  
  
  
  
            subtractedMarginL += 15;  
  
  
  
            $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120);           
  
  
  
            break;  
  
  
  
    }  
  
  
  
    if(subtractedMarginL < -415){  
  
  
  
        clearInterval(toright);  
  
  
  
        clearInterval(toleft);  
  
  
  
    }  
  
  
  
    if(subtractedMarginL > -20){  
  
  
  
        clearInterval(toright);  
  
  
  
        clearInterval(toleft);  
  
  
  
    }  
  
  
  
    if(subtractedMargin < -640){  
  
  
  
        clearInterval(todown);  
  
  
  
        clearInterval(toup);  
  
  
  
    }  
  
  
  
    if(subtractedMargin > -20){  
  
  
  
        clearInterval(todown);  
  
  
  
        clearInterval(toup);  
  
  
  
    }  
  
  
  
}  
  
  
  
$("body").ready(function(){  
  
  
  
    $("#ID_DIV_TORIGHT").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMarginL > -415 && mousedown == 1){  
  
  
  
            mapMove("right");  
  
  
  
            toright = setInterval(function(){mapMove("right");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TOLEFT").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMarginL < -20 && mousedown == 1){  
  
  
  
            mapMove("left");  
  
  
  
            toleft = setInterval(function(){mapMove("left");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TODOWN").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMargin > -640 && mousedown == 1){  
  
  
  
            mapMove("down");  
  
  
  
            todown = setInterval(function(){mapMove("down");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TOUP").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMargin < -20 && mousedown == 1){  
  
  
  
            mapMove("up");  
  
  
  
            toup = setInterval(function(){mapMove("up");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
}); 
 
 
 

當(dāng)大家看到本文題目時(shí)肯定不大了解題目的含義，因?yàn)樘橄罅恕，F(xiàn)在做一下解釋：可移動(dòng)是代表可以向四面八方走動(dòng)，地圖就是地圖，可以是世界地圖，中國(guó)地圖，游戲地圖。。。反正必須是一張圖。在此多說(shuō)了兩句，不過(guò)沒關(guān)系，因?yàn)榱私馇闆r比不知廬山真面目要好得多。

接下來(lái)我把html代碼再公布出來(lái)，因?yàn)檫@次html代碼的重要性很大：