抢占地盘网页游戏，基于JavaScript脚本实现

发布时间：2018-09-13 10:23:53 所属栏目：语言来源：站长网

导读：抢占地盘网页游戏，基于 Java Script脚本实现游戏规则： 1.人机对战，分别为红蓝两方，抢占地盘。共有49块地盘。 2.每个回合选取相邻的两个点，来画一条边。 3.四条边围一块地盘。谁抢占第四条边地盘归谁。 4.每抢占一块地盘，奖励一次画边的机会 5.若选

抢占地盘网页游戏，基于JavaScript脚本实现

游戏规则：

1.人机对战，分别为红蓝两方，抢占地盘。共有49块地盘。
2.每个回合选取相邻的两个点，来画一条边。
3.四条边围一块地盘。谁抢占第四条边地盘归谁。
4.每抢占一块地盘，奖励一次画边的机会
5.若选错前一个点，则选取不相邻的点可以重新来过。

<HTL> <HEAD> <TITLE>抢占地盘</TITLE> <STYLE> .30pt{font-size:25pt;color:red;} .9pt{font-size:15pt;color:red;} </STYLE> <SCRIPT src="/jscss/demoimg/201102/dots.js"> </SCRIPT> <BODY onLoad="dots_ini()"> <center> <form name="f"> <table bgcolor=#ffffff border="0" cellpadding="0" cellspacing="0"> <tr> <td align=center><input type=radio name="x1" onclick="convert(1);"></td> <td align=center><img name='i0' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x2" onclick="convert(2);"></td> <td align=center><img name='i1' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x3" onclick="convert(3);"></td> <td align=center><img name='i2' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x4" onclick="convert(4);"></td> <td align=center><img name='i3' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x5" onclick="convert(5);"></td> <td align=center><img name='i4' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x6" onclick="convert(6);"></td> <td align=center><img name='i5' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x7" onclick="convert(7);"></td> <td align=center><img name='i6' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x8" onclick="convert(8);"></td> </tr> <tr> <td align=center><img name='i7' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i8' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i9' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i10' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i11' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i12' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i13' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i14' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i15' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i16' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i17' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i18' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i19' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i20' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i21' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x9" onclick="convert(9);"></td> <td align=center><img name='i22' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x10" onclick="convert(10);"></td> <td align=center><img name='i23' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x11" onclick="convert(11);"></td> <td align=center><img name='i24' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x12" onclick="convert(12);"></td> <td align=center><img name='i25' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x13" onclick="convert(13);"></td> <td align=center><img name='i26' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x14" onclick="convert(14);"></td> <td align=center><img name='i27' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x15" onclick="convert(15);"></td> <td align=center><img name='i28' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x16" onclick="convert(16);"></td> </tr> <tr> <td align=center><img name='i29' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i30' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i31' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i32' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i33' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i34' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i35' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i36' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i37' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i38' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i39' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i40' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i41' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i42' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i43' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x17" onclick="convert(17);"></td> <td align=center><img name='i44' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x18" onclick="convert(18);"></td> <td align=center><img name='i45' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x19" onclick="convert(19);"></td> <td align=center><img name='i46' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x20" onclick="convert(20);"></td> <td align=center><img name='i47' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x21" onclick="convert(21);"></td> <td align=center><img name='i48' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x22" onclick="convert(22);"></td> <td align=center><img name='i49' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x23" onclick="convert(23);"></td> <td align=center><img name='i50' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x24" onclick="convert(24);"></td> </tr> <tr> <td align=center><img name='i51' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i52' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i53' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i54' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i55' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i56' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i57' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i58' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i59' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i60' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i61' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i62' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i63' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i64' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i65' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x25" onclick="convert(25);"></td> <td align=center><img name='i66' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x26" onclick="convert(26);"></td> <td align=center><img name='i67' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x27" onclick="convert(27);"></td> <td align=center><img name='i68' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x28" onclick="convert(28);"></td> <td align=center><img name='i69' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x29" onclick="convert(29);"></td> <td align=center><img name='i70' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x30" onclick="convert(30);"></td> <td align=center><img name='i71' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x31" onclick="convert(31);"></td> <td align=center><img name='i72' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x32" onclick="convert(32);"></td> </tr> <tr> <td align=center><img name='i73' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i74' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i75' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i76' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i77' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i78' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i79' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i80' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i81' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i82' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i83' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i84' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i85' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i86' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i87' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x33" onclick="convert(33);"></td> <td align=center><img name='i88' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x34" onclick="convert(34);"></td> <td align=center><img name='i89' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x35" onclick="convert(35);"></td> <td align=center><img name='i90' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x36" onclick="convert(36);"></td> <td align=center><img name='i91' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x37" onclick="convert(37);"></td> <td align=center><img name='i92' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x38" onclick="convert(38);"></td> <td align=center><img name='i93' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x39" onclick="convert(39);"></td> <td align=center><img name='i94' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x40" onclick="convert(40);"></td> </tr> <tr> <td align=center><img name='i95' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i96' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i97' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i98' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i99' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i100' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i101' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i102' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i103' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i104' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i105' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i106' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i107' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i108' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i109' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x41" onclick="convert(41);"></td> <td align=center><img name='i110' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x42" onclick="convert(42);"></td> <td align=center><img name='i111' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x43" onclick="convert(43);"></td> <td align=center><img name='i112' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x44" onclick="convert(44);"></td> <td align=center><img name='i113' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x45" onclick="convert(45);"></td> <td align=center><img name='i114' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x46" onclick="convert(46);"></td> <td align=center><img name='i115' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x47" onclick="convert(47);"></td> <td align=center><img name='i116' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x48" onclick="convert(48);"></td> </tr> <tr> <td align=center><img name='i117' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i118' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i119' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i120' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i121' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i122' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i123' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i124' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i125' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i126' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i127' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i128' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i129' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i130' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i131' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x49" onclick="convert(49);"></td> <td align=center><img name='i132' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x50" onclick="convert(50);"></td> <td align=center><img name='i133' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x51" onclick="convert(51);"></td> <td align=center><img name='i134' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x52" onclick="convert(52);"></td> <td align=center><img name='i135' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x53" onclick="convert(53);"></td> <td align=center><img name='i136' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x54" onclick="convert(54);"></td> <td align=center><img name='i137' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x55" onclick="convert(55);"></td> <td align=center><img name='i138' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x56" onclick="convert(56);"></td> </tr> <tr> <td align=center><img name='i139' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i140' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i141' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i142' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i143' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i144' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i145' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i146' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i147' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i148' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i149' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i150' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i151' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> <td align=center><img name='i152' src='/jscss/demoimg/201102/clear.gif' width=30 height=30></td> <td align=center><img name='i153' src='/jscss/demoimg/201102/clear.gif' width=5 height=30></td> </tr> <tr> <td align=center><input type=radio name="x57" onclick="convert(57);"></td> <td align=center><img name='i154' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x58" onclick="convert(58);"></td> <td align=center><img name='i155' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x59" onclick="convert(59);"></td> <td align=center><img name='i156' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x60" onclick="convert(60);"></td> <td align=center><img name='i157' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x61" onclick="convert(61);"></td> <td align=center><img name='i158' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x62" onclick="convert(62);"></td> <td align=center><img name='i159' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x63" onclick="convert(63);"></td> <td align=center><img name='i160' src='/jscss/demoimg/201102/clear.gif' width=30 height=5></td> <td align=center><input type=radio name="x64" onclick="convert(64);"></td> </tr> <tr> <td bgcolor=silver colspan=7>电脑:<input type=text name='comp' size=2 value=0></td> <td bgcolor=silver colspan=5>玩家:<input type=text name='plyr' size=2 value=0></td> <td bgcolor=silver colspan=3><input type=button value='刷新' onclick="window.location=window.location;"></td> </tr> </table> </form> </center> <p><center> <font class=30pt>游戏规则:</font> <table class=9pt> <tr><td>1.人机对战，分别为红蓝两方，抢占地盘。共有49块地盘。 </tr><tr><td>2.每个回合选取相邻的两个点，来画一条边。 </tr><tr><td>3.四条边围一块地盘。谁抢占第四条边地盘归谁。 </tr><tr><td>4.每抢占一块地盘，奖励一次画边的机会 </tr><tr><td>5.若选错前一个点，则选取不相邻的点可以重新来过。 </tr> </table> </center> </p> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：衡阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

Spring MVC实行流程	Spring MVC类别转换器
Spring MVC是啥	C++ STL all_of any_o