js方块躲避游戏代码_javascript技巧-JS Tutorial-php.cn

鼠标拖动红色方块，就可以开始，不要让蓝色方块碰到你控制的红色方块

<title>www.jb51.net脚本之家 Escapa!红方块躲避游戏</title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<script language="JavaScript" type="text/javascript"> 
isNS4 = (document.layers) ? true : false; 
isIE4 = (document.all && !document.getElementById) ? true : false; 
isIE5 = (document.all && document.getElementById) ? true : false; 
isNS6 = (!document.all && document.getElementById) ? true : false; 
var curX, curY, curX2, curY2, boxX, boxY, moving=0, touch=0; 
var gametime=0, started=0, speed; 
var starttime, endtime, finaltime=0; //pass finaltime to popup window to ask for initials 
var enemyxdir = new Array(1,1,1,1); 
var enemyydir = new Array(1,1,1,1); 
if (isNS4 || isNS6){ 
document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN|Event.MOUSEMOVE); 
} 
document.onmousedown = start; 
document.onmousemove = checkLocation; 
document.onmouseup = stop; 
function startclock() {var today = new Date(); starttime = today.getTime();} 
function endclock() {var today = new Date(); endtime = today.getTime();} 
function calctime() {var time = (endtime - starttime - 0)/1000;    return time;} 
function giveposX(divname) { 
    if (isNS4) var posLeft = document.layers[divname].left; 
    else if (isIE4 || isIE5) var posLeft = document.all(divname).style.pixelLeft; 
    else if (isNS6) var posLeft = parseInt(document.getElementById(divname).style.left + ""); 
    return posLeft; 
} 
function giveposY(divname) { 
    if (isNS4) var posTop = document.layers[divname].top; 
    else if (isIE4 || isIE5) var posTop = document.all(divname).style.pixelTop; 
    else if (isNS6) var posTop = parseInt(document.getElementById(divname).style.top + ""); 
    return posTop; 
} 
function setposX(divname, xpos) { 
    if (isNS4) document.layers[divname].left = xpos; 
    else if (isIE4 || isIE5) document.all(divname).style.pixelLeft = xpos; 
    else if (isNS6) document.getElementById(divname).style.left = xpos; 
} 
function setposY(divname, ypos) { 
    if (isNS4) document.layers[divname].top = ypos; 
    else if (isIE4 || isIE5) document.all(divname).style.pixelTop = ypos; 
    else if (isNS6) document.getElementById(divname).style.top = ypos; 
} 
function givesize(divname, dimension) { 
    var divsize = 0; 
        if (dimension == 'y') { 
            if (isNS4) divsize = document.layers[divname].clip.height; 
            else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelHeight; 
            else if (isNS6) divsize = parseInt(document.getElementById(divname).style.height + ""); 
        } 
        else if (dimension == 'x') { 
            if (isNS4) divsize = document.layers[divname].clip.width; 
            else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelWidth; 
            else if (isNS6) divsize = parseInt(document.getElementById(divname).style.width + ""); 
        } 
    return divsize; 
} 
// check to see if 'box' is touching 'enemy1' 
function checktouching(num) { 
    var enemy = "enemy" + num + "" 
    var difX = giveposX('box') - giveposX(enemy) - 0; // -0 converts to integer 
    var difY = giveposY('box') - giveposY(enemy) - 0; 
    // set touch = 1 if it is touching an enemy 
    if (difX > (-1 * givesize('box', 'x')) && difX < givesize(enemy, 'x') && difY > (-1 * givesize('box', 'y')) && difY < givesize(enemy, 'y')) { 
        touch = 1; 
    } 
    else touch = 0; 
} 
function movenemy(num,step_x,step_y){ 
    var enemy = "enemy" + num + "" 
    var enemyx = givesize(enemy, 'x'); 
    var enemyy = givesize(enemy, 'y'); 
    if (giveposX(enemy) >= (450 - enemyx) || giveposX(enemy) <= 0) { 
        enemyxdir[num] = -1 * enemyxdir[num]; 
        } 
    if (giveposY(enemy) >= (450 - enemyy) || giveposY(enemy) <= 0) { 
        enemyydir[num] = -1 * enemyydir[num]; 
        } 
    var newposx = giveposX(enemy) + (step_x*enemyxdir[num]) + 0; 
    var newposy = giveposY(enemy) + (step_y*enemyydir[num]) + 0; 
    setposX(enemy, newposx); 
    setposY(enemy, newposy); 
    checktouching(num + ""); 
    if (touch == 1) { 
        stop(); reset(); 
        } 
} 
function movenemies() { 
    gametime = gametime + 1 
    if (gametime >= 0 && gametime < 100) speed = 80; 
    else if (gametime >= 100 &&  gametime < 200) speed = 60; 
    else if (gametime >= 200 &&  gametime < 300) speed = 40; 
    else if (gametime >= 300 &&  gametime < 400) speed = 30; 
    else if (gametime >= 400 &&  gametime < 500) speed = 20; 
    else speed = 10; 
    // window.status = "speed:  " + speed + "   gametime: " + gametime; 
    movenemy(0,-10,12); 
    movenemy(1,-12,-20); 
    movenemy(2,15,-13); 
    movenemy(3,17,11); 
    setTimeout(movenemies,speed); 
} 
function start(e) { 
    if (started == 0) {    movenemies();     startclock();     started = 1;    } 
    curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; 
    curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; 
    curX2 = eval(curX - 40); 
    curY2 = eval(curY - 40); 
    boxX = eval(curX - 20); 
    boxY = eval(curY - 20); 
    var boxleft = giveposX('box'); 
    var boxtop = giveposY('box'); 
    if (curX > boxleft && curX2 < boxleft && curY > boxtop && curY2 < boxtop) { 
        moving = 1; 
        setposX('box', boxX); 
        setposY('box', boxY); 
        if (isNS4 || isNS6){ 
        document.captureEvents(Event.MOUSEMOVE); 
        } 
    } 
} 
function stop(e){ 
    moving=0; 
    if (isNS4 || isNS6){ 
    document.releaseEvents(Event.MOUSEMOVE); 
    } 
} 
function reset(e){ 
    endclock(); 
    moving=0; 
    if (isNS4 || isNS6){ 
        document.releaseEvents(Event.MOUSEMOVE); 
        } 
    if (finaltime == 0) { 
        finaltime = calctime(); 
        window.alert('You hold ' + finaltime + ' seconds... salutations Fp'); 
//        var entername = window.confirm('Enter your name?'); 
//            if (entername) { 
//            window.open("?" + finaltime,'winwin','width=300,height=500,left=40,top=40,status=1,resizable'); 
//            document.location.reload(); 
//            } 
//            else document.location.reload(); 
            document.location.reload(); 
        } 
} 
function checkLocation(e){ 
        curX = (isNS4 || isNS6) ? e.pageX : window.event.x ; 
        curY = (isNS4 || isNS6) ? e.pageY : window.event.y ; 
        boxX = eval(curX - 20); 
        boxY = eval(curY - 20); 
    checktouching('1'); 
    if (moving == 1 && touch == 0){ 
            setposX('box',boxX); 
            setposY('box',boxY); 
            if (curY > 69 && curX > 69 && curY < 381 && curX < 381) return false; 
            else stop(); reset(); 
    } 
    else if (touch == 1){ 
    stop(); reset(); 
    } 
} 
</script> 
<meta content="MSHTML 6.00.2800.1106" name="GENERATOR"> 
 
<div id="box" style="LEFT: 205px; WIDTH: 40px; POSITION: absolute; TOP: 205px; HEIGHT: 40px; BACKGROUND-COLOR: #990000; layer-background-color: #990000"> 
<table height="40" width="40"> 
  <tbody> 
  <tr> 
    <td> </td>
</tr>
</tbody>
</table>
</div> 
<div id="enemy0" style="LEFT: 270px; WIDTH: 60px; POSITION: absolute; TOP: 60px; HEIGHT: 50px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 
<table height="50" width="60"> 
  <tbody> 
  <tr> 
    <td> </td>
</tr>
</tbody>
</table>
</div> 
<div id="enemy1" style="LEFT: 300px; WIDTH: 100px; POSITION: absolute; TOP: 330px; HEIGHT: 20px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 
<table height="20" width="100"> 
  <tbody> 
  <tr> 
    <td> </td>
</tr>
</tbody>
</table>
</div> 
<div id="enemy2" style="LEFT: 70px; WIDTH: 30px; POSITION: absolute; TOP: 320px; HEIGHT: 60px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 
<table height="60" width="30"> 
  <tbody> 
  <tr> 
    <td> </td>
</tr>
</tbody>
</table>
</div> 
<div id="enemy3" style="LEFT: 70px; WIDTH: 60px; POSITION: absolute; TOP: 70px; HEIGHT: 60px; BACKGROUND-COLOR: #000099; layer-background-color: #000099"> 
<table height="60" width="60"> 
  <tbody> 
  <tr> 
    <td> </td>
</tr>
</tbody>
</table>
</div> 
<table cellspacing="0" cellpadding="0" border="0">
 
  <tbody> 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
 
  <tr> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td> 
    <td width="50" bgcolor="#000000" height="50"> 
      <table> 
        <tbody> 
        <tr> 
          <td></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table> 
    <font face="verdana,arial,helvetica" size="2"> 
    
 </font><div style="position: absolute; width: 285px; height: 293px; z-index: 1; left: 467px; top: 32px" id="layer1"> 
    Click onto the red block with jump over it:
 
    
 
    Move the red block avoiding crash with the blue ones
 
    
 
    DonæŠ° touch the black edge.
 
    
 
    If you can reach more than 18 seconds, you are a genius.
 
    
 
    
 
    It is said that the pilots from the US Air Force
 
        are forced to reach 2 MINUTES.</div>

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

js方块躲避游戏代码_javascript技巧