通过示例在 Unity 和 NodeJS 上的游戏中创建安全、快速的多人游戏

介绍

规划多人游戏开发方法 – 在整个项目的进一步开发中发挥着最重要的作用之一,因为它包含了我们在创建真正高质量的产品时应该考虑的许多标准。在今天的宣言教程中,我们将看一个方法示例,该方法使我们能够创建真正快速的游戏,同时尊重所有安全和反违规规则。

通过示例在 Unity 和 NodeJS 上的游戏中创建安全、快速的多人游戏

所以,让我们定义我们的主要标准:

多人游戏需要一种特殊的方法来管理网络同步,尤其是在实时情况下。 二进制协议用于加速客户端之间的数据同步,反应字段将有助于以最小的延迟和节省内存来更新玩家位置。服务器权限是一项重要原则,关键数据仅在服务器上处理,确保游戏完整性并防止作弊。然而,为了让我们最大限度地提高性能 – 服务器只进行关键更新,剩下的交给客户端反作弊。实施客户端反投诉,以便在服务器上不增加负载的情况下处理不太关键的数据

通过示例在 Unity 和 NodeJS 上的游戏中创建安全、快速的多人游戏

架构的主要组成部分

客户端(unity):客户端负责显示游戏状态,将玩家操作发送到服务器并从服务器接收更新。这里还使用反应字段来动态更新玩家位置。服务器端(node.js):服务器处理关键数据(例如,移动、碰撞和玩家动作)并将更新发送到所有连接的客户端。非关键数据可以在客户端上处理并使用服务器转发到其他客户端。二进制协议:二进制数据序列化用于减少传输的数据量并提高性能。同步:提供客户端之间数据的快速同步,以最大程度地减少延迟并确保流畅的游戏体验。客户端反作弊:它用于我们可以在客户端上更改并发送给其他客户端的数据。

第 1 步:在 node.js 中实现服务器

首先,您需要在 node.js 上设置一个服务器。服务器将负责所有关键计算并将更新的数据传输给玩家。

安装环境
要在 node.js 上创建服务器,请安装必要的依赖项:

mkdir multiplayer-game-servercd multiplayer-game-servernpm init -ynpm install socket.io

socket.io可以轻松地使用web套接字实现客户端和服务器之间的实时双向通信。

基本服务器实现
让我们创建一个简单的服务器,它将处理客户端连接、检索数据、计算关键状态并在所有客户端之间同步它们。

// create a simple socket io serverconst io = require('socket.io')(3000, {    cors: {        origin: '*'    }});// simple example of game stateslet gamestate = {};let playerspeedconfig = {    maxx: 1,    maxy: 1,    maxz: 1};// work with new connectionio.on('connection', (socket) => {    console.log('player connected:', socket.id);    // initialize player state for socket id    gamestate[socket.id] = { x: 0, y: 0, z: 0 };    // work with simple player command for movement    socket.on('playermove', (data) => {        const { id, dx, dy, dz } = parseplayermove(data);        // check maximal values        if(dx > playerspeedconfig.maxx) dx = playerspeedconfig.maxx;        if(dy > playerspeedconfig.maxy) dx = playerspeedconfig.maxy;        if(dz > playerspeedconfig.maxz) dx = playerspeedconfig.maxz;        // update game state for current player        gamestate[id].x += dx;        gamestate[id].y += dy;        gamestate[id].z += dz;        // send new state for all clients        const updateddata = serializegamestate(gamestate);        io.emit('gamestateupdate', updateddata);    });    // work with unsafe data    socket.on('dataupdate', (data) => {        const { id, unsafe } = parseplayerunsafe(data);        // update game state for current player        gamestate[id].unsafevalue += unsafe;        // send new state for all clients        const updateddata = serializegamestate(gamestate);        io.emit('gamestateupdate', updateddata);    });    // work with player disconnection    socket.on('disconnect', () => {        console.log('player disconnected:', socket.id);        delete gamestate[socket.id];    });});// simple parse our binary datafunction parseplayermove(buffer) {    const id = buffer.tostring('utf8', 0, 16); // player id (16 bit)    const dx = buffer.readfloatle(16);         // delta x    const dy = buffer.readfloatle(20);         // delta  y    const dz = buffer.readfloatle(24);         // delta  z    return { id, dx, dy, dz };}// simple parse of unsafe datafunction parseplayerunsafe(buffer) {    const id = buffer.tostring('utf8', 0, 16); // player id (16 bit)    const unsafe = buffer.readfloatle(16);     // unsafe float    return { id, unsafe };}// simple game state serialization for binary protocolfunction serializegamestate(gamestate) {    const buffers = [];    for (const [id, data] of object.entries(gamestate)) {        // player id        const idbuffer = buffer.from(id, 'utf8');        // position (critical) buffer        const posbuffer = buffer.alloc(12);        posbuffer.writefloatle(data.x, 0);        posbuffer.writefloatle(data.y, 4);        posbuffer.writefloatle(data.z, 8);        // unsafe data buffer        const unsafebuffer = buffer.alloc(4);        unsafebuffer.writefloatle(data.unsafevalue, 0);        // join all buffers        buffers.push(buffer.concat([idbuffer, posbuffer, unsafebuffer]));    }    return buffer.concat(buffers);}

此服务器执行以下操作:

处理客户端连接。接收二进制格式的玩家移动数据,验证它,更新服务器上的状态并将其发送到所有客户端。以最小延迟同步游戏状态,使用二进制格式来减少数据量。简单地转发来自客户端的不安全数据。

要点:

服务器权限:所有重要数据均在服务器上处理和存储。客户端仅发送操作命令(例如,位置变化增量)。二进制数据传输:使用二进制协议可以节省流量并提高网络性能,特别是对于频繁的实时数据交换。

第2步:在unity上实现客户端部分

现在让我们在 unity 上创建一个与服务器交互的客户端部分。

要将 unity 连接到 socket.io 上的服务器,您需要连接专为 unity 设计的库。在这种情况下,我们不受任何特定实现的约束(事实上它们都是相似的),而只是使用一个抽象示例。

使用反应字段进行同步
我们将使用反应字段来更新玩家位置。这将使我们能够更新状态,而无需通过 update() 方法检查每个帧中的数据。当数据状态发生变化时,反应字段会自动更新游戏中对象的视觉表示。

要获得反应性属性功能,您可以使用 unirx。

unity 上的客户端代码
让我们创建一个脚本来连接到服务器、发送数据并通过反应字段接收更新。

using UnityEngine;using SocketIOClient;using UniRx;using System;using System.Text;// Basic Game Client Implementationpublic class GameClient : MonoBehaviour{    // SocketIO Based Client    private SocketIO client;    // Our Player Reactive Position    public ReactiveProperty playerPosition = new ReactiveProperty(Vector3.zero);    // Client Initialization    private void Start()    {        // Connect to our server        client = new SocketIO("http://localhost:3000");        // Add Client Events        client.OnConnected += OnConnected;    // On Connected        client.On("gameStateUpdate", OnGameStateUpdate); // On Game State Changed        // Connect to Socket Async        client.ConnectAsync();        // Subscribe to our player position changed        playerPosition.Subscribe(newPosition => {            // Here you can interpolate your position instead            // to get smooth movement at large ping            transform.position = newPosition;        });        // Add Movement Commands        Observable.EveryUpdate().Where(_ => Input.GetKey(KeyCode.W)).Subscribe(_ => ProcessInput(true));        Observable.EveryUpdate().Where(_ => Input.GetKey(KeyCode.S)).Subscribe(_ => ProcessInput(false));    }    // On Player Connected    private async void OnConnected(object sender, EventArgs e)    {        Debug.Log("Connected to server!");    }    // On Game State Update    private void OnGameStateUpdate(SocketIOResponse response)    {        // Get our binary data        byte[] data = response.GetValue();        // Work with binary data        int offset = 0;        while (offset < data.Length)        {            // Get Player ID            string playerId = Encoding.UTF8.GetString(data, offset, 16);            offset += 16;            // Get Player Position            float x = BitConverter.ToSingle(data, offset);            float y = BitConverter.ToSingle(data, offset + 4);            float z = BitConverter.ToSingle(data, offset + 8);            offset += 12;            // Get Player unsafe variable            float unsafeVariable = BitConverter.ToSingle(data, offset);            // Check if it's our player position            if (playerId == client.Id)                playerPosition.Value = new Vector3(x, y, z);            else                UpdateOtherPlayerPosition(playerId, new Vector3(x, y, z), unsafeVariable);        }    }    // Process player input    private void ProcessInput(bool isForward){        if (isForward)            SendMoveData(new Vector3(0, 0, 1)); // Move Forward        else            SendMoveData(new Vector3(0, 0, -1)); // Move Backward    }    // Send Movement Data    private async void SendMoveData(Vector3 delta)    {        byte[] data = new byte[28];        Encoding.UTF8.GetBytes(client.Id).CopyTo(data, 0);        BitConverter.GetBytes(delta.x).CopyTo(data, 16);        BitConverter.GetBytes(delta.y).CopyTo(data, 20);        BitConverter.GetBytes(delta.z).CopyTo(data, 24);        await client.EmitAsync("playerMove", data);    }    // Send any unsafe data    private async void SendUnsafeData(float unsafeData){        byte[] data = new byte[20];        Encoding.UTF8.GetBytes(client.Id).CopyTo(data, 0);        BitConverter.GetBytes(unsafeData).CopyTo(data, 16);        await client.EmitAsync("dataUpdate", data);    }    // Update Other players position    private void UpdateOtherPlayerPosition(string playerId, Vector3 newPosition, float unsafeVariable)    {        // Here we can update other player positions and variables    }    // On Client Object Destroyed    private void OnDestroy()    {        client.DisconnectAsync();    }}

第 3 步:优化同步和性能

为了确保流畅的游戏体验并最大程度地减少同步期间的延迟,建议:

使用插值:客户端可以使用插值来平滑服务器更新之间的移动。这可以补偿较小的网络延迟。批量数据发送:不要按每一步发送数据,而是使用批量发送。例如,每隔几毫秒发送一次更新,这将减少网络负载。 降低更新频率:将发送数据的频率降低到合理的最低限度。例如,对于大多数游戏来说,每秒更新 20-30 次可能就足够了。

如何简化二进制协议的使用?

为了简化您使用二进制协议的工作 – 创建数据处理的基本原理以及与其交互的方案。

对于我们的示例,我们可以采用一个基本协议,其中:
1) 前 4 位是用户发出的请求的最大值(例如 0 – 移动玩家,1 – 射击等);
2) 接下来的 16 位是我们客户的 id。
3) 接下来我们填充通过循环传递的数据(一些网络变量),其中存储变量的 id、到下一个变量开头的偏移量(以字节为单位)、变量的类型和它的价值。

为了方便版本和数据控制 – 我们可以以方便的格式(json / xml)创建客户端-服务器通信模式,并从服务器下载一次,以便根据该模式进一步解析我们的二进制数据以获得所需的内容我们的 api 版本。

客户端反作弊

在服务器上处理所有数据是没有意义的,其中一些数据更容易在客户端修改并发送到其他客户端。

为了让你在这个方案中更加安全 – 你可以使用客户端防黑客系统来防止内存黑客 – 例如,我的 gameshield – 一个免费的开源解决方案。

结论

我们举了一个简单的例子,在 unity 上使用 node.js 服务器开发多人游戏,所有关键数据都在服务器上处理,以确保游戏的完整性。使用二进制协议传输数据有助于优化流量,而 unity 中的反应式编程可以轻松同步客户端状态,而无需使用 update() 方法。

这种方法不仅可以提高游戏性能,还可以通过确保所有关键计算都在服务器而不是客户端上执行来增强对作弊的保护。

当然,一如既往地感谢您阅读这篇文章。如果您在组织多人项目架构方面仍有任何疑问或需要帮助 – 我邀请您加入我的 discord

您还可以在我的困境中为我提供很多帮助,并支持发布新文章以及为开发人员免费提供的库和资源:

我的不和谐 | 我的博客 | 我的 github

btc: bc1qef2d34r4xkrm48zknjdjt7c0ea92ay9m2a7q55

eth: 0x1112a2ef850711df4de9c432376f255f416ef5d0
usdt (trc20):trf7sli6trtnau6k3pvvy61bzqkhxdcrlc

以上就是通过示例在 Unity 和 NodeJS 上的游戏中创建安全、快速的多人游戏的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 13:39:34
下一篇 2025年12月19日 13:39:49

相关推荐

  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000
  • 布局 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在这里查看视觉效果: 固定导航 – 布局 – codesandbox两列 – 布局 – codesandbox三列 – 布局 – codesandbox圣杯 &#8…

    2025年12月24日
    000
  • 隐藏元素 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看隐藏元素的视觉效果 – codesandbox 隐藏元素 hiding elements hiding elements hiding elements hiding elements hiding element…

    2025年12月24日
    400
  • 居中 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看垂直中心 – codesandbox 和水平中心的视觉效果。 通过 css 居中 垂直居中 centering centering centering centering centering centering立即…

    2025年12月24日 好文分享
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 如何在移动端实现子 div 在父 div 内任意滑动查看?

    如何在移动端中实现让子 div 在父 div 内任意滑动查看 在移动端开发中,有时我们需要让子 div 在父 div 内任意滑动查看。然而,使用滚动条无法实现负值移动,因此需要采用其他方法。 解决方案: 使用绝对布局(absolute)或相对布局(relative):将子 div 设置为绝对或相对定…

    2025年12月24日
    000
  • 移动端嵌套 DIV 中子 DIV 如何水平滑动?

    移动端嵌套 DIV 中子 DIV 滑动 在移动端开发中,遇到这样的问题:当子 DIV 的高度小于父 DIV 时,无法在父 DIV 中水平滚动子 DIV。 无限画布 要实现子 DIV 在父 DIV 中任意滑动,需要创建一个无限画布。使用滚动无法达到负值,因此需要使用其他方法。 相对定位 一种方法是将子…

    2025年12月24日
    000
  • 移动端项目中,如何消除rem字体大小计算带来的CSS扭曲?

    移动端项目中消除rem字体大小计算带来的css扭曲 在移动端项目中,使用rem计算根节点字体大小可以实现自适应布局。但是,此方法可能会导致页面打开时出现css扭曲,这是因为页面内容在根节点字体大小赋值后重新渲染造成的。 解决方案: 要避免这种情况,将计算根节点字体大小的js脚本移动到页面的最前面,即…

    2025年12月24日
    000
  • Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?

    Nuxt 移动端项目中解决 rem 计算导致 CSS 变形 在 Nuxt 移动端项目中使用 rem 计算根节点字体大小时,可能会遇到一个问题:页面内容在字体大小发生变化时会重绘,导致 CSS 变形。 解决方案: 可将计算根节点字体大小的 JS 代码块置于页面最前端的 标签内,确保在其他资源加载之前执…

    2025年12月24日
    200
  • Nuxt 移动端项目使用 rem 计算字体大小导致页面变形,如何解决?

    rem 计算导致移动端页面变形的解决方法 在 nuxt 移动端项目中使用 rem 计算根节点字体大小时,页面会发生内容重绘,导致页面打开时出现样式变形。如何避免这种现象? 解决方案: 移动根节点字体大小计算代码到页面顶部,即 head 中。 原理: flexível.js 也遇到了类似问题,它的解决…

    2025年12月24日
    000
  • 形状 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看 codesandbox 的视觉效果。 通过css绘制各种形状 如何在 css 中绘制正方形、梯形、三角形、异形三角形、扇形、圆形、半圆、固定宽高比、0.5px 线? shapes 0.5px line .square { w…

    2025年12月24日
    000
  • 有哪些美观的开源数字大屏驾驶舱框架?

    开源数字大屏驾驶舱框架推荐 问题:有哪些美观的开源数字大屏驾驶舱框架? 答案: 资源包 [弗若恩智能大屏驾驶舱开发资源包](https://www.fanruan.com/resource/152) 软件 [弗若恩报表 – 数字大屏可视化组件](https://www.fanruan.c…

    2025年12月24日
    000
  • 网站底部如何实现飘彩带效果?

    网站底部飘彩带效果的 js 库实现 许多网站都会在特殊节日或活动中添加一些趣味性的视觉效果,例如点击按钮后散发的五彩缤纷的彩带。对于一个特定的网站来说,其飘彩带效果的实现方式可能有以下几个方面: 以 https://dub.sh/ 网站为例,它底部按钮点击后的彩带效果是由 javascript 库实…

    2025年12月24日
    000
  • 网站彩带效果背后是哪个JS库?

    网站彩带效果背后是哪个js库? 当你访问某些网站时,点击按钮后,屏幕上会飘出五颜六色的彩带,营造出庆祝的氛围。这些效果是通过使用javascript库实现的。 问题: 哪个javascript库能够实现网站上点击按钮散发彩带的效果? 答案: 根据给定网站的源代码分析: 可以发现,该网站使用了以下js…

    好文分享 2025年12月24日
    100
  • 产品预览卡项目

    这个项目最初是来自 Frontend Mentor 的挑战,旨在使用 HTML 和 CSS 创建响应式产品预览卡。最初的任务是设计一张具有视觉吸引力和功能性的产品卡,能够无缝适应各种屏幕尺寸。这涉及使用 CSS 媒体查询来确保布局在不同设备上保持一致且用户友好。产品卡包含产品图像、标签、标题、描述和…

    2025年12月24日
    100
  • 如何利用 echarts-gl 绘制带发光的 3D 图表?

    如何绘制带发光的 3d 图表,类似于 echarts 中的示例? 为了实现类似的 3d 图表效果,需要引入 echarts-gl 库:https://github.com/ecomfe/echarts-gl。 echarts-gl 专用于在 webgl 环境中渲染 3d 图形。它提供了各种 3d 图…

    2025年12月24日
    000
  • 如何在 Element UI 的 el-rate 组件中实现 5 颗星 5 分制与百分制之间的转换?

    如何在el-rate中将5颗星5分制的分值显示为5颗星百分制? 要实现该效果,只需使用 el-rate 组件的 allow-half 属性。在设置 allow-half 属性后,获得的结果乘以 20 即可得到0-100之间的百分制分数。如下所示: score = score * 20; 动态显示鼠标…

    2025年12月24日
    100
  • CSS 最佳实践:后端程序员重温 CSS 时常见的三个疑问?

    CSS 最佳实践:提升代码质量 作为后端程序员,在重温 CSS/HTML 时,你可能会遇到一些关于最佳实践的问题。以下将解答三个常见问题,帮助你编写更规范、清晰的 CSS 代码。 1. margin 设置策略 当相邻元素都设置了 margin 时,通常情况下应为上一个元素设置 margin-bott…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信