Web版tank大战

最新推荐文章于 2021-07-12 10:03:38 发布
最新推荐文章于 2021-07-12 10:03:38 发布
阅读量984 收藏
点赞数
分类专栏： 有意思的东东 文章标签： web function timer up action null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenyijiu/article/details/3018706
版权
采用js技术创作的web版坦克大战，有用js模拟多线程技术，目前只支持IE，其他浏览器未写

具体代码：
  1. <!--
  2. 这是一个web版的tank大战程序，可以进行初步的游戏
  3. 任何人都可以修改或优化该程序
  4. 若你修改或优化出更好的web版tank大战，我很乐意你邮寄一份copy给我
  5. Email:chenyijiu@gmail.com
  6. Author:陈一九
  7. Ver:1.00
  8. -->
  9. <html>
  10. <head>
  11.     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  12.     <title>Tank</title>
  13.     <link rel="shortcut icon" href="images/tank.ico" />
  14. </head>
  15. <body onload="PlayGame()">
  16.     <div id="Tank">
  17.     </div>
  18.     <div id="CannonBall" style="display:none;">
  19.     </div>
  20.     <div id="Enemy" style="display:none;">
  21.     </div>
  22.     <div id="gameover" style="display:none; position:absolute; left:0; top:156; z-index:90000;"><img src="images/gameover.png" /></div>
  23.     <div id="gamewin" style="display:none; position:absolute; left:0; top:156; z-index:80000;"><img src="images/gamewin.png" /></div>
  24.     <!--<embed name="playerMove" src="sounds/Bank.wmv" loop="false" autostart="false" hidden="true" width="10" height="10" />-->
  25.     <div id="enemyDetail" style="position:absolute; left:600; top:10;">
  26.         <div>
  27.             <b>敌人总数：</b>
  28.         </div>
  29.         <div id="enemyTotalCount">
  30.             20
  31.         </div>
  32.         <div>
  33.             <b>重型：</b>
  34.         </div>
  35.         <div id="heavyEnemy">
  36.             5
  37.         </div>
  38.         <div>
  39.             <b>常规：</b>
  40.         </div>
  41.         <div id="normalEnemy">
  42.             10
  43.         </div>
  44.         <div>
  45.             <b>轻型：</b>
  46.         </div>
  47.         <div id="lightEnemy">
  48.             5
  49.         </div>
  50.         <div>
  51.             <b>玩家Life：</b>
  52.         </div>
  53.         <div id="playerLife">
  54.             3
  55.         </div>
  56.         <div>
  57.             <b>玩法：</b>
  58.         </div>
  59.         <div>
  60.             方向键控制玩家方向<br />
  61.             Enter键暂停/继续<br />
  62.             空格键开火<br />
  63.             F5键重新开局
  64.         </div>
  65.     </div>
  66. </body>
  67. </html>
  69. <script type="text/javascript" language="javascript">
  70. var objectid = 0;
  71. var statePlaying = "none";
  72. var map = null;
  73. var tankDraw = null;
  74. var player = null;
  75. var currentEnemyCount = 0;
  76. var canCreateEnemyCount = 3;
  77. var maxEnemyCount = 20;
  78. var leftEnemyCount = 20;
  79. var cannonSpeed = 8;
  80. var createEnemyPosition = 0;
  81. var enemyItems = new EnemyList();
  82. var currentEnemyItems = new EnemyList();
  83. var t1 = new Date();
  84. var t2 = new Date();
  85. var t3 = new Date();
  86. var tank = new Tank();
  87. var direction = new Array("left", "right", "up", "down");
  88. var kc = 0;
  89. var newkey = false;
  90. var startNewPlayerFlag = false;
  92. //function PlaySound(action, o)
  93. //{
  94. //    if(eval(o) != null)
  95. //    {
  96. //        if(navigator.appName == "Netscape")
  97. //        {
  98. //            eval(o+((action=="stop")?".stop()":"playy(false)"));
  99. //        }
  100. //        else if(eval(o+".FileName"))
  101. //        {
  102. //            eval(o+((action=="stop")?".stop()":".play()"));
  103. //        }
  104. //    }
  105. //}
  107. var _st = window.setTimeout;
  108. window.setTimeout = function(fRef, mDelay) {
  109.      if(typeof fRef == 'function'){
  110.          var argu = Array.prototype.slice.call(arguments,2);
  111.          var f = (function(){ fRef.apply(null, argu); });
  112.         return _st(f, mDelay);
  113.     }
  114.     return _st(fRef,mDelay);
  115. }
  117. var _int = window.setInterval;
  118. window.setInterval = function(fRef, mDelay) {
  119.     if(typeof fRef == 'function'){
  120.         var argu = Array.prototype.slice.call(arguments,2);
  121.         var f = (function(){ fRef.apply(null, argu); });
  122.         return _int(f, mDelay);
  123.     }
  124.     return _st(fRef,mDelay);
  125. }
  126. //monitor the enemy 
  127. function startEnemyControl()
  128. {
  129.     var parameter = {}
  130.     parameter.timer = setInterval(EnemyControl,1,parameter);
  131. }
  132. //process function
  133. function EnemyControl(parameter)
  134. {
  135.     if(statePlaying == "pause" || statePlaying == "failed")
  136.         return;
  137.     //three create enemy point
  138.     if(currentEnemyCount < canCreateEnemyCount && leftEnemyCount > 0)
  139.     {
  140.         if(createEnemyPosition == 0)
  141.         {
  142.             if((new Date()) - t1 > 2000)
  143.             {
  144.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].X = 0;
  145.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].Y = 0;
  146.                 startNewEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  147.                 currentEnemyItems.AddEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  148.                 leftEnemyCount --;
  149.                 createEnemyPosition ++;
  150.                 currentEnemyCount ++;
  151.                 t1 = new Date();
  152.             }
  153.         }
  154.         else if(createEnemyPosition == 1)
  155.         {
  156.             if((new Date()) - t2 > 2000)
  157.             {
  158.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].X = 240;
  159.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].Y = 0;
  160.                 startNewEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  161.                 currentEnemyItems.AddEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  162.                 leftEnemyCount --;
  163.                 createEnemyPosition ++;
  164.                 currentEnemyCount ++;
  165.                 t2 = new Date();
  166.             }
  167.         }
  168.         else if(createEnemyPosition == 2)
  169.         {
  170.             if((new Date()) - t3 > 2000)
  171.             {
  172.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].X = 480;
  173.                 enemyItems.Enemys[maxEnemyCount - leftEnemyCount].Y = 0;
  174.                 startNewEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  175.                 currentEnemyItems.AddEnemy(enemyItems.Enemys[maxEnemyCount - leftEnemyCount]);
  176.                 leftEnemyCount --;
  177.                 createEnemyPosition  = 0;
  178.                 currentEnemyCount ++;
  179.                 t3 = new Date();
  180.             }
  181.         }
  182.     }
  183.     //estimate player is win?
  184.     else if(leftEnemyCount == 0 && currentEnemyCount == 0)
  185.     {
  186.         with(parameter)
  187.         {
  188.             clearInterval(timer);
  189.             setTimeout("",1,"");
  190.         }
  191.         document.getElementById("gamewin").style.display = "block";
  192.     }
  193. }
  194. //change tank's direction
  195. function changeDirection(t, e, d)
  196. {
  197.     if(e.Direction != d)
  198.     {
  199.         e.Direction = d;
  200.         t.innerHTML = "<img src=/"images/" + e.Type + "_" + e.Direction +  ".png/" width=/"32/" height=/"32/" />";
  201.     }
  202. }
  203. //tank fire
  204. function fire(o, w)
  205. {
  206.     if((new Date()) - o.FireTime > o.FireSpeed)
  207.     {
  208.         switch(o.Direction)
  209.         {
  210.             case "left":
  211.                 startNewCannonBall(new Cannonball(cannonSpeed,"",o.Direction, 1, w, document.getElementById(o.ID).style.posLeft, document.getElementById(o.ID).style.posTop + 12));
  212.                 break;
  213.             case "right":
  214.                 startNewCannonBall(new Cannonball(cannonSpeed,"",o.Direction, 1, w, document.getElementById(o.ID).style.posLeft + 24, document.getElementById(o.ID).style.posTop + 12));
  215.                 break;
  216.             case "up":
  217.                 startNewCannonBall(new Cannonball(cannonSpeed,"",o.Direction, 1, w, document.getElementById(o.ID).style.posLeft + 12, document.getElementById(o.ID).style.posTop));
  218.                 break;
  219.             case "down":
  220.                 startNewCannonBall(new Cannonball(cannonSpeed,"",o.Direction, 1, w, document.getElementById(o.ID).style.posLeft + 12, document.getElementById(o.ID).style.posTop + 24));
  221.                 break;
  222.         }
  223.         o.FireTime = new Date();
  224.     }
  225. }
  227. //function HitTank(t)
  228. //{
  229. //    var px1 = document.getElementById(player.ID).style.posTop;
  230. //    var py1 = document.getElementById(player.ID).style.posLeft;
  231. //    var x1 = document.getElementById(t.ID).style.posTop;
  232. //    var y1 = document.getElementById(t.ID).style.posLeft;
  233. //    //window.status = x1 + "_" + y1 + "_" + px1 + "_" + py1;
  234. //    if(t.Direction == "left")
  235. //    {
  236. //        if(y1 - py1 < t.Speed && px1 < x1 + 32 && px1 > x1 -32)
  237. //            return true; 
  238. //    }
  239. //    else if(t.Direction == "right")
  240. //    {
  241. //        if(py1 - y1 < t.Speed + 32 && px1 < x1 + 32 && px1 > x1 -32)
  242. //            return true;
  243. //    }
  244. //    else if(t.Direction == "up")
  245. //    {
  246. //        if(px1 - x1 < t.Speed && py1 < y1 + 32 && py1 > y1 -32)
  247. //            return true;
  248. //    }
  249. //    else if(t.Direction == "down")
  250. //    {
  251. //        if(px1 - x1 < t.Speed + 32 && py1 < y1 + 32 && py1 > y1 -32)
  252. //            return true;
  253. //    }
  254. //    
  255. //    for(var i = 0; i < currentEnemyItems.Enemys.length; i ++)
  256. //    {
  257. //        if(currentEnemyItems.Enemys[i].ID != t.ID)
  258. //        {
  259. //            var x = document.getElementById(currentEnemyItems.Enemys[i].ID).style.posTop;
  260. //            var y = document.getElementById(currentEnemyItems.Enemys[i].ID).style.posLeft;
  261. //            
  262. //            if(t.Direction == "left")
  263. //            {
  264. //                if(y1 - y < t.Speed && x < x1 + 32 && x > x1 -32)
  265. //                    return true; 
  266. //            }
  267. //            else if(t.Direction == "right")
  268. //            {
  269. //                if(y - y1 < t.Speed + 32 && x < x1 + 32 && x > x1 -32)
  270. //                    return true;
  271. //            }
  272. //            else if(t.Direction == "up")
  273. //            {
  274. //                if(x - x1 < t.Speed && y < y1 + 32 && y > y1 -32)
  275. //                    return true;
  276. //            }
  277. //            else if(t.Direction == "down")
  278. //            {
  279. //                if(x - x1 < t.Speed + 32 && y < y1 + 32 && y > y1 -32)
  280. //                    return true;
  281. //            }
  282. //        }
  283. //    }
  284. //    return false;
  285. //}
  286. //each enemy is virtual thread
  287. function startNewEnemy(e)
  288. {
  289.     var target = document.getElementById("Enemy").cloneNode(true);
  290.     with (target){
  291.         var type = (e.Type=="heavy")?"heavy":(e.Type=="normal"?"normal":"light");
  292.         id=e.ID;style.display="block";style.zIndex=e.ID + 5000;style.position="absolute";style.posLeft=e.X;style.posTop=e.Y;style.width=32;style.height=32;innerHTML="<img src=/"images/" + type + "_" + e.Direction +  ".png/" width=/"32/" height=/"32/" />";
  293.     }
  294.     document.body.insertBefore(target,document.body.lastChild);
  295.     var parameter = {target:target,e:e}
  296.     parameter.timer = setInterval(EnemyMove,1,parameter);
  297. }
  299. function EnemyMove(parameter)
  300. {
  301.     if(statePlaying == "pause" || statePlaying == "failed")
  302.         return;
  303.     with(parameter)
  304.     {
  305.         var y = (document.getElementById(target.id).style.posLeft - (document.getElementById(target.id).style.posLeft%16)) / 16;
  306.         var x = (document.getElementById(target.id).style.posTop - (document.getElementById(target.id).style.posTop%16)) / 16;
  307.         var y1 = document.getElementById(target.id).style.posLeft%16;
  308.         var x1 = document.getElementById(target.id).style.posTop%16;
  309.         if(e.Direction == "left")
  310.         {
  311. //            if(HitTank(e))
  312. //            {
  313. //                changeDirection(target, e, direction[parseInt(4*Math.random())]);
  314. //            }
  315. //            else 
  316.             if(y > 0 && x1 == 0 && map[x][y - 1].Cross != 1 && map[x + 1][y - 1].Cross != 1)
  317.             {
  318.                document.getElementById(target.id).style.posLeft -= parseInt(e.Speed, 10); 
  319.             }
  320.             else if(y > 0 && x != 0 && map[x][y - 1].Cross != 1 && map[x + 1][y - 1].Cross != 1 && map[x + 2][y - 1].Cross != 1)
  321.             {
  322.                 document.getElementById(target.id).style.posLeft -= parseInt(e.Speed, 10); 
  323.             }
  324.             else if(y1 > 0)
  325.             {
  326.                 document.getElementById(target.id).style.posLeft -= parseInt(e.Speed, 10); 
  327.             }
  328.             else if(y == 0 && document.getElementById(target.id).style.posLeft > 0)
  329.             {
  330.                 document.getElementById(target.id).style.posLeft -= parseInt(e.Speed, 10); 
  331.             }
  332.             else
  333.             {
  334.                 //fire or change direction
  335.                 if((parseInt(100*Math.random()))%100 < 30)
  336.                 {
  337.                     changeDirection(target, e, direction[parseInt(4*Math.random())]);
  338.                 }
  339.                 else
  340.                 {
  341.                     fire(e, "enemy");
  342.                 } 
  343.             }
  344.         }
  345.         else if(e.Direction == "right")
  346.         {
  347. //            if(HitTank(e))
  348. //            {
  349. //                changeDirection(target, e, direction[parseInt(4*Math.random())]);
  350. //            }
  351. //            else 
  352.             if(y < (count-1)*2 && x1 == 0 && map[x][y + 2].Cross != 1 && map[x + 1][y + 2].Cross != 1)
  353.             {
  354.                document.getElementById(target.id).style.posLeft += parseInt(e.Speed, 10);    
  355.             }
  356.             else if(y < (count-1)*2 && x1 != 0 && map[x][y + 2].Cross != 1 && map[x + 1][y + 2].Cross != 1 && map[x + 2][y + 2].Cross != 1)
  357.             {
  358.                document.getElementById(target.id).style.posLeft += parseInt(e.Speed, 10);    
  359.             }
  360.             else if(y == (count-1)*2 && document.getElementById(target.id).style.posLeft < 480)
  361.             {
  362.                 document.getElementById(target.id).style.posLeft += parseInt(e.Speed, 10);
  363.             }
  364.             else
  365.             {
  366.                 //fire or change direction
  367.                 if((parseInt(100*Math.random()))%100 < 30)
  368.                 {
  369.                     changeDirection(target, e, direction[parseInt(4*Math.random())]);
  370.                 }
  371.                 else
  372.                 {
  373.                     fire(e, "enemy");
  374.                 } 
  375.             }
  376.         }
  377.         else if(e.Direction == "up")
  378.         {
  379. //            if(HitTank(e))
  380. //            {
  381. //                changeDirection(target, e, direction[parseInt(4*Math.random())]);
  382. //            }
  383. //            else 
  384.             if(x > 0 && y1 == 0 && map[x - 1][y].Cross != 1 && map[x - 1][y + 1].Cross != 1)
  385.             {
  386.                 document.getElementById(target.id).style.posTop -= parseInt(e.Speed, 10);
  387.             }
  388.             else if(x > 0 && y1 != 0 && map[x - 1][y].Cross != 1 && map[x - 1][y + 1].Cross != 1 && map[x - 1][y + 2].Cross)
  389.             {
  390.                 document.getElementById(target.id).style.posTop -= parseInt(e.Speed, 10);
  391.             }
  392.             else if(x1 > 0)
  393.             {
  394.                 document.getElementById(target.id).style.posTop -= parseInt(e.Speed, 10);
  395.             }
  396.             else if(x == 0 && document.getElementById(target.id).style.posTop > 0)
  397.             {
  398.                 document.getElementById(target.id).style.posTop -= parseInt(e.Speed, 10);
  399.             }
  400.             else
  401.             {
  402.                 //fire or change direction
  403.                 if((parseInt(100*Math.random()))%100 < 30)
  404.                 {
  405.                     changeDirection(target, e, direction[parseInt(4*Math.random())]);
  406.                 }
  407.                 else
  408.                 {
  409.                     fire(e, "enemy");
  410.                 } 
  411.             }
  412.         }
  413.         else
  414.         {
  415. //            if(HitTank(e))
  416. //            {
  417. //                changeDirection(target, e, direction[parseInt(4*Math.random())]);
  418. //            }
  419. //            else 
  420.             if(x < (count - 1) * 2 && y1 == 0 && map[x + 2][y].Cross != 1 && map[x + 2][y + 1].Cross != 1)
  421.             {
  422.                 document.getElementById(target.id).style.posTop += parseInt(e.Speed, 10);
  423.             }
  424.             else if(x < (count - 1) * 2 && y1 != 0 && map[x + 2][y].Cross != 1 && map[x + 2][y + 1].Cross != 1 && map[x + 2][y + 2].Cross != 1)
  425.             {
  426.                 document.getElementById(target.id).style.posTop += parseInt(e.Speed, 10);
  427.             }
  428.             else if(x == (count -1)*2 && document.getElementById(target.id).style.posTop < 480)
  429.             {
  430.                 document.getElementById(target.id).style.posTop += parseInt(e.Speed, 10);
  431.             }
  432.             else
  433.             {
  434.                 //fire or change direction
  435.                 if((parseInt(100*Math.random()))%100 < 30)
  436.                 {
  437.                     changeDirection(target, e, direction[parseInt(4*Math.random())]);
  438.                 }
  439.                 else
  440.                 {
  441.                     fire(e, "enemy");
  442.                 } 
  443.             }
  444.         }
  445.         if(((new Date()) - e.FireTime) > e.AutoFireSpeed)
  446.         {
  447.             if((parseInt(100*Math.random()))%100 < 30)
  448.             {
  449.                 changeDirection(target, e, direction[parseInt(4*Math.random())]);
  450.                 e.FireTime = new Date();
  451.             }
  452.             else
  453.             {
  454.                 fire(e, "enemy");
  455.             } 
  456.         }
  457.         if(e.HP <= 0)
  458.         {
  459.             clearInterval(timer);
  460.             if(e.Type == "heavy")
  461.             {
  462.                 document.getElementById("heavyEnemy").innerHTML = parseInt(document.getElementById("heavyEnemy").innerHTML, 10) - 1;
  463.             }
  464.             else if(e.Type == "normal")
  465.             {
  466.                 document.getElementById("normalEnemy").innerHTML = parseInt(document.getElementById("normalEnemy").innerHTML, 10) - 1;
  467.             }
  468.             else if(e.Type == "light")
  469.             {
  470.                 document.getElementById("lightEnemy").innerHTML = parseInt(document.getElementById("lightEnemy").innerHTML, 10) - 1;
  471.             }
  472.             document.getElementById("enemyTotalCount").innerHTML = parseInt(document.getElementById("enemyTotalCount").innerHTML, 10) - 1;
  473.             currentEnemyItems.RemoveEnemy(e);
  474.             currentEnemyCount --;
  475.             target.innerHTML="<img src=/"images/explode.png/" width=/"32/" height=/"32/" />";
  476.             setTimeout(function(elm){document.body.removeChild(elm);},100,target);
  477.         }
  478.     }
  479. }
  481. function startNewPlayer(p)
  482. {
  483.     var parameter = {target:p}
  484.     parameter.timer = setInterval(PlayerMove,1,parameter);
  485. }
  487. function PlayerMove(parameter)
  488. {
  489.     if(player.HP <= 0)
  490.     {
  491.         with(parameter)
  492.         {
  493.             document.getElementById(player.ID).innerHTML="<img src=/"images/explode.png/" width=/"32/" height=/"32/" />";
  494.             clearInterval(timer);
  495.             player.Life --;
  496.             document.getElementById("playerLife").innerHTML = player.Life;
  497.             setTimeout(function(){
  498.                         if(player.Life > 0)
  499.                         {
  500.                             document.getElementById(player.ID).style.posLeft = 192;
  501.                             document.getElementById(player.ID).style.posTop = 480;
  502.                             document.getElementById(player.ID).innerHTML="<img src=/"images/player_up.png/" width=/"32/" height=/"32/" />";
  503.                             player.Direction = "up";
  504.                             player.HP = 1;
  505.                             startNewPlayer(player);
  506.                         }
  507.                         else
  508.                         {
  509.                             statePlaying="failed";
  510.                             document.getElementById("gameover").style.display = "block"; 
  511.                             with(parameter)
  512.                             {
  513.                                 clearInterval(timer);
  514.                                 setTimeout("",1,target);
  515.                             }
  516.                         }},100,"");
  517.         }
  518.     }
  519.     if(!newkey)
  520.         return;
  521.     newkey = false;
  522.     var y = (document.getElementById(player.ID).style.posLeft - (document.getElementById(player.ID).style.posLeft%16)) / 16;
  523.     var x = (document.getElementById(player.ID).style.posTop - (document.getElementById(player.ID).style.posTop%16)) / 16;
  524.     var y1 = document.getElementById(player.ID).style.posLeft%16;
  525.     var x1 = document.getElementById(player.ID).style.posTop%16;
  526.     switch(kc)
  527.     {
  528.         case 37:
  529.             if(player.Direction == "left")
  530.             {
  531.                 
  532.                 if(y > 0 && x1 == 0 && map[x][y - 1].Cross != 1 && map[x + 1][y - 1].Cross != 1)
  533.                 {
  534.                    document.getElementById(player.ID).style.posLeft -= parseInt(player.Speed, 10); 
  535.                 }
  536.                 else if(y > 0 && x != 0 && map[x][y - 1].Cross != 1 && map[x + 1][y - 1].Cross != 1 && map[x + 2][y - 1].Cross != 1)
  537.                 {
  538.                     document.getElementById(player.ID).style.posLeft -= parseInt(player.Speed, 10); 
  539.                 }
  540.                 else if(y1 > 0)
  541.                 {
  542.                     document.getElementById(player.ID).style.posLeft -= parseInt(player.Speed, 10); 
  543.                 }
  544.                 else if(y == 0 && document.getElementById(player.ID).style.posLeft > 0)
  545.                 {
  546.                     document.getElementById(player.ID).style.posLeft -= parseInt(player.Speed, 10); 
  547.                 }
  548. //                PlaySound("play","playerMove");
  549.             }
  550.             else
  551.             {
  552.                 document.getElementById(player.ID).innerHTML = document.getElementById(player.ID).innerHTML.replace(player.Direction, "left");
  553.                 player.Direction = "left";
  554.             }
  555.             break;
  556.         case 39:
  557.             if(player.Direction == "right")
  558.             {
  559.                 if(y < (count-1)*2 && x1 == 0 && map[x][y + 2].Cross != 1 && map[x + 1][y + 2].Cross != 1)
  560.                 {
  561.                    document.getElementById(player.ID).style.posLeft += parseInt(player.Speed, 10);    
  562.                 }
  563.                 else if(y < (count-1)*2 && x1 != 0 && map[x][y + 2].Cross != 1 && map[x + 1][y + 2].Cross != 1 && map[x + 2][y + 2].Cross != 1)
  564.                 {
  565.                    document.getElementById(player.ID).style.posLeft += parseInt(player.Speed, 10);    
  566.                 }
  567.                 else if(y == (count-1)*2 && document.getElementById(player.ID).style.posLeft < 480)
  568.                 {
  569.                     document.getElementById(player.ID).style.posLeft += parseInt(player.Speed, 10);
  570.                 }
  571. //                PlaySound("play","playerMove");
  572.             }
  573.             else
  574.             {
  575.                 document.getElementById(player.ID).innerHTML = document.getElementById(player.ID).innerHTML.replace(player.Direction, "right");
  576.                 player.Direction = "right";
  577.                 
  578.             }
  579.             break;
  580.         case 38:
  581.             if(player.Direction == "up")
  582.             {
  583.                 if(x > 0 && y1 == 0 && map[x - 1][y].Cross != 1 && map[x - 1][y + 1].Cross != 1)
  584.                 {
  585.                     document.getElementById(player.ID).style.posTop -= parseInt(player.Speed, 10);
  586.                 }
  587.                 else if(x > 0 && y1 != 0 && map[x - 1][y].Cross != 1 && map[x - 1][y + 1].Cross != 1 && map[x - 1][y + 2].Cross)
  588.                 {
  589.                     document.getElementById(player.ID).style.posTop -= parseInt(player.Speed, 10);
  590.                 }
  591.                 else if(x1 > 0)
  592.                 {
  593.                     document.getElementById(player.ID).style.posTop -= parseInt(player.Speed, 10);
  594.                 }
  595.                 else if(x == 0 && document.getElementById(player.ID).style.posTop > 0)
  596.                 {
  597.                     document.getElementById(player.ID).style.posTop -= parseInt(player.Speed, 10);
  598.                 }
  599. //                PlaySound("play","playerMove");
  600.             }
  601.             else
  602.             {
  603.                 document.getElementById(player.ID).innerHTML = document.getElementById(player.ID).innerHTML.replace(player.Direction, "up");
  604.                 player.Direction = "up";
  605.                 
  606.             }
  607.             break;
  608.         case 40:
  609.             if(player.Direction == "down")
  610.             {
  611.                 if(x < (count - 1) * 2 && y1 == 0 && map[x + 2][y].Cross != 1 && map[x + 2][y + 1].Cross != 1)
  612.                 {
  613.                     document.getElementById(player.ID).style.posTop += parseInt(player.Speed, 10);
  614.                 }
  615.                 else if(x < (count - 1) * 2 && y1 != 0 && map[x + 2][y].Cross != 1 && map[x + 2][y + 1].Cross != 1 && map[x + 2][y + 2].Cross != 1)
  616.                 {
  617.                     document.getElementById(player.ID).style.posTop += parseInt(player.Speed, 10);
  618.                 }
  619.                 else if(x == (count -1)*2 && document.getElementById(player.ID).style.posTop < 480)
  620.                 {
  621.                     document.getElementById(player.ID).style.posTop += parseInt(player.Speed, 10);
  622.                 }
  623. //                PlaySound("play","playerMove");
  624.             }
  625.             else
  626.             {
  627.                 document.getElementById(player.ID).innerHTML = document.getElementById(player.ID).innerHTML.replace(player.Direction, "down");
  628.                 player.Direction = "down";
  629.             }
  630.             break;
  631.         case 32:
  632.             {
  633.                 fire(player, "player");
  634.             }
  635.             break;
  636.     }
  637.     
  638. }
  640. function startNewCannonBall(c){
  641.     var target = document.getElementById("CannonBall").cloneNode(true);
  642.     with (target){
  643.         id="cannon_" + c.ID;style.display="block";style.zIndex=c.ID + 20000;style.position="absolute";style.posLeft=c.X;style.posTop=c.Y;style.width=8;style.height=8;innerHTML="<img src=/"images/cannonball_" + c.Direction +  ".png/" width=/"8/" height=/"8/" />";
  644.     }
  645.     document.body.insertBefore(target,document.body.lastChild);
  646.     var parameter = {target:target,c:c}
  647.     parameter.timer = setInterval(CannonBallMove,1,parameter);
  648. }
  652. function  CannonBallMove(parameter){
  653.     if(statePlaying == "pause" || statePlaying == "failed")
  654.         return;
  655.     with (parameter){
  656.         switch(c.Direction)
  657.         {
  658.             case "up":
  659.             target.style.posTop -= c.Speed;
  660.             break;
  661.             case "down":
  662.             target.style.posTop += c.Speed;
  663.             break;
  664.             case "left":
  665.             target.style.posLeft -= c.Speed;
  666.             break;
  667.             case "right":
  668.             target.style.posLeft += c.Speed;
  669.             break;    
  670.         }
  671.         Hit(c);
  672.         if (target.style.posLeft > 512 || target.style.posTop > 512 || target.style.posLeft < -8 || target.style.posTop < -8 || !c.Active){
  673.             clearInterval(timer);
  674.             target.innerHTML="<img src=/"images/explode.png/" width=/"8/" height=/"8/" />";
  675.             setTimeout(function(elm){document.body.removeChild(elm)},100,target);
  676.         }
  677.     }
  678. }
  680. function Graphics(parent)
  681. {
  682.     this.P = parent;
  683.     this.HTML = "";
  685.     this.DrawImage = function(id,imgSrc, x, y, w, h,z,a)
  686.     {
  687.         this.HTML += '<div id="'+ id + '" style="z-index:' + z + ';position:absolute;'+
  688.             'left:' + x + 'px;'+
  689.             'top:' + y + 'px;'+
  690.             (w? ('width:' +  w + 'px;') : '') +
  691.             (h? ('height:' + h + 'px;'):'')+'">'+
  692.             '<img src="' + imgSrc +'"'+ (w ? (' width="' + w + '"'):'')+ (h ? (' height="' + h + '"'):'') + ('alt=' + y/16 + ':' +  x/16 + '') + ' />'+
  693.             '<//div>';
  694.     };
  695.     //背景图片擦除
  696.     this.Earse = function(id, imgSrc,w, h, z)
  697.     {   
  698.         document.getElementById(id).style.zIndex = z;
  699.         document.getElementById(id).innerHTML ='<img src="' + imgSrc +'"'+ (w ? (' width="' + w + '"'):'')+ (h ? (' height="' + h + '"'):'') + ' />';
  700.         
  701.     };
  702.     this.Paint = function()
  703.     {
  704.         thisthis.P.innerHTML = this.HTML;
  705.     };
  706. }
  708. function MapItem(type, src, row, col, cross,r)
  709. {
  710.     this.ID = objectid ++;
  711.     this.Type = type;
  712.     this.Src = src;
  713.     this.Row = row;
  714.     this.Col = col;
  715.     this.Cross = cross;
  716.     this.Recovery = r;
  717. }
  719. function Barrier(name, type, recovery, cross, src)
  720. {
  721.     this.ID = objectid ++;
  722.     this.Name = name;
  723.     this.Type = type;
  724.     this.Recovery = recovery;
  725.     this.Cross = cross;
  726.     this.Src = src;
  727. }
  728. function Enemy(name, src, speed, power, hp, t, d)
  729. {
  730.     this.ID = objectid ++;
  731.     this.Name = name;
  732.     this.Src = src;
  733.     this.Speed = speed;
  734.     this.Power = power;
  735.     this.HP = hp;
  736.     tthis.Type = t;
  737.     this.Direction = d;
  738.     this.X = 0;
  739.     this.Y = 0;
  740.     this.FireSpeed = 400;
  741.     this.AutoFireSpeed = 2000;
  742.     this.FireTime = new Date();
  743. }
  744. function Player(name, src, speed, power, hp, life)
  745. {
  746.     this.ID = objectid ++;
  747.     this.Name = name;
  748.     this.Src = src;
  749.     this.Speed = speed;
  750.     this.Power = power;
  751.     this.HP = hp;
  752.     this.Life = life;
  753.     this.Direction = "";
  754.     this.X = 0;
  755.     this.Y = 0;
  756.     this.FireSpeed = 400;
  757.     this.FireTime = new Date();
  758. }
  759. function Cannonball(speed,src,d,p,o,x,y)
  760. {
  761.     this.ID = objectid ++;
  762.     this.Speed = speed;
  763.     this.Src = src;
  764.     this.Direction = d;
  765.     this.Power = p;
  766.     this.Owner = o;
  767.     this.X = x;
  768.     this.Y = y;
  769.     this.Active = true;
  770. }
  771. function OtherItem(name, src)
  772. {
  773.     this.ID = objectid ++;
  774.     this.Name = name;
  775.     this.Src = src;
  776. } 
  778. function BarrierList()
  779. {
  780.     this.Barriers = new Array();    
  781.     this.AddBarrier = function(barrier)
  782.     {
  783.         this.Barriers.push(barrier);
  784.     };
  785. }
  786. function EnemyList()
  787. {
  788.     this.Enemys = new Array();
  789.     this.AddEnemy = function(enemy)
  790.     {
  791.         this.Enemys.push(enemy);
  792.     };
  793.     this.RemoveEnemy = function(enemy)
  794.     {
  795.         var newnewEnemys = new Array();
  796.         for(var i = 0; i < this.Enemys.length; i ++)
  797.         {
  798.             if(enemy.ID ==  this.Enemys[i].ID)
  799.             {
  800.                 continue;
  801.             }
  802.             newEnemys.push(this.Enemys[i]);
  803.         }
  804.         this.Enemys = newEnemys;
  805.     };
  806. }
  808. function setBase(src, type, cross,recovery, size)
  809. {
  810.     tankDraw.Earse(map[31][14].ID, src, size, size, map[31][14].ID);
  811.     tankDraw.Earse(map[30][14].ID, src, size, size, map[30][14].ID);
  812.     tankDraw.Earse(map[29][14].ID, src, size, size, map[29][14].ID);
  813.     tankDraw.Earse(map[29][15].ID, src, size, size, map[29][15].ID);
  814.     tankDraw.Earse(map[29][16].ID, src, size, size, map[29][16].ID);
  815.     tankDraw.Earse(map[29][17].ID, src, size, size, map[29][17].ID);
  816.     tankDraw.Earse(map[30][17].ID, src, size, size, map[30][17].ID);
  817.     tankDraw.Earse(map[31][17].ID, src, size, size, map[31][17].ID);
  818.     
  819.     
  820.     map[31][14].Type = type;
  821.     map[31][14].Cross = cross;
  822.     map[31][14].Recovery = recovery;
  823.     map[30][14].Type = type;
  824.     map[30][14].Cross = cross;
  825.     map[30][14].Recovery = recovery;
  826.     map[29][14].Type = type;
  827.     map[29][14].Cross = cross;
  828.     map[29][14].Recovery = recovery;
  829.     map[29][15].Type = type;
  830.     map[29][15].Cross = cross;
  831.     map[29][15].Recovery = recovery;
  832.     map[29][16].Type = type;
  833.     map[29][16].Cross = cross;
  834.     map[29][16].Recovery = recovery;
  835.     map[29][17].Type = type;
  836.     map[29][17].Cross = cross;
  837.     map[29][17].Recovery = recovery;
  838.     map[31][17].Type = type;
  839.     map[31][17].Cross = cross;
  840.     map[31][17].Recovery = recovery;
  841.     map[30][17].Type = type;
  842.     map[30][17].Cross = cross;
  843.     map[30][17].Recovery = recovery;
  844. }
  846. function Tank()
  847. {
  848.     xmlDoc = null;
  849.     barrierItems = new BarrierList();
  850.     size = null;
  851.     bgColor = null;
  852.     count = null;
  853.     
  854.     
  855.     LoadValueIE = function()
  856.     {
  857.         if(xmlDoc != null)
  858.         {
  859.             //栅栏类型，配置文件按type排序
  860.             var barrier = xmlDoc.selectNodes("//TankConfig/Barrier/BarrierItem");
  861.             for(var i = 0; i < barrier.length; i ++)
  862.             {
  863.                 barrierItems.AddBarrier(new Barrier(barrier.item(i).attributes(0).value, barrier.item(i).attributes(1).value, barrier.item(i).attributes(2).value, barrier.item(i).attributes(3).value, barrier.item(i).attributes(4).value));
  864.             }
  865.             //敌人配置
  866.             var enemys = xmlDoc.selectNodes("//TankConfig/Enemy/EnemyItem");
  867.             //重型数量
  868.             var heavy = parseInt(enemys.item(0).attributes(1).value, 10);
  869.             document.getElementById("heavyEnemy").innerHTML = heavy;
  870.             //一般
  871.             var normal = parseInt(enemys.item(1).attributes(1).value, 10);
  872.             document.getElementById("normalEnemy").innerHTML = normal;
  873.             //轻型
  874.             var light = parseInt(enemys.item(2).attributes(1).value, 10);
  875.             document.getElementById("lightEnemy").innerHTML = light;
  876.             var total = heavy + normal + light;
  877.             document.getElementById("enemyTotalCount").innerHTML = total;
  878.             //打乱出场顺序
  879.             var enemysarray = new Array(total);
  880.             for(var i = 0; i < total; i ++)
  881.             {
  882.                 enemysarray[i] = i;
  883.             }
  884.             leftEnemyCount = total;
  885.             maxEnemyCount = total;
  886.             for(var i = 0; i < total; i ++)
  887.             {
  888.                 var j = Math.floor(((Math.random()*total)) % total);
  889.                 var temp = enemysarray[i];
  890.                 enemysarray[i] = enemysarray[j];
  891.                 enemysarray[j] = temp; 
  892.                 
  893.             }
  894.             for(var i = 0; i < total; i ++)
  895.             {
  896.                 if(enemysarray[i] < heavy)
  897.                     enemyItems.AddEnemy(new Enemy(enemys.item(0).attributes(0).value, enemys.item(0).attributes(2).value.replace("heavy","heavy_down"), enemys.item(0).attributes(3).value, enemys.item(0).attributes(4).value, enemys.item(0).attributes(5).value,"heavy", "down"));
  898.                 else if(enemysarray[i] < heavy + normal)
  899.                     enemyItems.AddEnemy(new Enemy(enemys.item(1).attributes(0).value, enemys.item(1).attributes(2).value.replace("normal","normal_down"), enemys.item(1).attributes(3).value, enemys.item(1).attributes(4).value, enemys.item(1).attributes(5).value, "normal", "down"));
  900.                 else if(enemysarray[i] < total)
  901.                     enemyItems.AddEnemy(new Enemy(enemys.item(2).attributes(0).value, enemys.item(2).attributes(2).value.replace("light","light_down"), enemys.item(2).attributes(3).value, enemys.item(2).attributes(4).value, enemys.item(2).attributes(5).value, "light", "down"));
  902.             }
  903.             //玩家
  904.             var players =  xmlDoc.selectNodes("//TankConfig/Player");
  905.             player = new Player(players.item(0).attributes(0).value, players.item(0).attributes(1).value, players.item(0).attributes(2).value, players.item(0).attributes(3).value, players.item(0).attributes(4).value, players.item(0).attributes(5).value);
  906.             document.getElementById("playerLife").innerHTML = player.Life;  
  907.             //地图
  908.             var maps = xmlDoc.selectNodes("//TankConfig/Map");
  909.             size = parseInt(maps.item(0).attributes(0).value, 10);
  910.             bgColor = maps.item(0).attributes(1).value;
  911.             count = parseInt(maps.item(0).attributes(2).value, 10);
  912.             map = new Array(count * 2);
  913.             for(var i = 0; i < count * 2; i ++)
  914.             {
  915.                 map[i] = new Array(count * 2);
  916.             }
  917.             
  918.             var rows = xmlDoc.selectNodes("//TankConfig/Map/Rows");
  919.             for(var i = 0; i < rows.length; i ++)
  920.             {
  921.                 var rowNumber = parseInt(rows.item(i).attributes(0).value, 10);
  922.                 for(var j = 0; j < rows.item(i).childNodes.length; j ++)
  923.                 {
  924.                     var colNumber = parseInt(rows.item(i).childNodes.item(j).attributes(0).value, 10);
  925.                     var type = parseInt(rows.item(i).childNodes.item(j).attributes(1).value, 10);
  926.                     var cross = barrierItems.Barriers[parseInt(rows.item(i).childNodes.item(j).attributes(1).value, 10)].Cross;
  927.                     var r = barrierItems.Barriers[parseInt(rows.item(i).childNodes.item(j).attributes(1).value, 10)].Recovery;
  928.                     map[rowNumber*2][colNumber*2] = new MapItem(type, barrierItems.Barriers[type].Src, rowNumber, colNumber, cross,r);
  929.                     map[rowNumber*2 + 1][colNumber*2] = new MapItem(type, barrierItems.Barriers[type].Src, rowNumber, colNumber, cross,r);
  930.                     map[rowNumber*2][colNumber*2 + 1] = new MapItem(type, barrierItems.Barriers[type].Src, rowNumber, colNumber, cross,r);
  931.                     map[rowNumber*2 + 1][colNumber*2 + 1] = new MapItem(type, barrierItems.Barriers[type].Src, rowNumber, colNumber, cross,r);
  932.                 }
  933.             }
  934.             
  935.         }
  936.         else
  937.         {
  938.             alert("请先导入配置文件");
  939.         }
  940.     };
  941.     LoadValueFF = function()
  942.     {
  943.         
  944.     };
  945.     InitMap = function()
  946.     {
  947.         size /= 2;
  948.         tankDraw = new Graphics(document.getElementById("Tank"));
  949.         for(var i = 0; i < count; i ++)
  950.         {
  951.             for(var j = 0; j < count ; j ++)
  952.             {
  953.                 if(map[i*2][j*2].Type == 3)
  954.                 {
  955.                     tankDraw.DrawImage(map[i*2][j*2].ID, map[i*2][j*2].Src, j*2 * size, i*2 * size, size, size, map[i*2][j*2].ID + 10000);
  956.                     tankDraw.DrawImage(map[i*2][j*2 + 1].ID, map[i*2][j*2 + 1].Src, (j*2 + 1) * size, i*2 * size, size, size, map[i*2][j*2 + 1].ID + 10000);
  957.                     tankDraw.DrawImage(map[i*2 + 1][j*2].ID, map[i*2][j*2].Src, j*2 * size, (i*2 + 1) * size, size, size, map[i*2 + 1][j*2].ID + 10000);
  958.                     tankDraw.DrawImage(map[i*2 + 1][j*2 + 1].ID, map[i*2][j*2].Src, (j*2 + 1) * size, (i*2 + 1) * size, size, size, map[i*2 + 1][j*2 + 1].ID + 10000);
  959.                 }
  960.                 else
  961.                 {
  962.                     tankDraw.DrawImage(map[i*2][j*2].ID, map[i*2][j*2].Src, j*2 * size, i*2 * size, size, size, map[i*2][j*2].ID);
  963.                     tankDraw.DrawImage(map[i*2][j*2 + 1].ID, map[i*2][j*2 + 1].Src, (j*2 + 1) * size, i*2 * size, size, size, map[i*2][j*2 + 1].ID);
  964.                     tankDraw.DrawImage(map[i*2 + 1][j*2].ID, map[i*2][j*2].Src, j*2 * size, (i*2 + 1) * size, size, size, map[i*2 + 1][j*2].ID);
  965.                     tankDraw.DrawImage(map[i*2 + 1][j*2 + 1].ID, map[i*2][j*2].Src, (j*2 + 1) * size, (i*2 + 1) * size, size, size, map[i*2 + 1][j*2 + 1].ID);
  966.                 }
  967.                 
  968.             }
  969.         }
  970.         tankDraw.DrawImage(15000, "images/basecamp.png", 15*16, 30*16, 32, 32, 15000);
  971.         map[30][15].Cross = 1;
  972.         map[30][16].Cross = 1;
  973.         map[31][15].Cross = 1;
  974.         map[31][16].Cross = 1;
  975.         tankDraw.DrawImage(player.ID, player.Src.replace("player","player_up"), 12 * size, 30 * size, size*2, size*2,player.ID + 3000);
  976.         tankDraw.Paint();
  977.         //擦除enemy起始位置
  978.         var i = 0;
  979.         var j = 0;
  980.         tankDraw.Earse(map[i][j].ID, "images/flat.png", size, size, map[i][j].ID);
  981.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png",  size, size, map[i][j + 1].ID);
  982.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png", size, size, map[i + 1][j].ID);
  983.         tankDraw.Earse(map[i + 1][j + 1].ID, "images/flat.png", size, size, map[i + 1][j + 1].ID);
  984.         map[i][j].Cross = 0;
  985.         map[i + 1][j].Cross = 0;
  986.         map[i][j + 1].Cross = 0;
  987.         map[i + 1][j + 1].Cross = 0;
  988.         map[i][j].Type = 0;
  989.         map[i + 1][j].Type = 0;
  990.         map[i][j + 1].Type = 0;
  991.         map[i + 1][j + 1].Type = 0;
  992.         map[i][j].Recovery = 0;
  993.         map[i + 1][j].Recovery = 0;
  994.         map[i][j + 1].Recovery = 0;
  995.         map[i + 1][j + 1].Recovery = 0;
  996.         i = 0;
  997.         j = 15;
  998.         tankDraw.Earse(map[i][j].ID, "images/flat.png", size, size, map[i][j].ID);
  999.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png",  size, size, map[i][j + 1].ID);
  1000.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png", size, size, map[i + 1][j].ID);
  1001.         tankDraw.Earse(map[i + 1][j + 1].ID, "images/flat.png", size, size, map[i + 1][j + 1].ID);
  1002.         map[i][j].Cross = 0;
  1003.         map[i + 1][j].Cross = 0;
  1004.         map[i][j + 1].Cross = 0;
  1005.         map[i + 1][j + 1].Cross = 0;
  1006.         map[i][j].Type = 0;
  1007.         map[i + 1][j].Type = 0;
  1008.         map[i][j + 1].Type = 0;
  1009.         map[i + 1][j + 1].Type = 0;
  1010.         map[i][j].Recovery = 0;
  1011.         map[i + 1][j].Recovery = 0;
  1012.         map[i][j + 1].Recovery = 0;
  1013.         map[i + 1][j + 1].Recovery = 0;
  1014.         i = 0;
  1015.         j = 30;
  1016.         tankDraw.Earse(map[i][j].ID, "images/flat.png", size, size, map[i][j].ID);
  1017.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png",  size, size, map[i][j + 1].ID);
  1018.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png", size, size, map[i + 1][j].ID);
  1019.         tankDraw.Earse(map[i + 1][j + 1].ID, "images/flat.png", size, size, map[i + 1][j + 1].ID);
  1020.         map[i][j].Cross = 0;
  1021.         map[i + 1][j].Cross = 0;
  1022.         map[i][j + 1].Cross = 0;
  1023.         map[i + 1][j + 1].Cross = 0;
  1024.         map[i][j].Type = 0;
  1025.         map[i + 1][j].Type = 0;
  1026.         map[i][j + 1].Type = 0;
  1027.         map[i + 1][j + 1].Type = 0;
  1028.         map[i][j].Recovery = 0;
  1029.         map[i + 1][j].Recovery = 0;
  1030.         map[i][j + 1].Recovery = 0;
  1031.         map[i + 1][j + 1].Recovery = 0;
  1032.         
  1033.         //player
  1034.         i = 30;
  1035.         j = 12;
  1036.         tankDraw.Earse(map[i][j].ID, "images/flat.png", size, size, map[i][j].ID);
  1037.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png",  size, size, map[i][j + 1].ID);
  1038.         tankDraw.Earse(map[i + 1][j].ID, "images/flat.png", size, size, map[i + 1][j].ID);
  1039.         tankDraw.Earse(map[i + 1][j + 1].ID, "images/flat.png", size, size, map[i + 1][j + 1].ID);
  1040.         map[i][j].Cross = 0;
  1041.         map[i + 1][j].Cross = 0;
  1042.         map[i][j + 1].Cross = 0;
  1043.         map[i + 1][j + 1].Cross = 0;
  1044.         map[i][j].Type = 0;
  1045.         map[i + 1][j].Type = 0;
  1046.         map[i][j + 1].Type = 0;
  1047.         map[i + 1][j + 1].Type = 0;
  1048.         map[i][j].Recovery = 0;
  1049.         map[i + 1][j].Recovery = 0;
  1050.         map[i][j + 1].Recovery = 0;
  1051.         map[i + 1][j + 1].Recovery = 0;
  1052.         
  1053.         //base
  1054.         setBase("images/wall.png", 1, 1, 1,size);
  1055.         size *= 2;
  1056.         
  1057.         
  1058.     };
  1059.     InitPlayer = function()
  1060.     {
  1061.         player.Direction = "up";
  1062.         player.X = 30;
  1063.         player.Y = 12;
  1064.         startNewPlayer(player)
  1065.     };
  1066.     AddEventHandler = function(oTarget, sEventType, fnHandler)
  1067.     {
  1068.         if (oTarget.addEventListener) 
  1069.         {
  1070.             oTarget.addEventListener(sEventType, fnHandler, false);
  1071.         } 
  1072.         else if (oTarget.attachEvent) 
  1073.         {
  1074.             oTarget.attachEvent("on" + sEventType, fnHandler);
  1075.         } 
  1076.         else 
  1077.         {
  1078.             oTarget["on" + sEventType] = fnHandler;
  1079.         }
  1080.     };
  1081.     PlayerKeyHandle = function()
  1082.     {
  1083.         kc = event.keyCode;
  1084.         if(kc == 13)
  1085.         {
  1086.             if(statePlaying == "playing" || statePlaying == "none")
  1087.                 statePlaying = "pause";
  1088.             else if(statePlaying == "pause")
  1089.                 statePlaying = "playing";
  1090.             window.status = statePlaying;
  1091.         }
  1092.         if(statePlaying == "pause" || statePlaying == "failed")
  1093.             return;
  1094.         newkey = true;
  1095.     }
  1096.     this.LoadConfig = function(filename)
  1097.     {
  1098.         if(window.ActiveXObject)
  1099.         {
  1100.             xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  1101.             xmlDoc.async = "false";
  1102.             xmlDoc.load(filename); 
  1103.             if(xmlDoc.parseError.errorCode !== 0)
  1104.             {
  1105.                 alert("Tank配置文件错误");
  1106.                 return;
  1107.             }
  1108.             else
  1109.             {
  1110.                 new LoadValueIE();
  1111.             }
  1112.         }
  1113.         else if(document.implementation && document.implementation.createDocument)
  1114.         {
  1115.             xmlDoc = document.implementation.createDocument("", "TankConfig", null); 
  1116.             xmlDoc.load(filename);
  1117.             xmlDoc.onLoad =  LoadValueFF;
  1118.         }
  1119.         else
  1120.         {
  1121.             alert("该浏览器目前不支持");
  1122.         }
  1123.     };
  1124.     this.Play = function()
  1125.     {
  1126.         new InitMap();
  1127.         new InitPlayer();
  1128.         AddEventHandler(document, "keydown", PlayerKeyHandle);
  1129.         startEnemyControl();
  1130.     };
  1131. }
  1133. function Hit(c)
  1134. {
  1135.     var target = document.getElementById("cannon_" + c.ID);
  1136.     var y = (target.style.posLeft - (target.style.posLeft%16)) / 16;
  1137.     var x = (target.style.posTop - (target.style.posTop%16)) / 16;
  1138.     var y1 = (target.style.posLeft + 8 - ((target.style.posLeft+8)%16)) / 16;
  1139.     var x1 = (target.style.posTop + 8 - ((target.style.posTop+8)%16)) / 16;
  1140.     if(y<0||x<0||y1<0||x1<0)
  1141.         return;
  1142.     if(y>31||x>31||x1>31||y1>31)
  1143.         return;
  1144.     
  1145.     if((x<=31&&x>=30&&y<=16&&y>=15) || (x1<=31&&x1>=30&&y1<=16&&y1>=15))
  1146.     {
  1147.         document.getElementById(15000).innerHTML = "<img src=/"images/basedestory.png/" width=/"32/" height=/"32/" />";
  1148.         statePlaying="failed";
  1149.         document.getElementById("gameover").style.display = "block";
  1150.     }
  1152.     if(c.Owner == "player")
  1153.     {
  1154.         for(var i = 0; i < currentEnemyItems.Enemys.length; i ++)
  1155.         {
  1156.             var ex1 = document.getElementById(currentEnemyItems.Enemys[i].ID).style.posTop;
  1157.             var ey1 = document.getElementById(currentEnemyItems.Enemys[i].ID).style.posLeft;
  1158.             if(target.style.posLeft > ey1 && target.style.posLeft < ey1 + 32 && target.style.posTop < ex1 + 32 && target.style.posTop > ex1)
  1159.             {
  1160.                 c.Active = false;
  1161.                 currentEnemyItems.Enemys[i].HP = 0;
  1162.                 break;
  1163.             }
  1164.         }
  1165.     }
  1166.     else if(c.Owner == "enemy")
  1167.     {
  1168.         var px1 = document.getElementById(player.ID).style.posTop;
  1169.         var py1 = document.getElementById(player.ID).style.posLeft;
  1170.         if(target.style.posLeft > py1 && target.style.posLeft < py1 + 32 && target.style.posTop < px1 + 32 && target.style.posTop > px1)
  1171.         {
  1172.             c.Active = false;
  1173.             player.HP = 0;
  1174.         }
  1175.     }
  1176.     
  1177.         
  1178.     if(c.Direction == "left")
  1179.     {
  1180.         if(x == x1 && (map[x][y].Type == 1 || map[x][y].Type == 2))
  1181.         {
  1182.             if(c.Power >= map[x][y].Recovery)
  1183.             {
  1184.                 tankDraw.Earse(map[x][y].ID, "images/flat.png", 16, 16, map[x][y].ID);
  1185.                 map[x][y].Cross = 0;
  1186.                 map[x][y].Type = 0;
  1187.                 map[x][y].Recovery = 0;
  1188.             }
  1189.             c.Active = false;
  1190.         }
  1191.         else if(x!=x1 && (map[x][y].Type == 1 || map[x][y].Type == 2) || (map[x1][y].Type == 1 || map[x1][y].Type == 2))
  1192.         {
  1193.             if(c.Power >= map[x][y].Recovery && map[x][y].Recovery != 0)
  1194.             {
  1195.                 tankDraw.Earse(map[x][y].ID, "images/flat.png", 16, 16, map[x][y].ID);
  1196.                 map[x][y].Cross = 0;
  1197.                 map[x][y].Type = 0;
  1198.                 map[x][y].Recovery = 0;
  1199.             }
  1200.             if(c.Power >= map[x1][y].Recovery && map[x1][y].Recovery != 0)
  1201.             {
  1202.                 tankDraw.Earse(map[x1][y].ID, "images/flat.png", 16, 16, map[x1][y].ID);
  1203.                 map[x1][y].Cross = 0;
  1204.                 map[x1][y].Type = 0;
  1205.                 map[x1][y].Recovery = 0;
  1206.             }
  1207.             c.Active = false;
  1208.         }
  1209.     }
  1210.     else if(c.Direction == "right")
  1211.     {
  1212.         if(x == x1 && (map[x1][y1].Type == 1 || map[x1][y1].Type == 2))
  1213.         {
  1214.             if(c.Power >= map[x1][y1].Recovery)
  1215.             {
  1216.                 tankDraw.Earse(map[x1][y1].ID, "images/flat.png", 16, 16, map[x1][y1].ID);
  1217.                 map[x1][y1].Cross = 0;
  1218.                 map[x1][y1].Type = 0;
  1219.                 map[x1][y1].Recovery = 0;
  1220.             }
  1221.             c.Active = false;
  1222.         }
  1223.         else if(x!=x1 && (map[x][y1].Type == 1 || map[x][y1].Type == 2) || (map[x1][y1].Type == 1 || map[x1][y1].Type == 2))
  1224.         {
  1225.             if(c.Power >= map[x][y1].Recovery && map[x][y1].Recovery != 0)
  1226.             {
  1227.                 tankDraw.Earse(map[x][y1].ID, "images/flat.png", 16, 16, map[x][y1].ID);
  1228.                 map[x][y1].Cross = 0;
  1229.                 map[x][y1].Type = 0;
  1230.                 map[x][y1].Recovery = 0;
  1231.             }
  1232.             if(c.Power >= map[x1][y1].Recovery && map[x1][y1].Recovery != 0)
  1233.             {
  1234.                 tankDraw.Earse(map[x1][y1].ID, "images/flat.png", 16, 16, map[x1][y1].ID);
  1235.                 map[x1][y1].Cross = 0;
  1236.                 map[x1][y1].Type = 0;
  1237.                 map[x1][y1].Recovery = 0;
  1238.             }
  1239.             c.Active = false;
  1240.         }
  1241.     }
  1242.     else if(c.Direction == "up")
  1243.     {
  1244.         if(y == y1 && (map[x][y].Type == 1 || map[x][y].Type == 2))
  1245.         {
  1246.             if(c.Power >= map[x][y].Recovery)
  1247.             {
  1248.                 tankDraw.Earse(map[x][y].ID, "images/flat.png", 16, 16, map[x][y].ID);
  1249.                 map[x][y].Cross = 0;
  1250.                 map[x][y].Type = 0;
  1251.                 map[x][y].Recovery = 0;
  1252.             }
  1253.             c.Active = false;
  1254.         }
  1255.         else if(y!=y1 && (map[x][y].Type == 1 || map[x][y].Type == 2 || map[x][y1].Type == 1 || map[x][y1].Type == 2))
  1256.         {
  1257.             if(c.Power >= map[x][y].Recovery && map[x][y].Recovery != 0)
  1258.             {
  1259.                 tankDraw.Earse(map[x][y].ID, "images/flat.png", 16, 16, map[x][y].ID);
  1260.                 map[x][y].Cross = 0;
  1261.                 map[x][y].Type = 0;
  1262.                 map[x][y].Recovery = 0;
  1263.             }
  1264.             if(c.Power >= map[x][y1].Recovery && map[x][y1].Recovery != 0)
  1265.             {
  1266.                 tankDraw.Earse(map[x][y1].ID, "images/flat.png", 16, 16, map[x][y1].ID);
  1267.                 map[x][y1].Cross = 0;
  1268.                 map[x][y1].Type = 0;
  1269.                 map[x][y1].Recovery = 0;
  1270.             }
  1271.             c.Active = false;
  1272.         }
  1273.     }
  1274.     else if(c.Direction == "down")
  1275.     {
  1276.         if(y == y1 && (map[x1][y1].Type == 1 || map[x1][y1].Type == 2))
  1277.         {
  1278.             if(c.Power >= map[x1][y1].Recovery)
  1279.             {
  1280.                 tankDraw.Earse(map[x1][y1].ID, "images/flat.png", 16, 16, map[x1][y1].ID);
  1281.                 map[x1][y1].Cross = 0;
  1282.                 map[x1][y1].Type = 0;
  1283.                 map[x1][y1].Recovery = 0;
  1284.             }
  1285.             c.Active = false;
  1286.         }
  1287.         else if(y!=y1 && (map[x1][y].Type == 1 || map[x1][y].Type == 2 || map[x1][y1].Type == 1 || map[x1][y1].Type == 2))
  1288.         {
  1289.             if(c.Power >= map[x1][y].Recovery && map[x1][y].Recovery != 0)
  1290.             {
  1291.                 tankDraw.Earse(map[x1][y].ID, "images/flat.png", 16, 16, map[x1][y].ID);
  1292.                 map[x1][y].Cross = 0;
  1293.                 map[x1][y].Type = 0;
  1294.                 map[x1][y].Recovery = 0;
  1295.             }
  1296.             if(c.Power >= map[x1][y1].Recovery && map[x1][y1].Recovery != 0)
  1297.             {
  1298.                 tankDraw.Earse(map[x1][y1].ID, "images/flat.png", 16, 16, map[x1][y1].ID);
  1299.                 map[x1][y1].Cross = 0;
  1300.                 map[x1][y1].Type = 0;
  1301.                 map[x1][y1].Recovery = 0;
  1302.             }
  1303.             c.Active = false;
  1304.         }
  1305.     }
  1306.     
  1307. }
  1309. function PlayGame()
  1310. {
  1311.     tank.LoadConfig("tank.xml");
  1312.     tank.Play();
  1313. }                  
  1314. </script>
目前运行比较占cpu，原因是控制enemy的虚拟线程处理比较慢，若想加快速度，可以固定存储所有操作的对象的属性，不要用
document对象来获取，这个可以在下一版优化。:-)
具体源码可以在resource下下载：
http://d.download.csdn.net/down/667431/chenyijiu


chenyijiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端坦克大战
11-22
你我共分享
网页版坦克大战
01-20
网页版坦克大战源码，经典游戏坦克大战，很好玩喔
【Three.js】web版 3D坦克大战
u010726809的博客
07-12 3667
制作动态图的软件付费的，所以比较模糊，后续会陆续更新开发思路……
例子：web版坦克大战1.0
weixin_30836759的博客
09-22 315
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>坦克大战</title> 6 7 </head> 8 <body onkeydown="hero.move(eve...
基于springboot + websocket + html5 canvas打造网络版坦克大战
woshilanwawa的博客
05-06 600
前言 该项目为本人业余时间原创，禁止任何一切商业行为，转载须经过本人同意，本人微信号: Jiang_Vin 之前工作重心一直偏向后台微服务集群研究，业务项目页主要是单工通信为主，最近一直想扩展自己的技能，想用websocket技术做点东西。 1.websocket运用的极致就是即时战略游戏，因为我只有1个人，之前也没做过游戏，思来想去决定做网络版坦克大战（即时性强，游戏逻辑简单，后续可以基...
tank_java.rar_html坦克大战
09-14
总的来说，这个Java版的坦克大战项目涵盖了Java编程基础、图形界面设计、游戏逻辑实现、并发控制以及Web技术的融合等多个方面。无论是初学者还是有经验的开发者，都能从中学习到实用的技术，并且能够通过实际操作...
jQuery版tank游戏
06-11
"jQuery版tank游戏"正是这样一款利用jQuery实现的坦克对战游戏，它将传统的坦克大战游戏与现代Web技术相结合，为玩家提供了全新的体验。 首先，我们要理解jQuery的核心理念。jQuery是一个轻量级的JavaScript库，...
tank-war:JavaScript坦克大战游戏
05-05
JavaScript坦克大战游戏 这是使用JavaScript编写的Tank War Game。 。 如果您有任何建议或错误要发布，。 我在这个项目中建立了自己的。 正在安装 这只是静态html文件，非常容易安装。 您甚至不需要运行apache或...
html网页版坦克大战
10-28
在这个坦克大战的网页版中，Canvas被用来绘制游戏场景、坦克、子弹以及各种障碍物，通过JavaScript进行实时更新和渲染。 JavaScript作为客户端脚本语言，负责处理游戏逻辑、用户输入、碰撞检测以及得分计算等关键...
HTML5坦克大战单机游戏
06-01
HTML5坦克大战单机游戏
webtank:基于springboot + websocket + html5 canvas打造网络版坦克大战
04-29
基于springboot + websocket + html5 canvas打造网络版坦克大战 前言 该项目为本人业余时间原创，禁止任何一切商业行为，转载须经过本人同意，本人微信号: Jiang_Vin 项目部署地址： 之前工作重心一直偏向后台微服务集群研究，业务项目页主要是单工通信为主，最近一直想扩展自己的技能，想用websocket技术做点东西。 1.websocket运用的极致就是即时战略游戏，因为我只有1个人，之前也没做过游戏，思来想去决定做 网络版坦克大战（即时性强，游戏逻辑简单，后续可以基于它继续入坑AI学习）。 2.既然要做就想要做好，之前因为工作关系前端也写得少，所以这次想利用html5 canvas写个 电脑-手机-平板 的全平台支援游戏，电脑用键盘控制，手机平板用触控控制。 3.既然是网络游戏，效率考验也是重要环节，所以这里想设计成多游戏房间模式，服务器可以创建不限
Tank-War-master_CocosCreator_cocos经典坦克大战FC_
10-01
在这款复刻版的坦克大战中，开发者充分利用了CocosCreator的特性来重现FC原版游戏的核心玩法。游戏的主要元素包括坦克、地形、子弹和各种道具，这些元素在CocosCreator中通过精灵（Sprite）和节点（Node）进行创建和...
HTML5经典坦克大战及源码
热门推荐
我可能在扯淡
01-01 1万+
随着人们精神文化生活的日益丰富,为了让我们在闲暇的时间多方面发展个人的兴趣爱好,为了更好的开发个人智力,游戏成为人们生活中不可缺少的一部分。作为休闲游戏的起源应该追溯到早期的俄罗斯方块和坦克大战,坦克大战时童年经常玩的游戏,也是一款经典游戏,对我们90后而言,是童年最珍贵的回忆。 Html5横空出世,开启了新的RIA革命, 是未来Web发展的重要方向。这款Html5坦克大战是基于javascript,结合modernizr开源库设计的单机小游戏,用户可以控制坦克移动,可以选择关卡,攻击敌人等
HTML5+JS实现坦克大战小游戏
基督山伯爵的博客
10-27 1万+
听了韩顺平老师的视频教程，学到了
HTML5 坦克大战游戏的制作思路
08-05 9555
BattleCity（坦克大战） github地址 在线试玩（使用ES6完成，浏览器版本过低无法打开） 整个游戏为我个人独立完成，基本上复原了85版的游戏，因为一开始写这个游戏的时候说实话连canvas都不懂，一直都是边学边改的状态，所以花费了二十来天的时间才写好。现在回过头再去看这个游戏其实并不算多么的复杂，一些基本的问题处理好就行——这也是这篇文章所想要说明的东西。如果有同学也想要自己写一
基于ASP.NET+MVC5+EF6开发企业网站.zip
08-22
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
Steam家庭共享同时玩工具.bat
最新发布
08-22
Steam家庭共享：两个人同时玩同一个游戏
JAVA实现TANK大战源代码解析
"TANK大战源代码JAVA" 这篇文章主要展示了基于JAVA编程语言实现的一个"TANK大战"游戏的部分源代码，包括血块类(Blood)和爆炸类(Explode)的设计。这两个类是游戏中的关键元素，血块用于恢复坦克的生命值，而爆炸则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值