基于Unity通过WebSocket实现WebGL驱动手模型_websocket webgl 游戏

一、基础知识介绍

1、WebGL基础知识

• index.html
• TemplateData - 包括logo、加载进度条，只有模板选择 Default 时才有）
• StreamingAssets - 项目中的 StreamingAssets 文件夹(WebGL平台下 Application.streamingAssetsPath 的值为  http://youer_host_url:port/StreamingAssets )
• Build
  • UnityLoader.js - 加载 unity 内容的脚本
  • myproject .json - PlayerSetting 中的部分设置以及其他资源的 Url，给 UnityLoader 用的
  • myproject .wasm.framework.unityweb - JavaScript 运行时和插件
  • myproject .wasm.code.unityweb - 编译完成的 WebAssembly
  • myproject .wasm.memory.unityweb -
  • myproject .data.unityweb - 项目中的资源和场景

2、WebSocket基础知识

二、具体功能

1. Unity接受网络传输的数据来驱动手模型

2. 利用WebSocket协议

3. 利用在WebGL展示

三、使用方式

1、开启WeSocket服务端（实现方式参考Server工程），端口：9091（可自定义）

2、利用网页打开WebGL，在输入框输入WeSocket服务端URL（如ws://10.79.104.187:9291/），然后点击StartWsClient开启通讯，再次点击关闭通讯。

3、Server端发送的数据格式定义举例

将手指与手掌的数据合并为一帧数据发送，即每帧同时发送两行数据。

（详细可参考附件里的Server工程的方式，已测试ok）

例：第一帧：1 .....（手指数据） 1 .......（手掌数据）

第二帧：1 .....（手指数据） 1 .......（手掌数据）

......

四、详细实现方案

1、利用Python开启本地局域网服务器

2、编写开启WebSocket服务端功能软件

• GitHub - sta/websocket-sharp: A C# implementation of the WebSocket protocol client and server，里面的使用方式说得很清楚，甚至可以解决WebGL无法使用WeSocket服务端问题（关于ssl验证以及使用http代理服务器连接），参考此插件的Example实现
• VS端利用NuGet获取WebSocketSharp插件，可引用WebSocketSharp、WebSocketSharp.Server命名空间
• 服务端开启必须加上WebSocketService服务，此服务可以添加对应的服务路径的WebSocket服务

• 服务端服务类必须要继承WebSocketBehavior

3、Unity编写开启WebSocket客户端功能软件

• GitHub - jirihybek/unity-websocket-webgl: Hybrid WebSocket implementation for Unity 3D with support of native and browser client.，参考此功能实现