用Flash AS3实现经典的黑白棋游戏基本功能

所属栏目:软件工程论文 论文作者:/
论文摘要

  1、 引言

  黑白棋, 又叫反棋 (Reversi)、 奥赛罗棋 (Othello)、 苹果棋、 翻转棋。 黑白棋在西方和日本很流行。 黑白棋的棋盘是一个有 8*8 方格的棋盘。 开始时在棋盘正中有两白两黑 4 个棋子交叉放置, 黑棋总是先下子。 游戏通过相互翻转对方的棋子(当自己放下的棋子在横 、 竖 、 斜 8 个方向內有一个自己的棋子, 则被夹在中间的全部翻转会成为自己的棋子), 如果玩家在棋盘上没有地方可以下子, 则该玩家对手可以连下。 最后以棋盘上谁的棋子多来判断胜负。 本文使用 Flash AS3 开发黑白棋游戏程序。 该游戏具有显示执棋方可以落棋子的位置提示功能和判断胜负功能。 在游戏过程中, 点击 “帮助” 按钮则显示执棋方可落子位置 (图片 表示可落子位置)。 游戏运行界面如图 1 所示。

 论文摘要

  2、 黑白棋游戏设计思路

  2.1 棋子和棋盘

  游戏开发时, 需要事先准备黑白两色棋子 (如图 2 所示)和棋盘图片, 这里设计棋子影片剪辑使用图 2 中 4 张图, 黑白两色棋子各一帧, 图片 (表示可落子位置) 第 3 帧, 游戏背景方格是第 4 帧。 游戏最初显示时, 棋盘上布满所有 64个棋子影片剪辑 (播放到第 4 帧), 游戏过程中根据需要每个棋子影片剪辑播放不同帧。 棋盘在设计时直接放在 Fla 文件的舞台上。

  这里为了便于处理, 采用一个 qizi 二维数组用来存储棋盘上棋子状态, 一个 qipan 一维数组用来存储棋子影片。

 论文摘要

  2.2 翻转对方的棋子

  需要从自己落子 (x1, y1) 为中心的横、 竖、 斜 8 个方向上判断是否需要翻转对方的棋子, 程序中由棋子影片剪辑 qi的 MouseEvent.CLICK 事件实现的。 在 MouseEvent.CLICK 事件中参数 event 对象含有被单击对象信息。 event.target 可以获取被单击棋子影片剪辑对象 thisQi。

  剪辑对象 thisQi 位置像素信息 (thisQi.x, thisQi.y) 转换成棋盘坐标 (x1, y1)。 从左, 左上、 上、 右上、 右、 右下、 下、左下 8 个方向上调用过程 DirectReverse (x1, y1, dx, dy) 翻转对方的棋子。 而具体棋子的翻转由 FanQi (x, y) 实现。 FanQi (x,y) 修改数组 qizi 的 (x, y) 处保存棋盘上的棋子信息, 同时播放到指定帧。

  private function FanQi(x, y:int):void {
if (qizi[x][y] == BLACK) {
qizi[x][y] = WHITE;
qipan[8 * x + y].gotoAndStop(WHITE);
//显示 WHITE 棋子图形
} else {
qizi[x][y] = BLACK;
qipan[8 * x + y].gotoAndStop(BLACK);
//显示 BLACK 棋子图形
}
 

  2.3 显示执棋方可落子位置

  Can_go ( x1, y1) 从左 、 左上 、 上 、 右上 、 右 、 右下 、下、 左下 8 个方向上调用函数 CheckDirect (x1, y1, dx, dy) 判断某方向上是否形成夹击之势, 如果形成且中间无空子则返回True, 表示 (x1, y1) 可以落子。 (x1, y1) 处可以落子则用图片显示。

  2.4 判断胜负功能

  qizi 二维数组保存棋盘上的棋子信息 , 其中元素保存 1,表示此处为黑子; 元素保存 2, 表示此处为白子; 元素保存 0,表示此处为无棋子。 通过对 qizi 数组中各方棋子数统计, 在棋盘无处可下时, 根据各方棋子数判断出输赢。

  3、 设计步骤

  3.1 创建 Flash 文件

  打开 Flash CS6 软件后, 选择 “文件” → “新建” 选项,系统将弹出 “新建文档” 窗口, 在窗口中选择 “ActionScript3.0” 选项。

  3.1.1 设置文档属性

  选择菜单 “修改”, 再选择 “文档” 选项, 调出 “文档属性” 对话框。 设置场景的尺寸为 720*780 像素, 背景颜色为浅绿色, 然后单击 “确定” 按钮。 在属性面板设置文档类为Main。

  3.1.2 设计棋子影片剪辑元件

  选择菜单 “插入” → “新建元件”。 在新弹出的 “新建元件” 窗口中, 将元件名称设置为 “棋子”, 将元件类型设置为“影片剪辑 ”, 单击 “确定 ” 按钮后 , Flash 界面将转变为 “棋子” 元件的编辑区。 导入图 2 所示 4 幅图, 注意每幅图大小80*80。

  3.2 设计游戏文档类 (Main.as)

  选择 “文件” → “新建” 选项, 系统将弹出 “新建文档”窗口。 在窗口中选择 “ActionScript 文件” 选项。 这样在 Flash中新建一个 ActionScript 类文件, 将其命名为 Main.as。 导入包及相关类:

package {
import flash.display.*;
import flash.events.*;
import flash.text.*;
import flash.utils.Timer;
类成员变量定义:
public class Main extends MovieClip {
//常量
private static const BLACK:int = 1;
private static const WHITE:int = 2;
private static const KONG:int = 0;
private var qizi:Array =new Array();//构造一个二维
//数组用来存储棋子状态
private var qipan:Array =new Array();//构造一个一
//维数组用来存储棋子影片
private var curQizi :int = BLACK;// 当前走棋方
var hitTimer:Timer=new Timer(1000);//计时器,定时
//清除提示图形

  构造函数对保存棋盘上的棋子信息的 qizi 数组初始化, 实例化所有棋子影片对象。 同时在棋盘上显示初始的 4 个棋子。

  public function Main():void {
//构造函数
var i,j:int;
for (i=0; i<8; i++) {
qizi[i]=new Array();
for (j=0; j<8; j++) {
qizi[i][j]=KONG;
var qi:Qi=new Qi();//棋子实例
qi.y=80*j+42;//确定位置
qi.x=80*i+42;
qi.gotoAndStop(4);//显示棋子图形
qipan.push(qi);
qi.addEventListener(MouseEvent.CLICK,clickQi);
addChild(qi);//加到显示列表
}
}
// 棋盘上初始 4 个棋子
qizi[3][3] = WHITE;
qipan[8 * 3 + 3].gotoAndStop(2);//显示白色棋子图形
qizi[4][4] = WHITE;
qipan[8 * 4 + 4].gotoAndStop(2);//显示白色棋子图形
qizi[3][4] = BLACK;
qipan[8 * 3 + 4].gotoAndStop(1);//显示黑色棋子图形
qizi[4][3] = BLACK;
qipan[8 * 4 + 3].gotoAndStop(1);//显示黑色棋子图形
help_btn.addEventListener (MouseEvent.
CLICK,clickHelp);
message_txt.text="该黑棋走子";
}

  构造函数同时对所有的棋子影片对象和 “帮助” 按钮添加鼠标单击事件的侦听。 如果是 help_btn 按钮被单击, 则执行clickHelp 函数显示可以落子的位置提示。

public function clickHelp(event:MouseEvent) {
showCanPosition();//显示可以落子的位置
}

  Show_Can_Position () 用图片 显示可以落子的位置 。 同时启动定时器控制图片 仅显示 1 秒钟。

  

 

 


private function showCanPosition():void {
//显示可以落子的位置
var i,j:int;
var n:int = 0;//可以落子的位置统计
for (i = 0; i <= 7; i++) {
for (j = 0; j <= 7; j++) {
if (qizi[i][j] == 0 && Can_go(i, j)) {
n = n + 1;
qipan[8 * i + j].gotoAndStop(3);//显示提示图形
}
}
}
hitTimer.start();
hitTimer.addEventListener (TimerEvent.
TIMER, clsCanPosition);
}
private function clsCanPosition(event:Event) {
var i,j:int;
for (i = 0; i <= 7; i++) {
for (j = 0; j <= 7; j++) {
if (qizi[i][j] == 0 && Can_go(i, j)) {
qipan[8 * i + j].gotoAndStop(4);//显示背景图形
}
}
}
hitTimer.removeEventListener (TimerEvent.
TIMER, clsCanPosition);
}

 

  如果是棋子影片对象 (此时显示是背景第 4 帧) 被单击,则此剪辑对象 thisQi 位置像素信息 (thisQi.x, thisQi.y) 可以转换成棋盘坐标 (x1, y1), 然后判断当前位置 (x1, y1) 是否可以放棋子 (符合夹角之势), 如果可以则此棋子影片对象调用gotoAndStop (curQizi) 显示自己棋子图形, 调用 FanALLQi (i, j)从左、 左上、 上、 右上等 8 个方向翻转对方的棋。 最后判断对方是否有棋可走, 如果对方可以走棋则交换走棋方。 如果对方不可以走棋, 则自己可以继续走棋, 直到双方都不能走棋, 显示输赢信息。

  public function clickQi(event:MouseEvent) {
var x1:int, y1:int;
var thisQi:Qi = (event.target as Qi);// what Qi?
x1=(thisQi.x-42)/80;
y1=(thisQi.y-42)/80;
if (Can_go(x1, y1)) {// 判断当前位置是否可以放棋子
trace("can");
qizi[x1][y1] = curQizi;
FanALLQi(x1, y1);// 从 8 个方向翻转对方的棋
qipan[8 * x1 + y1].gotoAndStop(curQizi);//显示棋子图形
//统计棋盘已下棋子数量 n
for (x = 0; x <= 7; x++) {
for (y = 0; y <= 7; y++) {
if (qizi[x][y]! =0)
n = n + 1;
}
}
if(n==64){//棋盘已下满,显示输赢信息
isLoseWin();
return;
}
//判断对方是否有棋可走,如有交换走棋方
if (curQizi==WHITE &&checkNext(BLACK)
||curQizi==BLACK &&checkNext(WHITE)) {
if (curQizi==WHITE) {
curQizi=BLACK;
message_txt.text="该黑棋走子";
} else {
curQizi=WHITE;
message_txt.text="该白棋走子";
}
} else if (checkNext(curQizi)) {
//判断自己是否有棋可走,如有,给出提示
message_txt.text="对方无棋可走,请继续";
} else {//双方都无棋可走,游戏结束,显示输赢信息
isLoseWin();
}//统计双方的棋子数量,显示输赢信息。
} else {
message_txt.text="不能落子! ";
}
}

  Can_go (x1, y1) 从左, 左上、 上、 右上、 右、 右下 、 下 、左下 8 个方向判断 (x1, y1) 处可否落子。

  private function Can_go(x1, y1:int):Boolean {
//从左、左上、上、右上、右、右下、下、左下 8 个方
//向判断
if (CheckDirect(x1, y1, -1, 0) == true) return true;
if (CheckDirect(x1, y1, -1, -1) == true) return true;
if (CheckDirect(x1, y1, 0, -1) == true) return true;
if (CheckDirect(x1, y1, 1, -1) == true) return true;
if (CheckDirect(x1, y1, 1, 0) == true) return true;
if (CheckDirect(x1, y1, 1, 1) == true) return true;
if (CheckDirect(x1, y1, 0, 1) == true) return true;
if (CheckDirect(x1, y1, -1, 1) == true) return true;
}

  checkNext (i:int) 验证参数代表的走棋方是否还有棋可走。

  /**
* @param i 代表走棋方,1 为黑方,2 为白方
* @return true/false
*/
private function checkNext(i:int):Boolean {
if ( Can_Num()>0) {
return true;
} else {
return false;
}
}

  Can_Num () 统计可以落子的位置数。

  private function Can_Num():int {//统计可以落子的
//位置数
var i, j, n = 0;
for (i = 0; i <= 7; i++) {
for (j = 0; j <= 7; j++) {
if (Can_go(i, j)) {
n = n + 1;
}
}
}
return n;//可以落子的位置个数
}
 

  isLoseWin () 统计双方的棋子数量, 显示输赢信息。

 // 显示输赢信息
private function isLoseWin() {
var whitenum:int = 0;
var blacknum:int = 0;
var n = 0,x,y:int;
for (x = 0; x <= 7; x++) {
for (y = 0; y <=7; y++) {
if (qizi[x][y] ! = 0) {
n = n + 1;
if (qizi[x][y] == 2) {
whitenum += 1;
}
if (qizi[x][y] == 1) {
blacknum += 1;
}
}
}
}
if (blacknum > whitenum) {
message_txt.text=" 游戏结束黑方胜利,
黑方:" +
String (blacknum)+ " 白方 :" + String
(whitenum);
} else {
message_txt.text=" 游戏结束白方胜利,
黑方:" +
String (blacknum)+ " 白方 :" + String
(whitenum);
}
}

  FanALLQi (int x1, int y1) 从左 、 左上 、 上 、 右上 、 右 、右下、 下、 左下 8 个方向翻转对方的棋子。

 private function FanALLQi(x1, y1:int):void {
//从左、左上、上、右上、右、右下、下、左下 8 个方
//向翻转
if (CheckDirect(x1, y1, -1, 0) == true) {
DirectReverse(x1, y1, -1, 0);
}
if (CheckDirect(x1, y1, -1, -1) == true) {
DirectReverse(x1, y1, -1, -1);
}
if (CheckDirect(x1, y1, 0, -1) == true) {
DirectReverse(x1, y1, 0, -1);
}
if (CheckDirect(x1, y1, 1, -1) == true) {
DirectReverse(x1, y1, 1, -1);
}
if (CheckDirect(x1, y1, 1, 0) == true) {
DirectReverse(x1, y1, 1, 0);
}
if (CheckDirect(x1, y1, 1, 1) == true) {
DirectReverse(x1, y1, 1, 1);
}
if (CheckDirect(x1, y1, 0, 1) == true) {
DirectReverse(x1, y1, 0, 1);
}
if (CheckDirect(x1, y1, -1, 1) == true) {
DirectReverse(x1, y1, -1, 1);
}
}

  CheckDirect () 判断某方向上是否形成夹击之势 , 如果形成且中间无空子则返回 True。

 private function CheckDirect (x1, y1, dx, dy:int):
Boolean {
var x, y:int;
var flag:Boolean;
x = x1 + dx;
y = y1 + dy;
flag = false;
while (InBoard(x, y) && ! Ismychess(x, y) &&
qizi[x][y] ! = 0) {
x += dx;
y += dy;
flag = true;//构成夹击之势
}
if (InBoard(x, y) && Ismychess(x, y) && flag == true) {
return true;//该方向落子有效
}
return false;
}

  DirectReverse () 针对已形成夹击之势某方向上的对方棋子进行翻转。

 private function DirectReverse (x1, y1, dx, dy:int):
void {
var x, y:int;
var flag:Boolean;
x = x1 + dx;
y = y1 + dy;
flag = false;
while (InBoard(x, y) && ! Ismychess(x, y) &&
qizi[x][y] ! = 0) {
x += dx;
y += dy;
flag = true;//构成夹击之势
}
if (InBoard(x, y) && Ismychess(x, y) && flag
== true) {
do {
x -= dx;
y -= dy;
if ((x ! = x1 || y ! = y1)) {
FanQi(x, y);
}
} while ((x ! = x1 || y ! = y1));
}
}
 

  FanQi (int x, int y) 将存储 (x, y) 处棋子信息 qizi [x] [y]

  的反色处理。

 private function FanQi(x, y:int):void {
if (qizi[x][y] == BLACK) {
qizi[x][y] = WHITE;
qipan[8 * x + y].gotoAndStop(WHITE);
//显示棋子图形
} else {
qizi[x][y] = BLACK;
qipan[8 * x + y].gotoAndStop(BLACK);
//显示棋子图形
}
}

  InBoard () 判断 (x,y) 是否在棋盘界内 , 如果在界内则返回真, 否则返回假。

  private function InBoard(x,y :int):Boolean {
if (x >= 0 && x <= 7 && y >= 0 && y <= 7) {
return true;
} else {
return false;
}
}

  至此就完成黑白棋游戏设计了, 运行程序效果如图 1 所示。

  4、 结语

  用 Flash ActionScript3.0 实现经典的黑白棋游戏基本功能,并且能够判断输赢, 如果用户可以进一步改进翻转效果和增加双方棋子数量提示, 则使得游戏更具吸引力。

'); })();