JS写怀旧小游戏系列（六）躲人游戏
来源：互联网 发布：河豚为什么有毒知乎 编辑：程序博客网 时间：2024/04/28 18:55
游戏规则:
用鼠标按住拖动红色的方块，使得其在白色区域内移动， 注意千万不要撞到蓝色的方块，否则游戏结束， 在弹出对话框时，按住Ctrl+C，拷贝你的分数在评论栏上留 言， 看看谁的分数最高，o(∩_∩)o...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Javascript写的躲人游戏 - 分享JavaScript-sharejs.com</title><meta name="Copyright" content="JavaScript分享网 http://www.sharejs.com/" /><meta name="description" content="Javascript写的躲人游戏 ,JavaScript分享网" /><meta content="JavaScript,分享,JavaScript代码,Ajax" name="keywords" /><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 initialsvar 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 integervar difY = giveposY('box') - giveposY(enemy) - 0;// set touch = 1 if it is touching an enemyif (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 + 1if (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></head><BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginwidth="0"marginheight="0"><DIV id=boxstyle="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></TD></TR></TBODY></TABLE></DIV><DIV id=enemy0style="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=enemy1style="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=enemy2style="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=enemy3style="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><!-- row 1 --><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><!-- row 2 --><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><!-- row 3 --><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><!-- row 4 --><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><!-- row 5 --><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><!-- row 6 --><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><!-- row 7 --><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><!-- row 8 --><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><!-- row 9 --><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"><BR> </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:<br><br>Move the red block avoiding crash with the blue ones<br><br>Don't touch the black edge.<br><br>If you can reach more than 18 seconds, you are a genius.<br><br><br>It is said that the pilots from the US Air Force<br>are forced to reach 2 MINUTES.</div><br><br><div align="center"><script language="javascript" src="http://www.sharejs.com/js/720.js"></script><br><br></div></body></html>- JS写怀旧小游戏系列（六）躲人游戏
- JS写怀旧小游戏系列（一）俄罗斯方块
- JS写怀旧小游戏系列（二）连连看
- JS写怀旧小游戏系列（三）五子棋
- JS写怀旧小游戏系列（四）贪吃蛇
- JS写怀旧小游戏系列（五）扫雷
- JS写怀旧小游戏系列（七）吃方块
- JS写怀旧小游戏系列（八）九宫格数独
- JS写怀旧小游戏系列（九）中国象棋
- JS写怀旧小游戏系列（十）打砖块
- 1000行代码写小游戏（六）
- C#游戏编程：《控制台小游戏系列》之《六、贪吃蛇实例》
- 雷电，怀旧的游戏
- 图像处理软件开发记录(六) 图像特效（浮雕、怀旧）
- JS写的数字拼图小游戏
- 用js写的贪食蛇小游戏
- js与HTML5写的一些小游戏
- js写的贪吃蛇小游戏
- hdu 1722
- 非格式化输入输出getc、fgetc、getchar、putc、fputc、putchar
- MyEclipse中Errors running builder JavaScript Validator的问题
- asp.net里面button的submit，or usesubmitbehavior property （转载）
- restrict关键字
- JS写怀旧小游戏系列（六）躲人游戏
- mysql命令行中文问题
- linux内核的通知链机制
- scanf/sscanf用法
- 【移动GIS】android中访问HTTP接口
- 获取最大利润
- linux用户空间与内核的接口
- redis与spring的完全集成
- net_device结构
