今儿个心血来潮，想弄个国际象棋的小游戏玩玩，说干就干，咱这就开始！
准备工作
得找个趁手的工具，我这电脑里现成的 VS Code 就挺然后，咱得选个语言，琢磨着就用 JavaScript ，简单又方便，浏览器就能跑。
找图： 棋盘和棋子的图片，这可不能少！上网搜一圈，找些免费的素材，还挺好看。
搭架子： 新建一个 HTML...
今儿个心血来潮，想弄个国际象棋的小游戏玩玩，说干就干，咱这就开始！
准备工作
得找个趁手的工具，我这电脑里现成的 VS Code 就挺然后，咱得选个语言，琢磨着就用 JavaScript ，简单又方便，浏览器就能跑。
- 找图： 棋盘和棋子的图片，这可不能少！上网搜一圈，找些免费的素材，还挺好看。
- 搭架子： 新建一个 HTML 文件，把基本的结构搭起来，弄个
<canvas>标签，一会儿就在这上面画棋盘。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
画棋盘
这部分可有点儿意思，得用 JavaScript 在 <canvas> 上面画格子。
我先用两个循环,把64个格子画出来，一黑一白相间着，看着还真像那么回事儿。
摆棋子
棋盘有，接下来就得把棋子摆上去。我建个数组，用来表示棋盘上的棋子，啥位置放啥棋子，都给它安排的明明白白。
然后又是一个循环，根据数组里的信息，把棋子的图片一个个画到对应的格子上，这下棋盘就热闹起来。
走棋
这部分可是重头戏，得让棋子能动起来。我先给 <canvas> 加个点击事件，这样就能知道点的是哪个格子。
- 选中棋子： 第一次点击的时候，判断一下点的是不是自己的棋子，是的话就把它“拎”起来，准备走棋。
- 落子： 第二次点击的时候，判断一下能不能落子，要是符合规则，就把棋子“啪”的一下放下去，这就算走完一步。
国际象棋的规则挺复杂的，像什么“王车易位”、“吃过路兵”之类的，我得好好研究研究，然后把这些规则都写到代码里去。
收尾
基本功能差不多，我还加点儿小功能，比如悔棋、判断输赢啥的，让游戏玩起来更带劲儿。
又把代码来来回回看几遍，修几个小 bug，这国际象棋小游戏就算大功告成！
今天这一通忙活，虽然有点累，但看着自己做出来的小游戏，心里还是美滋滋的。下次再琢磨点儿啥新花样玩玩！
