设为首页收藏本站订阅更新
切换到窄版

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步，快速开始

无忧脚本 › 论坛 › 无忧脚本资源服务区 › 经典代码、教程资源库 › js做游戏 --- 推箱子
12
返回列表 发新帖
楼主: dewin

js做游戏 --- 推箱子 [复制链接]

xjj2000

Rank: 1

升级  94%

注册时间
2003-4-11
在线时间
0 小时
威望
38
阅读权限
10
积分
47
帖子
18
精华
0
UID
1852
发表于 2006-8-27 19:56:40 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
  1. <!--
  2. Please use "EditPlus" softeare to view this code.
  3. Start   2002-10-02 17:50
  4. Finish  2002-10-15 22:41
  5. Last Edit 2003-06-11 18:55

  7. Copyright(c) 1998-2003 dewin all rights reserved


  10. Power By Dewin
  11. -->
  12. <body>
  13. <style>
  14. .Ground{}
  15. .Floor{}
  16. .Wall{border:2px outset #ADFF2F;background-color:#888888;z-index:0}
  17. .Aim{background-color:#FF69B4;filter:Alpha(opacity=100,FinishOpacity=0,Style=3);z-index:0}
  18. .Box{background-color:#87CEFA;filter:Alpha(opacity=0,FinishOpacity=100,Style=3);z-index:1}
  19. .Man{background-color:red;z-index:1;filter:filpv}
  20. </style>
  21. <textarea id=Info rows=20>rddlllllluurrrDulllddrrRRRRuulDrdLuLDDDldRdrUluuulllluurrrDulllddrrRurDDDlddrruLuuuulullDldRRRurDDDDrddlluRuuuuluulDldRRurDDDDDldRuuuuuurrurrddLLLulDDDDuuuurrurDrdLLLulDDDlDR</textarea><br>
  22. <input type=button value='copy' onclick='Info.select();document.execCommand("Copy")'>
  23. <input type=button value='paste' onclick='Info.focus(),document.execCommand("Paste")'>
  24. <input type=button value='Auto Run' onclick='Run()'><br><br>

  26. Boxes has Moved<br><input id=BoxMoveInfo readonly> Steps<br>
  27. Man has Moved<br><input id=ManMoveInfo readonly> Steps

  29. <span id=Base style='position:absolute;overflow:hidden'></span>
  30. <script>

  32. function init(){
  33. MainMap = [];

  35. RePlayTime = 10 //million second
  36. MapW = MapH = 30;
  37. PushScrollNo = 30;
  38. BoxCompletes = 0;
  39. TotalBox = 0;

  41. Timer = null;
  42. BoxMoves = 0;
  43. Count = -1;
  44. BackRecord = [];
  45. BoxMoveInfo.value = 0;
  46. ManMoveInfo.value = 0;
  47. }

  49. /*
  50. W = Wall
  51. 0 = Box
  52. @ = Box on Aim
  53. * = Man
  54. # = Man on Aim
  55. . = Aim
  56.   = Space
  57. */



  61. Map = [];
  62. Map[0] = [
  63. 'WWWWWWWWWWW',
  64. 'W    W*   W',
  65. 'W 00000 0 W',
  66. 'W         W',
  67. 'WWWWW WWWWW',
  68. '   W  .W   ',
  69. '   W  .W   ',
  70. '   W...W   ',
  71. '   W  .W   ',
  72. '   WWWWW   '
  73. ]


  76. function ReadMap(k){
  77. init();
  78. Base.innerHTML = '';
  79. var w=Map[k][0].length*MapW
  80. var h=Map[k].length*MapW
  81. Base.style.width = w;
  82. Base.style.height = h;
  83. Base.style.left = (w>document.body.clientWidth)?0:(document.body.offsetWidth-w)/2;
  84. Base.style.top = 10;
  85. for(var y=0;y<Map[k].length;y++){
  86.         MainMap[y] = [];
  87.         for(var x=0;x<Map[k][y].length;x++){
  88.                 MainMap[y][x] = Map[k][y].charAt(x);
  89.                 if(MainMap[y][x]=='W')iHtml(x,y,'Wall');
  90.                 else{
  91.                         //if(MainMap[y][x]=="|"){iHtml(x,y,'Floor');MainMap[y][x]=' '}
  92.                         //else iHtml(x,y,'Ground');
  93.                         iHtml(x,y,'Ground');
  94.                         switch(MainMap[y][x]){
  95.                                 case '0':iBox(x,y,0);break;
  96.                                 case '.':iHtml(x,y,'Aim');break;
  97.                                 case '@':iHtml(x,y,'Aim');iBox(x,y,1);BoxCompletes++;break;
  98.                                 case '*':iMan(x,y,0);break;
  99.                                 case '#':iHtml(x,y,'Aim');iMan(x,y,1);break;
  100.                                 }
  101.                         }
  102.                 }
  103.         }
  104. }

  106. function iHtml(x,y,k){
  107. Base.insertAdjacentHTML("beforeEnd","<span style='position:absolute;left:"+x*MapW+";top:"+y*MapH+";width:"+MapW+";height:"+MapH+"' class='"+k+"' x="+x+" y="+y+">");
  108. }



  112. function iBox(x,y,k){
  113. MainMap[y][x] = Base.appendChild(document.createElement("<span style='position:absolute;left:"+x*MapW+";top:"+y*MapH+";width:"+MapW+";height:"+MapH+"' class='Box' complete='"+k+"'>"));
  114. TotalBox++;
  115. }

  117. function iMan(x,y,k){
  118. Man = Base.appendChild(document.createElement("<img alt='Man' style='position:absolute;left:"+x*MapW+";top:"+y*MapH+";width:"+MapW+";height:"+MapH+";' x="+x+" y="+y+" class='Man'>"));
  119. MainMap[y][x] = (k==0)?' ':'.';
  120. }

  122. function Dir(x,y,k){
  123. var ManFront = MainMap[y+parseInt(Man.y)][x+parseInt(Man.x)];
  124. if(ManFront==' ' || ManFront=='.')if(k!=null)Move1(x,y,k.toLowerCase());else Move1(x,y);
  125. else{
  126.         if(typeof(ManFront)=='object'){
  127.                 var ManFrontFront = MainMap[2*y+parseInt(Man.y)][2*x+parseInt(Man.x)];
  128.                 if(ManFrontFront == ' '){if(k!=null)Move1(x,y,k.toUpperCase());else Move1(x,y);Move2(ManFront,x,y);}
  129.                 else if(ManFrontFront == '.'){if(k!=null)Move1(x,y,k.toUpperCase());else Move1(x,y);Move3(ManFront,x,y);}
  130.                 BoxMoves++
  131.                 }
  132.         }
  133. }







  141. function Move1(x,y,k){
  142. if(k != null){
  143.         BackRecord[++Count] = k
  144.         BackRecord.length = Count+1
  145.         }
  146. Man.x = x+parseInt(Man.x);
  147. Man.y = y+parseInt(Man.y);
  148. Man.style.left = Man.x*MapW;
  149. Man.style.top = Man.y*MapH;
  150. }






  157. function Move2(obj,x,y){
  158. obj.style.left = (x+parseInt(Man.x))*MapW;//parseInt
  159. obj.style.top = (y+eval(Man.y))*MapH;//eval
  160. MainMap[y+parseInt(Man.y)][x+parseInt(Man.x)] = obj;
  161. if(obj.complete == 0) MainMap[Man.y][Man.x]=' ';
  162. else{
  163.         MainMap[Man.y][Man.x] = '.';
  164.         BoxCompletes --;
  165.         }
  166. obj.complete = 0;
  167. }

  169. function Move3(obj,x,y){
  170. obj.style.left = (x-(-Man.x))*MapW;// (- -) = +
  171. obj.style.top = (y+parseFloat(Man.y))*MapH;//parseFloat
  172. MainMap[y+parseInt(Man.y)][x+parseInt(Man.x)] = obj;
  173. if(obj.complete == 1) MainMap[Man.y][Man.x]='.';
  174. else{
  175.         MainMap[Man.y][Man.x] = ' ';
  176.         if(++BoxCompletes == TotalBox) oWin();
  177.         }
  178. obj.complete = 1;
  179. }


  182. function UnDo(){
  183. if(Count >= 0){
  184.         switch(BackRecord[Count]){
  185.                 //not object
  186.                 case 'l':Move1(1,0);break;//left -> right
  187.                 case 'u':Move1(0,1);break;//up -> down
  188.                 case 'r':Move1(-1,0);break;//right -> left
  189.                 case 'd':Move1(0,-1);break;//down -> up
  190.                 //object
  191.                 case 'L':UnGo(1,0);break;//left -> right
  192.                 case 'U':UnGo(0,1);break;//up -> down
  193.                 case 'R':UnGo(-1,0);break;//right -> left
  194.                 case 'D':UnGo(0,-1);break;//down -> up
  195.                 }
  196.         iSelects(--Count)
  197.         }
  198. }


  201. function UnGo(x,y){
  202. BoxMoves--;
  203. var obj = MainMap[-y+parseInt(Man.y)][-x+parseInt(Man.x)];
  204. if(MainMap[Man.y][Man.x]==' '){
  205.         if(obj.complete == 0)MainMap[-y+parseInt(Man.y)][-x+parseInt(Man.x)]=' ';
  206.         else{
  207.                 MainMap[-y+parseInt(Man.y)][-x+parseInt(Man.x)]='.';
  208.                 BoxCompletes --;
  209.                 }
  210.         obj.complete=0
  211.         }
  212. else{
  213.         if(obj.complete == 0){
  214.                 MainMap[-y+parseInt(Man.y)][-x+parseInt(Man.x)]=' ';
  215.                 if(++BoxCompletes == TotalBox) oWin();
  216.                 }
  217.         else MainMap[-y+parseInt(Man.y)][-x+parseInt(Man.x)]='.';
  218.         obj.complete=1
  219.         }
  220. obj.style.left = Man.x*MapW;
  221. obj.style.top = Man.y*MapH;
  222. MainMap[Man.y][Man.x]=obj;
  223. Move1(x,y);
  224. }


  227. function ReDo(){
  228. if(Count+1<BackRecord.length){
  229.         switch(BackRecord[++Count]){
  230.                 case 'l':Dir(-1,0);break;//left
  231.                 case 'u':Dir(0,-1);break;//up
  232.                 case 'r':Dir(1,0);break;//right
  233.                 case 'd':Dir(0,1);break;//down
  234.                 case 'L':Dir(-1,0);break;//left
  235.                 case 'U':Dir(0,-1);break;//up
  236.                 case 'R':Dir(1,0);break;//right
  237.                 case 'D':Dir(0,1);break;//down
  238.                 }
  239.         iSelects(Count)
  240.         }
  241. else clearInterval(Timer);
  242. }




  247. function oWin(){
  248. alert('Congratulation! You have pass.')
  249. }






  256. function window.onload(){
  257. ReadMap(0);
  258. document.body.scroll='no'

  260. function document.onkeydown(){
  261.         if(event.ctrlKey){
  262.         switch(event.keyCode){
  263.                 case 37:document.body.scrollLeft-=PushScrollNo;break;//left
  264.                 case 38:document.body.scrollTop-=PushScrollNo;break;//up
  265.                 case 39:document.body.scrollLeft+=PushScrollNo;break;//right
  266.                 case 40:document.body.scrollTop+=PushScrollNo;break;//down
  267.                 }
  268.                 }
  269.         else{
  270.         switch(event.keyCode){
  271.                 case 37:Dir(-1,0,'l');break;//left
  272.                 case 38:Dir(0,-1,'u');break;//up
  273.                 case 39:Dir(1,0,'r');break;//right
  274.                 case 40:Dir(0,1,'d');break;//down
  275.                 }
  276.         event.returnValue = false;
  277.         Info.value = BackRecord.join("")
  278.         iSelects(Count)
  279.         }
  280. }

  282. function document.onclick(){ReDo()}
  283. function document.oncontextmenu(){UnDo();event.returnValue = false;}

  285. window.focus();
  286. Base.focus();
  287. }





  293. function Run(){
  294. var temp = Info.value;
  295. if(temp == '')return;
  296. ReadMap(0);
  297. BackRecord=temp.split("")
  298. Timer = setInterval(ReDo,RePlayTime)
  299. }

  301. function iSelects(x){
  302. var iRange = Info.createTextRange()
  303. iRange.collapse(true)
  304. iRange.moveStart("character",x)
  305. iRange.moveEnd("character",1)
  306. iRange.select()
  307. BoxMoveInfo.value = BoxMoves;
  308. ManMoveInfo.value = x+1;
  309. }
  310. </script>
复制代码运行代码另存代码

[ 本帖由 xjj2000 最后编辑于 2006-8-27 20:00 ]

使用道具 举报

pizzro

Rank: 1

升级  18%

注册时间
2003-7-5
在线时间
2 小时
威望
4
阅读权限
10
积分
9
帖子
5
精华
0
UID
4153
发表于 2008-1-15 03:06:27 |显示全部楼层 |串个门|加好友|打招呼|发消息 |
查看详细资料
很不错的技术

使用道具 举报

12
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入无忧

Archiver|手机版|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445  

GMT+8, 2012-5-17 23:19 , Processed in 0.072397 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 1999-2011 无忧脚本

回顶部