【散分】又花了一晚上更改了前个晚上写的JavaScript小游戏(高难度版)

wujinjian2008n 2009-12-03 11:53:48

加精

简单版的地址：http://topic.csdn.net/u/20091202/23/74982b63-3c53-47e3-9c0b-c30d1707bb80_5.html?seed=757890125&r=61637173#r_61637173
简单版的只要围成这样就赢了：

高难度版要围成这样才能赢：

游戏连接https://forum.csdn.net/Game1.html
代码如下：延伸至1-3楼，4、5楼为老代码



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>wujinjian</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript">

        //11 个单元格,每个单元格的大小就 等于 地图的大小(mapWH)/mapSize

        var mapSize=17; //一定要奇数

        //地图的大小

        var mapWH=500;  

        //记录对方的ID

        var computerID; 

        //这个方向是否可走

        var isPath=true; 

        //记录八方位上距离对方的距离

        var up=0;

        var left=0;

        var right=0;

        var down=0;

        var leftup=0;

        var rightup=0;

        var leftdown=0;

        var rightdown=0;

        //障碍物的最多个数(可重叠)

        var za=17;



        var isFirst=true;



        function createMap()

        { 

            var x=(mapSize-1)/2;

            var y=(mapSize-1)/2;

            

            computerID=x+"_"+y;

            

            var tabobj=document.createElement("table");

            tabobj.style.width=mapWH+"px";

            tabobj.style.height=mapWH+"px";

            

            tabobj.border="1";

            

            var tbodyobj=document.createElement("tbody");

            

            for(var i=0;i<mapSize;i++)

            {

                var trobj=document.createElement("tr");

                

                for(var j=0;j<mapSize;j++)

                {

                    var tdobj=document.createElement("td");

                    tdobj.style.border="rgb(128,128,255) solid 1px";

                    tdobj.id=i+"_"+j

                    tdobj.onclick=tdClick;

                    

                    if(i+"_"+j==computerID)

                    {

                        tdobj.style.backgroundColor="red";

                    }

                    

                    var txt=document.createTextNode(" ");

                    tdobj.appendChild(txt);

                    

                    trobj.appendChild(tdobj);

                }

                

                tbodyobj.appendChild(trobj);

            }

            

            tabobj.appendChild(tbodyobj);

            

            document.getElementById("map_div").appendChild(tabobj);

            

            //默认随机障碍物

            for(var i=0;i<za;i++)

            {

                var _id=Math.round(Math.random()*(mapSize-1)) +"_"+ Math.round(Math.random()*(mapSize-1));

                if(document.getElementById(_id).style.backgroundColor=="")

                    document.getElementById(_id).style.backgroundColor="gray";

            }

            

            for(var i=0;i<mapSize;i++)

            {

                document.getElementById(i+"_"+(mapSize-1)).style.border="rgb(223,223,223) solid 1px";

                document.getElementById((mapSize-1)+"_"+i).style.border="rgb(223,223,223) solid 1px";

                document.getElementById(i+"_0").style.border="rgb(223,223,223) solid 1px";

                document.getElementById("0_"+i).style.border="rgb(223,223,223) solid 1px";

            }



            setMessageDivSize();

        }



        function setMessageDivSize()

        {

            document.getElementById("message_div").style.width="180px";

            document.getElementById("message_div").style.height=document.getElementById("map_div").offsetHeight-2+"px";

        }



        function startDate()

        {

            document.getElementById("startDate").value=new Date().toLocaleTimeString();

        }



        function nowDate()

        {

            document.getElementById("nowDate").value=new Date().toLocaleTimeString();



            setTimeout("nowDate()",1000);

        }



        function yxbs()

        {

            document.getElementById("yxbs").value=document.getElementById("yxbs").value-0+1;

        }

        

        function tdClick()

        {

            if(isFirst)

            {

                startDate();

                nowDate();

                isFirst=false;

            }

            if(this.style.backgroundColor=="")

            {

                this.style.backgroundColor="gray";

                

                up=0;

                left=0;

                right=0;

                down=0;

                leftup=0;

                rightup=0;

                leftdown=0;

                rightdown=0;



                computerXZ();



                yxbs();

            }  

        }