永利最大(官方)网站

以OO的思想利用JS來實現五子棋

原创|其它|编辑：郝浩|2009-09-29 10:56:53.000|阅读 592 次

概述：先說下我認為的五子棋的實現原理： 判斷橫向、樅向、斜線方同、反斜線方向 四個方向中是否存在連續五個一樣的棋子。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

下載地址：

先說下我認為的五子棋的實現原理： 判斷橫向、樅向、斜線方同、反斜線方向 四個方向中是否存在連續五個一樣的棋子。

現在我們以OO的思想來分析期實現原理:

五子棋的基本就是棋盤，怎個棋盤又是由一個一個的格子組成，所以我們得到了兩個對象：棋盤、棋盤格子

我們先分析一下五子棋的基本單元(棋盤格子的)屬性與方法：

屬性：
 1.  單元格都有其大小，所以我們可以設定屬性寬與高來指定
 2.  當單元格放在棋盤中後，其單8個方向的單元格我們分別使用:Top,Bottom,Left,Right,TopRight,BottomRight,BottomLeft,TopLeft來表示
 3.  其8個方向上與自己相同的棋子數我們分別使用：TopNumber、RightNumber、BottomNumber、LeftNumber、TopRightNumber、BottomRightNumber、BottomLeftNumber、TopLeftNumber來表示
  4.  單元格是否存放棋子我們使用Player來表示，如我們使用1表示此單元格存放的是白子，2表示存放的是黑子，0表示沒有存放棋子

  5. 當單元格放在棋盤中後，我們使用RowIndex,CelIndex來表示單元格在棋盤中的橫與樅向的索引

事件：

 當我們在單元格中單擊的時候，會在單元格中添加對應的棋子，並且設定其8個方同的棋子數與修改對應的8個方向單元格的棋子數(這里是關鍵)

至於棋盤的對象就很簡單了這里不用講了，代碼一看就清楚了

最後創建一個游戲對象

創建游戲對象要注意一點就是我們看到的棋盤與實際控制的棋盤是不一樣的

實現控制棋盤就是我們可以在上面下棋的棋盤（我們下棋是下在格子中的）

看到的棋盤：為了使看起來下的棋是在網格線上，這里我們添加了一個看到的棋盤，其顯示效果與實現控制的棋盤相差半個單元格


标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@hmdbvip.cn

文章转载自：博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP
PM娱乐城网络现金网站(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) PM娱乐城最大(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) 永利外围最新(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) 网络权威朗驰娱乐大全(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) 永利真人网上足球(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) 利记最火十大网(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) boyu·博鱼权威网络足球(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新) PM娱乐城网上足球(官方)网站/网页版登录入口/手机版登录入口-最新版(已更新)