定义canvas及黑白棋变量
<font color="#2f4f4f" face="微软雅黑" size="3">var canvas
var context
var isWhite = true//设置是否该轮到白棋
var isWell = false//设置该局棋盘是否赢了，如果赢了就不能再走了
var img_b = new Image()
img_b.src = "images/b.png"//白棋图片
var img_w = new Image()
img_w.src = "images/c.png"//黑棋图片</font>
为棋盘的二维数组用来保存棋盘信息
<font color="#2f4f4f" face="微软雅黑" size="3">var chessData = new Array(15)//初始化0为没有走过的，1为白棋走的，2为黑棋走的
for (var x = 0x <15x++) {
chessData[x] = new Array(15)
for (var y = 0y <15y++) {
chessData[x][y] = 0
}
}</font>
绘制棋盘的线
<font color="#2f4f4f" face="微软雅黑" size="3"> for (var i = 0i <= 640i += 40) {
context.beginPath()
context.moveTo(0, i)
context.lineTo(640, i)
context.closePath()
context.stroke()
context.beginPath()
context.moveTo(i, 0)
context.lineTo(i, 640)
context.closePath()
context.stroke()
}
}</font>
判断该棋局的输赢
<font color="#2f4f4f" face="微软雅黑" size="3">if (count1 >= 5 || count2 >= 5 || count3 >= 5 || count4 >= 5) {
if (chess == 1) {
alert("白棋赢了")
}
else {
alert("黑棋赢了")
}
isWell = true//设置该局棋盘已经赢了，不可以再走了
}</font>
html代码：
<font color="#2f4f4f" face="微软雅黑" size="3"><body onload="drawRect()">
<div>
<canvas width="640" id="canvas" onmousedown="play(event)" height="640">你的浏览器不支持HTML5 canvas ，请使用 google chrome 浏览器 打开.
</canvas>
</div>
</body></font>
汉子飞行棋制作步骤如下：
1、将纸均匀铺开，尽量成正方形，于纸张相接处用透明胶贴紧。注意要小心贴，减少褶子和裂缝的出现。
2、接下来就是设计版面，确定最中间的一个点，向四面各画一个箭头，然后在4个角落各画一个大小均等的长方形飞机场，将箭头尾与长方形相连，开始画赛道。
3、在赛道上依据原飞行棋把圈的个数补进赛道，如果位置不够，有的圈可以有一点相交，甚至有一小部分不画。然后根据自己喜欢的风格，可以画一些图案，写一些字在空白处。
4、补充完细节之后就是最复杂的一个程序了涂色。这个时候一定要静下心，根据相应的颜色涂进框内。
5、最后一步就是制作骰子了，按照学过的方法，在纸上画出图案，剪下来贴成正方体，标上数字，就完成了。
飞行棋的历史
1、关于飞行棋发明的年代和发明人，在网络上比较一致的意见是他至少发明于大约二战以后，因为它是关于飞行的。但也有人认为这一点没有说服力，因为它有可能是先有了规则再被冠上了飞行棋的名字，在飞机发明前就出现这一游戏是完全可能的。
2、这个应该是国人的原创，是中国玩具公司生产的，据说是为了纪念二战时飞虎队的卓越功勋，是pachisi游戏的变种。
3、飞行棋这种转圈式的路程设计来自于空战中的“拉弗伯雷圆圈”。法国人拉弗伯雷对德国的"大圆圈编队"战术作了改进，使参加编队的飞机不但保持在一个水平面上飞行，而且可绕圆圈盘旋爬高。这样就可以利用防御队形进行盘旋以取得高度优势，伺机进行攻击。
参考资料：百度百科-飞行棋
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）