網頁小游戲五子棋設計文檔

1、如何用c#窗體做五子棋小游戲，求開始的按鈕到對應的代碼能整個實現

用c#窗體做五子棋小游戲 :   

首先是界面設計，控制項一共有4個,1個PictureBox ；1個開始按鈕，命名為btnStart；1個重置按鈕，命名為btnReset；1個文本框Label，用於顯示游戲狀態;

2. 新建一個MainSize類用於存放界面上的可能用到的參數，主框體大小520*460，棋盤是一個PictureBox控制項，大小401*401，棋盤20行20列，每個格子邊長20，棋子直徑16。

3. 新建一個ChessBoard類表示棋盤，有一個靜態函數DrawBoard,函數代碼如下:

class ChessBoard
{
static readonly Color color = Color.Black;
static readonly float penWid = 1.0f;
static readonly Pen pen = new Pen(color, penWid);
public static void DrawCB(Graphics gra,PictureBox pic)
{
//每排數量
int horC = MainSize.CBWid / MainSize.CBGap;
//間隔
int gap = MainSize.CBGap;
Image img = new Bitmap(MainSize.CBWid, MainSize.CBHei);
gra = Graphics.FromImage(img);
gra.Clear(Color.White);
gra.DrawRectangle(pen, 0, 0, MainSize.CBWid, MainSize.CBHei);
//畫棋盤
for (int i = 0; i < horC; i++)
{
gra.DrawLine(pen, 0, i * gap, MainSize.CBWid, i * gap);
gra.DrawLine(pen, i * gap, 0, i * gap, MainSize.CBHei);
}
gra.DrawLine(pen, 0, horC * gap, MainSize.CBWid, horC * gap - 1);
gra.DrawLine(pen, horC * gap - 1, 0, horC * gap, MainSize.CBHei);
pic.Image = img;
}
}

4.新建一個基本類Chess，用來表示棋子，有一個靜態函數DrawChess，代碼如下:

class Chess
{public static void DrawChess(bool type,PictureBox pic,Graphics graphic,MouseEventArgs e)

//bool型變數用於表示下棋的雙方

{
graphic = pic.CreateGraphics();
Pen pen1 = new Pen(Color.Red, 1);
Brush bru1 = new SolidBrush(Color.Red);
Pen pen2 = new Pen(Color.Blue, 1);
Brush bru2 = new SolidBrush(Color.Blue);
int newX = (int)((e.X + MainSize.CBGap / 2) / MainSize.CBGap) * MainSize.CBGap - MainSize.ChessRadious / 2;
int newY = (int)((e.Y + MainSize.CBGap / 2) / MainSize.CBGap) * MainSize.CBGap - MainSize.ChessRadious / 2;

//pen1和pen2用於繪制雙方的棋子,顏色設置為紅藍      

if (type)
{graphic.DrawEllipse(pen1, newX, newY, MainSize.ChessRadious, MainSize.ChessRadious);
graphic.FillEllipse(bru1, newX, newY, MainSize.ChessRadious, MainSize.ChessRadious); }
if (!type)
{ graphic.DrawEllipse(pen2, newX, newY, MainSize.ChessRadious, MainSize.ChessRadious);
graphic.FillEllipse(bru2, newX, newY, MainSize.ChessRadious, MainSize.ChessRadious);}

//整型變數nexX和newY用於表示棋子在棋盤上的坐標，根據四捨五入就近原則落點   graphic.Dispose(); 

}

}

5. 主程序，一共設置了4個全局變數，Graphics graphic用於畫圖，bool type用於表示下棋雙方，bool start表示游戲是否開始，二維數組ChessBack用於模擬下棋場景並進行計算。 主程序的構造函數對主框體和PictureBox的大小進行初始化，在Form1_Load函數中添加函數InitializeThis()對游戲進行初始化，包括將ChessBack數組全部置0，type設為true，start設為false，繪制棋盤，按鍵開始的Enabled屬性設為true，按鍵重置設為false。 按鍵開始和重置的功能較為簡單，代碼如下:

private void btnStart_Click(object sender, EventArgs e)
{
start = true;
label1.Text = "游戲開始！";
btnStart.Enabled = false;
btnReset.Enabled = true;
} 

private void btnReset_Click(object sender, EventArgs e)
{ if (MessageBox.Show("確定要重新開始？", "提示", MessageBoxButtons.YesNo) == DialogResult.Yes)
{                           InitializeThis();
}
}

6. picturebox的函數，先判斷游戲是否開始，否則不會有反應。游戲開始後點擊即可落子，並修改ChessBack矩陣，紅色為1，藍色為2，如果已經有棋子則返回，即落子失敗。如果棋盤已滿但沒有分出勝負則彈出平局的提示框並給出提示。之後判斷是否分出勝負，添加函數bool Victory(int bx,int by)，分出勝負後提示勝利，如果沒有則返回。最後換人，type=！type即可，然後修改label的文字表面到哪一方落子了。代碼如下。

private void pictureBox1_MouseClick(object sender, MouseEventArgs e)
{
if (start)
{
//在計算矩陣中的位置
int bX = (int)((e.X + MainSize.CBGap / 2) / MainSize.CBGap);
int bY = (int)((e.Y + MainSize.CBGap / 2) / MainSize.CBGap);
//防止在同一個位置落子
if (ChessBack[bX, bY] != 0)
return;
Chess.DrawChess(type, pictureBox1, graphic, e);
ChessBack[bX,bY] = type?1:2;
//判斷棋盤是否滿了
if (IsFull() && !Victory(bX,bY))
{
if (MessageBox.Show("游戲結束，平局") == DialogResult.OK)
InitializeThis();
return;
}
//判斷勝利
if (Victory(bX,bY))
{
string Vic = type ? "紅" : "藍";
if (MessageBox.Show(Vic + "方勝利!") == DialogResult.OK)
InitializeThis();
return;
}
//換人
type = !type;
label1.Text = type ? "紅方's trun!" : "藍方's turn!";
}
else
return;
}

7.判斷勝負的函數，先寫了一個橫向的進行測試，如果橫向兩端的值與當前值相同則變數count++，最後返回count的值，如果>4則表示勝利。但是這個函數運行出錯，顯示為stackoverflow，但我不知道錯誤在哪，只好換一種判斷方法。後來才想明白兩端的值都是0則會溢出，應該判斷兩端的值是否為1或2而不是當前值。此處借鑒了實驗樓網站上的C語言版五子棋的判斷勝負方式，從當前落子的矩陣中，橫豎斜4個方向任意一個方向有連續5個數的值與當前的值相同則勝利，實現也不復雜，細分為三個函數實現。代碼如下:

#region 判斷勝利
private bool Victory(int bx,int by)
{
if (HorVic(bx, by))
return true;
if (VerVic(bx, by))
return true;
if (Vic45(bx, by))
return true;
else
return false;
}
private bool Vic45(int bx, int by)
 {

 int b1 = (bx - 4) > 0 ? bx - 4 : 0;
int b2 = (by - 4) > 0 ? by - 4 : 0;
//int buttom = b1 > b2 ? b2 : b1;
int val = ChessBack[bx, by];
for (int i = b1,j=b2; i < 16&&j<16; i++,j++)
{
if (ChessBack[i, j] == val && ChessBack[i + 1, j + 1] == val &&
ChessBack[i + 2, j + 2] == val && ChessBack[i + 3, j + 3] == val
&& ChessBack[i + 4, j + 4] == val)
return true;
}
for (int i = b1, j = b2; i < 16 && j < 16; i++, j++)
{
if (ChessBack[i, j] == val && ChessBack[i + 1, j - 1] == val &&
ChessBack[i + 2, j - 2] == val && ChessBack[i + 3, j - 3] == val
&& ChessBack[i - 4, j - 4] == val)
return true;
}
return false;
}
private bool VerVic(int bx, int by)
{
int buttom = (by - 4) > 0 ? by - 4 : 0;
int val = ChessBack[bx, by];
for (int i = buttom; i < 16; i++)
{
if (ChessBack[bx, i] == val && ChessBack[bx, i+1] == val &&
ChessBack[bx, i+2] == val && ChessBack[bx ,i+3] == val
&& ChessBack[bx, i+4] == val)
return true;
}
return false;
}
private bool HorVic(int bx, int by)
{
int left = (bx-4)>0?bx-4:0;
int val = ChessBack[bx,by];
for (int i = left; i < 16; i++)
{
if (ChessBack[i, by] == val && ChessBack[i + 1, by] == val &&
ChessBack[i + 2, by] == val && ChessBack[i + 3, by] == val
&& ChessBack[i + 4, by] == val)
return true;
}
return false;
}
#endregion

8 .經過測試，沒有問題大功告成

樓主要及時採納加分哦

2、求一個編寫的五子棋小游戲python的代碼，求借鑒啊！！急急急。。。

#五子棋import appuifw,e32,key_codes
from graphics import *def cn(x):return x.decode('utf-8')
def quit(): _quit=1
global running
running=1
def redraw(rect): canvas.blit(img)def default():
 global con,color,font
 con={"l":15,"x":15,"y":33,"r":13,"n":15}
 color={"bg":0x7777bb,"fg":0x333333,"p1":0x000000,"p2":0xffffff,"w":0xff0000}
 font=u"Sans MT 936_S60"def initial():
 global img,canvas,con,color,cur_x,cur_y,turn,pos1,pos2,pos
 appuifw.app.screen='full'
 appuifw.app.body=canvas=appuifw.Canvas()
 img=Image.new((240,320))
 img.clear(color["bg"])
 cur_x=7
 cur_y=7
 turn=1
 pos1=[]
 pos2=[]
 pos=[]
 for i in range(con["n"]*con["n"]):
  pos.append(0)def paint_back():
 global img,color,font
 #img.text((90,25),cn('歡樂五子棋'),color["fg"],font)
 for i in range(con["x"],con["x"]+con["l"]*con["n"]-1,con["l"]):
  img.line((i,con["y"],i,con["y"]+con["l"]*(con["n"]-1)),color["fg"])
 for i in range(con["y"],con["y"]+con["l"]*con["n"]-1,con["l"]):
  img.line((con["x"],i,con["x"]+con["l"]*(con["n"]-1),i),color["fg"])
 img.text((40,270),cn('玩家1'),color["p1"],font)
 img.text((160,270),cn('玩家2'),color["p2"],font)
 img.point((90,263),color["p1"],width=con["r"],fill=color["p1"])
 img.point((144,263),color["p2"],width=con["r"],fill=color["p2"])
 
def paint_cur(x,y,sh):
 global img,con,color,pos1,pos2,running
 if running<>1:return
 ax=con["x"]+con["l"]*x
 ay=con["y"]+con["l"]*y
 b=con["l"]/2
 if sh<>0:
  c=color["p"+str(sh)]
  if rp((x,y))<>0:
   c=color["w"]
 if sh==0:
  c=color["bg"]
 img.line((ax-b,ay-2,ax-b,ay-b,ax-2,ay-b),c)
 img.line((ax-b,ay+2,ax-b,ay+b,ax-2,ay+b),c)
 img.line((ax+b,ay-2,ax+b,ay-b,ax+2,ay-b),c)
 img.line((ax+b,ay+2,ax+b,ay+b,ax+2,ay+b),c)
 redraw(())def paint_q(x,y,z):
 global img,con,color
 ax=con["x"]+con["l"]*x
 ay=con["y"]+con["l"]*y
 b=con["l"]/2
 if z==0:
  c=color["bg"]
 else:
  c=color["p"+str(z)]
 img.point((ax,ay),c,width=con["r"],fill=c)
 redraw(())
 if z==0:
  img.line((ax-b,ay,ax+b,ay),c)
  img.line((ax,ay-b,ax,ay+b),c)
  
def k_up():
 global cur_x,cur_y,con,turn
 paint_cur(cur_x,cur_y,0)
 cur_y=cur_y-1
 if cur_y==-1:
  cur_y=con["n"]-1
 paint_cur(cur_x,cur_y,turn)def k_down():
 global cur_x,cur_y,con,turn
 paint_cur(cur_x,cur_y,0)
 cur_y=cur_y+1
 if cur_y==con["n"]:
  cur_y=0
 paint_cur(cur_x,cur_y,turn)def k_left():
 global cur_x,cur_y,con,turn
 paint_cur(cur_x,cur_y,0)
 cur_x=cur_x-1
 if cur_x==-1:
  cur_x=con["n"]-1
 paint_cur(cur_x,cur_y,turn)def k_right():
 global cur_x,cur_y,con,turn
 paint_cur(cur_x,cur_y,0)
 cur_x=cur_x+1
 if cur_x==con["n"]:
  cur_x=0
 paint_cur(cur_x,cur_y,turn)def rp(x):
 global con,pos
 if (x[0]<0 or x[0]>=con["n"] or x[1]<0 or x[1]>=con["n"]):return 0
 #print x,pos[x[0]*con["n"]+x[1]]
 return pos[x[0]*con["n"]+x[1]]def wp(x,y):
 global con,pos
 pos[x[0]*con["n"]+x[1]]=y
  
def win():
 for i in pos1:
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]))==1:
    k=k+1
   else:
    break
  if k>=5:
   return 1
  k=0
  for j in range(0,6):
   if rp((i[0],i[1]+j))==1:
    k=k+1
   else:
    break
  if k>=5:
   return 1
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]+j))==1:
    k=k+1
   else:
    break
  if k>=5:
   return 1
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]-j))==1:
    k=k+1
   else:
    break
  if k>=5:
   return 1 for i in pos2:
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]))==2:
    k=k+1
   else:
    break
  if k>=5:
   return 2
  k=0
  for j in range(0,6):
   if rp((i[0],i[1]+j))==2:
    k=k+1
   else:
    break
  if k>=5:
   return 2
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]+j))==2:
    k=k+1
   else:
    break
  if k>=5:
   return 2
  k=0
  for j in range(0,6):
   if rp((i[0]+j,i[1]-j))==2:
    k=k+1
   else:
    break
  if k>=5:
   return 2
 return 0
 
def k_enter():
 global cur_x,cur_y,turn,pos1,pos2,con,color,font,running
 if running<>1:return
 if rp((cur_x,cur_y))==0:
  if turn==1:
   pos1.append((cur_x,cur_y))
   img.rectangle((35,255,100,272),color["bg"])
   img.rectangle((135,255,200,272),color["p2"])
  if turn==2:
   pos2.append((cur_x,cur_y))
   img.rectangle((35,255,100,272),color["p1"])
   img.rectangle((135,255,200,272),color["bg"])
  paint_q(cur_x,cur_y,turn)
  wp((cur_x,cur_y),turn)
  if win()<>0:
   #img.text((80,300),cn('玩家')+str(turn)+cn("獲勝！"),color["fg"],font)
   img.rectangle((35,255,100,272),color["bg"])
   img.rectangle((135,255,200,272),color["bg"])
   paint_cur(cur_x,cur_y,0)
   running=2
 turn=3-turn
 paint_cur(cur_x,cur_y,turn)def bindkey():
 canvas.bind(key_codes.EKeyUpArrow, k_up)
 canvas.bind(key_codes.EKeyDownArrow,k_down)
 canvas.bind(key_codes.EKeyLeftArrow, k_left)
 canvas.bind(key_codes.EKeyRightArrow,k_right)
 canvas.bind(key_codes.EKeySelect,k_enter)default()
initial()
paint_back()
paint_cur(cur_x,cur_y,1)
img.rectangle((35,255,100,272),color["p1"])
bindkey()redraw(())
appuifw.app.exit_key_handler = quit()
_quit=0
while (1-_quit):
 e32.ao_sleep(0.2)
 redraw(())

3、學習什麼技術可以製作網頁版的聯機游戲（比如網頁聯機五子棋）

想做游戲啊，有出息哦！
不過這一段路上比較困難

4、五子棋怎樣設計界面，

這個。。。我寫的時候直接把qq五子棋的界面搬下來了。。。
搬的方法也很醜陋。。。直接一個截圖完事。。。呵呵

5、求一個用java編寫的網頁版五子棋源代碼

如果你有單機版的把它改成applet就行了

6、求數據結構課程設計 五子棋小游戲 （1）實現五子棋的人人對局功能；（2）實現實現五子棋的人機對局功能 謝

你可以去百科找找看

7、做一個網頁小游戲，五子棋，用js可以實現嗎？是否容易？

可以的。
使用Canvas+js就行
難度在於演算法
比如怎麼判定勝負
怎麼指定下棋中的各種規則等

8、用js做網頁小游戲容易實現嗎？五子棋之類的。。。

很容易，當然得首先把js，html，css學好。我以前看過一本瘋狂html，講得蠻淺顯易懂的書的最後有教伱用js做一個俄羅斯方塊

9、課程設計用C++做一個五子棋游戲，要有設計思路，所參考文獻

涉及人工智慧，和鏈表，建議閱讀美國Tom M.Mitchell寫的machine learning（純英文的文獻），如果想做的更好則需要資料庫的配合
設計思路很簡單明了啊，就是一個19*19的棋盤界面，人工智慧的強度（就是電腦對戰時的難度），演算法上會涉及博弈演算法。
更具你給的分只能將這么多