Unity RenderStreaming流渲染(一)

“流渲染”是一种解决Web端海量空间数据可视化的新思路,unity引擎产商推出的“云渲染”方案是基于WebRTC的视频流推送技术,它就是RenderStreaming插件。基本原理是将场景通过后端的渲染,之后使用实时的视频流推送至前端界面,可实现前后端的同步交互。
接下来就是进行Unity RenderStreaming的基操,先安装展示此插件的功能开始。

(一)创建打开一个Unity工程文件,选择Window—>Package Manager打开如下页面:

Unity RenderStreaming流渲染(一)_第1张图片
在Advanced中勾选Show dependencies和Show preview packages,在package列表中找到Unity Render Streaming,选中安装
Unity RenderStreaming流渲染(一)_第2张图片
安装完之后就选择导入项目文件(demo)
Unity RenderStreaming流渲染(一)_第3张图片
Unity RenderStreaming流渲染(一)_第4张图片
(二)安装必要的服务器运行环境
1.npm
2.node.js
其实node是自带npm的,但是不是最新版本,但是没有关系,直接安装node.js运行就好
node.js下载地址下载
下载安装完之后打开cmd,进行以下操作检测是否安装成功
Unity RenderStreaming流渲染(一)_第5张图片
(三)下载signal server服务器
官方提供了Unity Render Streaming作为webapp运行的服务器,这里提供下载这个服务器的三种方式:
1.在unity中选择Edit—>Render Sreaming—>DownLoad web app
2.github下载web app
在这里我使用第二种方式,在github中下载
Unity RenderStreaming流渲染(一)_第6张图片
在这里插入图片描述
解压打开之后得到如下文件夹:
Unity RenderStreaming流渲染(一)_第7张图片
(四)配置服务器环境
打开WebApp文件夹,找到package.json文件,在这里可以进行一些IP端口的配置,默认的端口是8000,因为我电脑有另外的程序在跑端口重复了,所以我改成8001
Unity RenderStreaming流渲染(一)_第8张图片
将"start"里面的"node ./build/index.js"改成"node ./build/index.js --port 8001 -w"
双击run.bat文件启动服务器
Unity RenderStreaming流渲染(一)_第9张图片
Unity RenderStreaming流渲染(一)_第10张图片
(5)配置Unity demo IP端口
服务器启动成功之后,在unity项目中选择一个demo进去,在这里我选择Broadcast场景
Unity RenderStreaming流渲染(一)_第11张图片
选中面板中的RenderStreaming找到Signaling URL输入127.0.0.1:8001
Unity RenderStreaming流渲染(一)_第12张图片
Unity RenderStreaming流渲染(一)_第13张图片
(六)验证效果
启动Unity程序,在浏览器中网址栏输入127.0.0.1:8001回车:
Unity RenderStreaming流渲染(一)_第14张图片
点击如上图圈出来的获得如下界面:
Unity RenderStreaming流渲染(一)_第15张图片
Unity RenderStreaming流渲染(一)_第16张图片
Unity RenderStreaming流渲染(一)_第17张图片
这时候鼠标动一动,就能实现互动同步了。

你可能感兴趣的:(unity,游戏引擎,编辑器)