位置: 编程技术 - 正文

Nodejs实现多人同时在线移动鼠标的小游戏分享

编辑:rootadmin

推荐整理分享Nodejs实现多人同时在线移动鼠标的小游戏分享,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

最近因为项目需要,所以研究了一下nodejs的websocket实现,socket.io,这是nodejs后台应用websocket广泛使用的框架。

准备工作

1.安装socket.io,使用命令npm install socket.io2.windows系统的话,需要vc编译环境,因为安装socket.io的时候,会编译vc代码

游戏基本原理

1.服务器监听客户端的连接2.客户端连接成功时候,绑定页面移动鼠标事件,事件里处理发送当前坐标给服务器3.服务器保存一个全局的坐标对象,并以客户端唯一编号为键值4.有新连接来的时候,把坐标广播给其它客户端5.客户端断开连接的时候,服务端删除它的坐标信息,并广播给其它客户端

开始实现服务端代码

scoket.io建立服务器监听的时候,需要依赖一个http连接,用来处理升级协议用,所以也需要一个http模块,代码如下:

然后定义一个全局的坐标对象

开始监听客户端的连接,并新增广播函数(其实可用socket.io自带的广播方法io.sockets.broadcast.emit),核心代码如下:

Nodejs实现多人同时在线移动鼠标的小游戏分享

分析上面的代码,关键点在于

1.新的客户端连接成功,发送其它客户端的坐标信息2.客户端更新坐标信息的时候,通知其它客户端3.客户端断开连接,通知其它客户端4.广播消息类型分为修改坐标与移除坐标

编写客户端html页面

由于socket.io是自定义的框架,所以客户端需要引用socket.io.js,这个js可以从socket.io模块里查找,路径一般为node_modulessocket.ionode_modulessocket.io-clientdist,里面有合并与压缩两个版本,开发的时候可以用合并版.

完整代码如下:

页面中的img/cursor.png,可以这里找到,cursor.png,这里也有很多其它的鼠标图标,前端的原理比较简单,简单的分析如下

1.连接成功时,绑定页面mousemove事件,里面处理发送新坐标消息2.收到消息根据消息类型,处理是修改其它客户端消息,还是移除其它客户端消息3.定义添加其它客户端cursor图标与移除cursor图标4.处理客户端异常消息,并添加断开连接,以让服务端移除坐标信息

运行例子

1.保存服务器代码为io_multigame.js2.保存客户端代码为io_multigame.html3.运行服务器代码node io_multigame.js4.打开多个io_multigame.html页面,即可看到效果

总结

写的比较随意,参考了了不起的nodejs,这是一本好书,想了解nodejs的朋友们,可以看看这本书。

node.js中的dns.getServers方法使用说明 方法说明:返回当前正在使用的ip地址,以字符串形式返回语法:dns.getServers()接收参数:无源码:exports.getServers=function(){returncares.getServers();};

node.js中的events.EventEmitter.listenerCount方法使用说明 方法说明:返回注册了指定事件的监听器数量。语法:EventEmitter.listenerCount(emitter,event)接收参数:emitter事件发射器event事件例子:if(events.EventEmitter.listene

node.js中的path.resolve方法使用说明 方法说明:将参数to位置的字符解析到一个绝对路径里。语法:path.resolve([from...],to)由于该方法属于path模块,使用前需要引入path模块(varpath=require(path)

标签: Nodejs实现多人同时在线移动鼠标的小游戏分享

本文链接地址:https://www.jiuchutong.com/biancheng/374272.html 转载请保留说明!

上一篇:Nodejs实现的一个静态服务器实例(nodejs最佳实践)

下一篇:node.js中的dns.getServers方法使用说明(Node.js中的包管理工具是什么)

  • 等线补交以前年度附加税会计分录是?
  • 房地产销售商品房税率
  • 发票收款人和复核人、收款人规定
  • 税务局财务报表报送期限
  • 管理部门社保入哪个科目
  • 工资表多扣个税怎么做账
  • 处置固定资产简易征收
  • 筹建期间购买的机械配件
  • 金融企业债券持股比例
  • 当月报废生产设备一台,原价80万元
  • 小规模纳税人购置税控设备
  • 国有企业无偿划转资产需要交税吗?
  • 收到网站招聘费专票如何做账务处理?
  • 未入账的记账凭证有误处理方法
  • 地税能不能查到个人的贷款行为?
  • 2021 上海房产税
  • 当期损益包括营业外收支吗
  • 兼职教师个人所得税起征点
  • 期末未缴税额为正是什么意思
  • 金蝶kis迷你版操作手册
  • 企业三废处理方案
  • 公司工会发给职工的福利
  • 商贸流通企业的构成
  • 华为手机hms提醒
  • win7系统打开软件就停止工作
  • 事业单位在建工程转固定资产的账务处理
  • 电费预提费用
  • 出口视同内销的账务处理?
  • 公司开业需要怎么布置
  • 电子税务局变更办税人员怎么操作
  • win11不能用u盘
  • linux中常用的文件类型有哪些如何区分
  • 实际缴纳消费税是什么意思
  • echart怎么用
  • 怎么租一个月
  • php自定义header
  • 非流动资产增加说明什么原因
  • 代垫运费的增值税可以抵扣吗
  • 前端页面设计
  • js正则用法
  • phpstorm创建php文件
  • python 嵌入
  • 企业年度报告包括哪些内容
  • 公司旅游费会计分录
  • sql2000安装不上是什么原因
  • 使用XQuery查询DB2 XML数据
  • 工会经费税务代收是什么意思
  • 装卸费专票
  • 内部审计和外部审计可以相互接触对方的
  • 珠宝行业会计核算流程
  • 应收代位追偿款有没有明细科目
  • 外币折算会计思维导图
  • 股息所得缴纳个税吗
  • 建筑安装主要做什么
  • 企业每月利润多少合适
  • 营业税费是借还是贷
  • 小规模开票额度有限制吗
  • 出口退税综合服务网
  • 固定资产抵扣比例
  • 餐饮业厨师的工资计入主营业务成本吗
  • 滞纳金的收取范围是什么
  • mysql数据库高可用方案
  • win7系统的摄像功能在哪
  • 苹果Mac系统怎么切换输入法
  • mac launchctl
  • archlinux 配置网络
  • Win10 Mobile RS2预览版14905更新内容大全:全新精致铃声
  • win7耳机和外放一起响
  • jsp分页显示
  • css划动
  • Fast TileMap
  • Node.js中的construct
  • python内置函数什么用来返回序列中的最大元素
  • jQuery checkbox选中问题之prop与attr注意点分析
  • 深入理解中国式现代化
  • linux的python
  • bootstrap需要学多久
  • apk反编译去广告教程
  • 发票怎样读入金税开票系统
  • 武汉税务地区编号
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设