上次有同学说想让我把这个小游戏用博文分享出来,我这就来介绍一下。
作品介绍:
棋盘上的格子分为两种颜色,黑和白,单击鼠标,鼠标点击的棋子的上下左右四个棋子和被单击的棋子发生翻转(棋子在边缘则限制其翻转棋子),如果最后只剩下小于等于两个白棋,则游戏胜利。
HTML代码部分:
代码登录后可见
只在代码登录后可见部分使用代码登录后可见标签,代码登录后可见标签只是图形容器,必须使用脚本(通常是代码登录后可见)来绘制图形。
CSS代码部分:
代码登录后可见
JavaScript代码部分:
代码登录后可见
补充:
关于使用代码登录后可见画圆部分:
绘制圆弧或者圆,我们使用代码登录后可见方法。当然可以使用代码登录后可见,不过这个的实现并不是那么的可靠,所以我们这里不作介绍。
代码登录后可见
画一个以代码登录后可见为圆心的以代码登录后可见为半径的圆弧(圆),从代码登录后可见开始到代码登录后可见结束,按照代码登录后可见给定的方向(默认为顺时针)来生成。
该方法有六个参数:代码登录后可见为绘制圆弧所在圆上的圆心坐标。代码登录后可见为半径。代码登录后可见以及代码登录后可见参数用弧度定义了开始以及结束的弧度。这些都是以 x 轴为基准。参数代码登录后可见为一个布尔值。为代码登录后可见时,是逆时针方向,否则顺时针方向。
然后代码登录后可见绘制,代码登录后可见填充颜色就好啦。
计算棋子翻转部分有在代码后面备注。
原视频在这: