javascipt开发的五子棋小游戏(纯js代码)

canvas:画布可以被js操作 ,画板=>图片(尺寸数据,我们需要修改它的尺寸,不是修改样式)
绘制环境
如何绘制:
提笔到某个位置
描述绘制环境
开始绘制
提笔
querySelector:document对象上具有的一个办法,id和class都可以获取
选择满足条件的第一个元素。
getElementsByClassName效率高
制作流程:
1.绘制棋盘
(1).绘制直线的操作
2.绘制旗子
(1)如何绘制
(2)如何点击下棋
(3)交换手
(4)落子点的问题(必须下到交叉点),自瞄系统
(5)友军判断,下过棋的地方不下,记录棋盘的状态
3.游戏胜负判断
棋盘状态
五子棋胜负判断的核心原理:
当前下下去的棋子参与到胜负判断中,此时下棋的人要么赢要么不赢
一条线上分为左右颜色连续累加超过5,那么这个颜色就获胜了。
4.人工智能机器下棋




	
	五子棋
	


	

	


你可能感兴趣的:(前端)