一个开源的五子棋大战送给各位小伙伴!

有暇,做了个五子棋大战的小游戏送给各位小伙伴!

用到的知识点有:

1.JavaWeb基础知识(懂jsp,servlet足够) 2.JavaScript和jQuery基本用法 3.了解WebSocket的基本用法

游戏效果图

1.登录效果

2.游戏进行时效果

3.房间满员后,再进入,会有错误提示,如下:

核心思路

1.该游戏本质上就是两个人聊天,只不过聊天的内容为棋盘上的坐标 2.用户点击棋盘,根据点击的位置,算出离点击位置最近的一个字的坐标作为此次点击事件的坐标,将之传递给WebSocket服务端 3.当有两个人已经连接上服务端的时候,此时如果有第三个人连接服务端,则服务端返回一条消息告诉该客户端房间人已满,并且让该客户端主动关闭连接 4.每下一子,都去判断一下该子的上\下,左\右,左上\右下,左下\右上四个方向上同类型的子是否已满5个,满5个表示此次落子的用户赢 5.游戏进行过程中,有一方关闭浏览器,会提示另一方某某人已经下线

源码地址:https://github.com/lenve/GobangGame

欢迎小伙伴们fork,star。

原文发布于微信公众号 - 玩转JavaEE(gh_d1ca11234a30)

原文发表时间:2017-08-31

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏破晓之歌

谷歌插件整理

适用于Facebook、Google、YouTube、Gmail、Google Docs、Reddit、Twitter等网站的精美深色皮肤

5593
来自专栏全栈

从0开始,构建前后端分离应用

2453
来自专栏性能与架构

Twitter工程师聊JS

本文是Twitter软件工程师Bonnie Eisenman对JS现状的看法和对开发者的一点建议 01 关于框架 框架的目标是减少繁琐的工作,是基础的脚手架...

3506
来自专栏阿杜的世界

Mac版Java开发环境配置

1543
来自专栏木子昭的博客

Chrome与vim双神器融合, vimium完全攻略

6904
来自专栏企鹅号快讯

几款可替代Dreamweaver的HTML5开发工具

Dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的Dreamweaver,一直用到现在, 身边的朋友有跟我推荐...

6985
来自专栏24K纯开源

Adobe Premiere Pro生成峰值文件假死

一、正文 使用Adobe的Premiere Pro CC进行视频剪辑制作的时候,有的时候在右下角总会出现一个“自动生成峰值文件”的提示符,并跟随一个进度条: ?...

1.2K6
来自专栏九彩拼盘的叨叨叨

网页PPT: reveal.js 介绍

reveal.js 是一个展示内容的框架,可以简单的理解为网页版的PPT。我们用 reveal.js 做出来的PPT其实是一个HTML文件。

4822
来自专栏机器学习算法与Python学习

让你高效工作的六大Windows应用

让你高效工作的六大windows应用 今 天我将给大家介绍一些我个人用到的这些Windows平台上的效率神器们。 page 1 Wox ? Wox官网 用 Ma...

3778
来自专栏DeveWork

WordPress评论回复邮件样式美化教程

在上一篇文章《 免插件仅代码实现WordPress评论回复邮件 》中Jeff 提供了三种回复邮件样式类型。在你将需要的类型实现后,如果去测试一下,你会发现邮件的...

2856

扫码关注云+社区

领取腾讯云代金券