01 2015 档案

摘要：《五子飞》游戏最后一章：人机对战。有兴趣的可以玩玩与交流。阅读全文

posted @ 2015-01-19 20:58 里沃特阅读(812) 评论(3) 推荐(0) 编辑

摘要：游戏试玩阅读全文

posted @ 2015-01-17 11:16 里沃特阅读(858) 评论(1) 推荐(0) 编辑

摘要：根据鼠标位置来判断当前是哪颗棋子，是选中棋子还是移动棋子。如果只是选中棋子，只需要在点击棋子后，在棋子的外面画一个框用来区别其他棋子，表示是当前棋子；如果是移动棋子，还要区别只是单纯的移动棋子还是移动后可以吃对方的棋子；要是可以吃掉对方的棋子，就需要把对方的棋子吃掉或有多条路线可以吃棋时提示用户选择吃哪条路线的棋子。阅读全文

posted @ 2015-01-16 07:59 里沃特阅读(821) 评论(0) 推荐(0) 编辑

HTML5+JS 《五子飞》游戏实现（五）移动棋子

摘要：想要移动棋子，在页面上，首先要点击一下要移动的棋子，然后再点击一下目标位置，如果可以移动，则把棋子移动的目标位置，原来的位置就要清空。我们要分两步来处理：1、判断目标是否可移动；2、可以移动则移动棋子。阅读全文

posted @ 2015-01-13 21:42 里沃特阅读(1216) 评论(0) 推荐(1) 编辑

HTML5+JS 《五子飞》游戏实现（四）夹一个和挑一对

摘要：夹一个：被吃掉的棋子有可能在左边，也有可能在右边，如果在左边，那么该方还有一个棋子应该在被吃掉的棋子的左边；如果被吃掉的棋子在右边，那么该方还有一个棋子应该在被吃掉的棋子的右边。挑一对：该棋子左右相邻的两个棋子是对方的棋子，且该条直线上其他位置都是空位。阅读全文

posted @ 2015-01-12 07:32 里沃特阅读(1640) 评论(0) 推荐(0) 编辑

HTML5+JS 《五子飞》游戏实现（三）页面和棋盘棋子

摘要：分享HTML页面，另外把棋盘棋子也画出来。canvas.js 是一个简单的在 html5 Canvas 上画图的类，实现了画圆、线、文字、圆角矩形、填充矩形、空心矩形、球等一些比较基础的函数阅读全文

posted @ 2015-01-09 08:05 里沃特阅读(3351) 评论(0) 推荐(1) 编辑

HTML5+JS 《五子飞》游戏实现（二）路线分析和资源准备

摘要：假设从左上角开始，以0开始编号，往右数（没看第一节棋盘的先去看一下）（因为路线比较简单，就直接写固定的数据了）阅读全文