Web版tank大战

于 2008-10-05 23:10:00 发布
阅读量1k 收藏
点赞数
分类专栏： 有意思的东东 文章标签： web function timer up action null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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.youkuaiyun.com/down/667431/chenyijiu


评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值