HTML5棋牌游戏开发WebSocket+JAVA的开发之路(2)

2019-06-01 16:28 浏览

前言

前面我们已经实现了一个简单的五指棋,但H5棋牌游戏开发问题特别多。这一篇,我们要解决的问题有 

- 新增房间 

- 前端给出一些提示,告诉你所属的颜色,是否是你的回合

 

思考

首先,当用户连接的时候,我们需要取出他是哪一个房间? 

我们需要一个类Room来表示房间,房间需要一个标示RoomId。 

房间里面可能有这么几个动作? 

 

1. 进入房间(需要处理能否进入?) 

2. 广播(进入房间后,房间里每个人的动作只要跟这个房间里面的人说就行了) 

3. 退出房间

前端的话我们需要用户输入一个id,并且在建立webSocket的时候,把id号带过去。

 

实现

我们来看看前端的实现,我们需要在一开始弹出一个框,告诉用户,输入一个房间号。(虽然很挫,但是很容易实现)

image.

效果实现代码如下:

image.

是不是很简单呢?这样子我们在简历链接的时候就会把后面的参数带过去。 

接下来我们来看看后端代码的实现,首先,我们要获取这个roomId。

image.

然后当用户发出connect信号时,我们需要判断这个roomId是否存在,如果不存在,咱们就新建一个room。

image.

当用户下棋的时候,调用room的广播方法。

image.

至此,我们基本实现了一个简单的房间了。接下来,我们需要在前端加一些提示语,提示你是什么颜色。

像这种:

image.

代码其实很简单,只需要在开始和每次下棋的时候用js的innerHtml方法就行。

image.

 

总结

我们已经简单实现了一个有房间的系统。代码。接下来我们会对前后的交互进行一个数据格式的优化,方便以后新功能的扩展。

 



本套棋牌游戏开发源码,承接搭建维护一条龙服务,需要的老板联系15623571666.微信同号,货真价实!

免责申明:本站源码仅提供学习和交流,所有资料源码均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

点击关闭
  • 在线客服1

    -------------------

    电话咨询:
    15623571666

    -------------------

    ↓微信客服↓

    ------------------- 2

分享:

支付宝

微信