个人练习项目。不依赖任何前端框架,完全采用原生html 5,css,javascript 实现,视觉效果完全通过脚本实现,不依赖任何图片资源。
点击空白处退出提示
个人练习项目。不依赖任何前端框架,完全采用原生html 5,css,javascript 实现,视觉效果完全通过脚本实现,不依赖任何图片资源。
1 棋盘布局绘制。采用html和css绘制棋盘,中线使用单元格合并,对角线使用transform变换进行绘制。
2 棋子绘制。使用html5圆角特性绘制圆形棋子,使用css伪类增强鼠标选择特效。
3 棋子走法和吃子逻辑。使用javascript 判断棋子可到达的合法位置以及可吃掉的对方棋子。
棋盘棋子绘制,棋子走法和障碍判断,吃子逻辑。采用原生html,css,javascript ,无其他额外资源,达到资源最小化。根据棋子判断棋子走法。



评论