云计算期末作业

最新推荐文章于 2023-06-26 09:02:08 发布

Bone_Ink

最新推荐文章于 2023-06-26 09:02:08 发布

阅读量638

点赞数

分类专栏： JavaWeb 文章标签： docker socket html5 jquery vue

本文链接：https://blog.csdn.net/weixin_43823453/article/details/108854154

版权

该项目是一个基于Socket.io的《你画我猜》游戏，实现了聊天功能、弹幕功能，并进行了UI细节优化。通过Docker构建了镜像并上传到Docker Hub。参考了Socket.IO、Jquery.barrager.js和Docker官方文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目名称

基于Socket.io通信的《你画我猜》docker镜像制作

项目介绍

原有项目已实现：
- 画笔
- 关键词
- 计时
本次实验实现
- 添加聊天功能
- 添加弹幕
- UI等细节优化
- 对应docker镜像的制作和上传

项目实现

聊天功能：

通过在页面内添加消息框的div及input标签用于信息显示及发送，然后在负责客户端的io.js中添加信息传输代码：

	socket.on('server msg', function (data) {
           
		var ele = document.createElement('p');      
		ele.innerHTML = data;    
		msg.appendChild(ele);    
		msg.scrollTop = msg.scrollHeight; 
		});

在负责客户端的service.js中添加信息传输代码，关键部分如下：

io.sockets.on('connection', function (socket) {
           
	socket.on('login', function (name) {
       
this.on('client msg', function (msg) {
           
	if (!doCmd(msg, this)) {
               
	msg = escapeHTML(msg);          
	if (Game.player && Game.player.word.word === msg) {
                   		if (this.prev && this.prev.player === Game.player && this.prev.word;                 
	this.emit('server msg', "您已经正确回答过了！");                  return;              
	}              
	tops.set(this