一个Javascript小游戏（六）

一个Javascript小游戏（六）

-->接续
function Draw()
{
var i,obj;
setboard.style.display='none';
DrawBox();
pa[0].row=n;
cursel=-1;
moved=false;
comoved=false;
gameover=false;
document.all('b1').style.top=YPosition(0,0);
document.all('b2').style.top=YPosition(1,0);
for(i=0;i<=2;i++)document.all('b'+i).style.display='';
for(i=0;i<=n;i++)
{
  obj=document.all('num'+i);
  if(!obj)
  {
   append.innerHTML+='<div id=num'+i+' style=display:none;position:absolute;width:30;height:30;left:'+270+';top:0;>'+i+'--</div>';
   obj=document.all('num'+i);
  }
  obj.style.top=(53*(n-i)+35);
  obj.style.display='';
}
boxboard.style.display='';
}

//-->
</script></HEAD>
<BODY leftMargin=0 topMargin=0 bgcolor=#a0efef><P align=center>
<table border=0 cellspacing=5 cellpadding=0 id=setboard><tr><FORM name=setbox>
<th height=30 style=FONT-SIZE:12pt;COLOR:BLUE>行棋游戏</th></tr><tr>
<P align=center>
<td align=center>输入参数： <input type=text name=inx size=10>
<hr width=300 size=1 color=black>
</td></tr><tr><td>或者输入层数：<input type=text name=level size=3>
</td></tr><tr><td nowrap>请选择颜色：<input type=radio name=csel value='黑'>计算机执黑 <input type=radio name=csel value='白'>计算机执白
</td></tr><tr><td nowrap>选择先走者：<input type=radio name=fsel value='黑'>执黑者先走 <input type=radio name=fsel value='白'>执白者先走
</td></tr><tr><td align=center><input type=button value=' 开始游戏 ' onclick=StartGame()>
<hr width=300 size=1 color=black>
</td></tr><tr><td><font color=red>注</font>：请使用800*600*16K以上分辨率；<BR>
　　输入参数，或保持该输入框为空。<BR>
　　输入参数时，请输入两个参数：n,K，用逗号分隔。<BR>
　　n表示要输入的层数(n>=2);<BR>
　　K表示选择颜色和先后：<BR>
　　K=1：计算机取白、白先走；<BR>
　　K=2：计算机取白、黑先走；<BR>
　　K=-1：计算机取黑、白先走；<BR>
　　K=-2：计算机取黑、黑先走；<BR>
</td></FORM></tr></TABLE>
<TABLE width=780 border=0 id=boxboard style=display:none><tr><td width=300 id=bkmove style=FONT-SIZE:12pt;color:#200000
valign=top align=center>黑方行棋<BR></td><td width=163 valign=top>
<TABLE border=0 width=100% cellpadding=0 cellspacing=0>
<tr><th height=30 style=FONT-SIZE:12pt;COLOR:BLUE>行棋游戏</th></tr>
<tr><td><img src=box_t.gif></td></tr>
<tr><td id=boxnn valign=top></td></tr>
<tr><td><img src=box_b.gif></td></tr>
<tr><FORM name=inbox><td align=center><P>行棋参数：<input type=text name=inx size=8>
<p><input type=button value=' 走动 ' onclick=MoveData()>
<input type=button value=' 重来 ' onclick='location.reload()'>
</td></FORM></tr>
</TABLE>
</td><td width=317 id=whmove style=FONT-SIZE:12pt;color:#200000 valign=top
align=center>白方行棋<BR></td></tr>
<tr><th colspan=3 height=30 style=FONT-SIZE:12pt;color:red width=100%>
<hr width=100% size=1 color=black>行棋规则</th></tr>
<tr><td colspan=3>　　你可以点击一个棋子来移动它，同时，你也可以通过输入行棋参数的形式来移动棋子。<BR>
　　你只能移动自己一方的棋子，通过输入行棋参数来移动时，需要输入三个数，使用逗号分隔，三个数分别是：棋子代码、棋盘纵线代码、棋盘横线代码。<BR>
　　棋子代码表示移动的棋子，可以在棋子上看到，棋盘纵线代码和棋盘横线代码表示棋子要移到的地方，左边一条线的纵线代码为0，右边一条线的纵线代码为1，顶点的纵线代码定义为0。<BR>
　　横线代码依次从底线为0开始向上依次递增。<BR>
　　双方每个回合可沿着线条方向移动棋子一步，当白方两个棋子将黑方棋子困在顶点，白方胜；当黑方棋子到达底线，黑方胜。
</td></tr>
</table>
<script>
</script><div id=append></div>
</BODY></HTML>