Part1前言

前段时间，我们开源了一些围绕着UE5的像素流构建数字孪生系统的插件，陆续收到不同同学反馈，如何使用这些插件，所以我们做了一个项目demo。整个demo是一个完整的示例工程，包括并集成了单例插件、像素流sdk、动态效果插件等等，非常适合作为构建智慧园区、智慧城市等项目的参考。
先将之前开源的插件做一下回顾
1、像素流sdk，从官方demo中提炼而出的轻量级js开发包，可以帮助轻松进行前端像素流的二次开发。
github地址:https://github.com/inveta/peer-stream
2、蓝图websocket插件，一个函数即可让蓝图支持websocket。
github地址：https://github.com/inveta/InWebSocketClient
3、服务单例启动插件，直接启用即可生效。
github地址：https://github.com/inveta/SingleTon
4、开箱即用的“点线面体”基本元素生成插件，可以轻松实现poid点、告警特效等等。
github地址：https://github.com/inveta/PLSB
5、ue5蓝图json库，实现json字符串与蓝图结构体的互相转换，
github地址：https://github.com/inveta/InJson

Part2集成demo使用

经过夜以继日的开发，我们INVETA三维可视化示例工程已经发布到GitHub上了：
https://github.com/inveta/demo
其中在release页面下还包括可以直接一键运行的发行版：
https://github.com/inveta/demo/releases。
下载最新的发行版后直接双击运行demo.bat就能自动启动整个UE5像素流套件，直接就能在网页中查看了。但初次运行的时候有几个注意事项和前提条件：
● 目前只支持Windows10及以上的系统。
● 显卡不能太差。
● 浏览器推荐使用Windows自带的Edge或者谷歌chrome。
● 需要预装Node.js：https://nodejs.org。（从官网下载最新版安装包，一键安装）
● 需要安装好DirectX。

把这几个初始化工作搞定以后，就可以尝试我们的示例工程了，首先从官网上下载可运行版本：

将这个70m左右的zip包下载下来后解压，解压出来后直接双击运行demo.bat就可以一键启动像素流了。（如果只双击demo.exe，则会在前台启动UE5三维引擎，不会打开网页）

demo.bat会启动信令服务器（signal-pro.js），同时打开网页（demo.html），网页打开后便自动连接上信令服务器，这时UE5（demo.exe）会于后台自动启动，然后向网页发视频，整个像素流（https://github.com/inveta/peer-stream）就启动成功了。注意此时会弹出一个控制台窗口：这是信令服务器所在的前台进程，用来维持像素流运转的，请不要关闭。

最后网页上就出现三维画面了，这是一个简单的白模城市，并且预装了“点线面体”插件：https://github.com/inveta/PLSB，可以根据网页上“在线代码编辑”的提示，在场景中随意生成可视化的基本图元比如POI点、轨迹路线、区域轮廓、VFX特效、三维模型。

Part3示例视频

Part4总结

本文主要介绍了我们新开源的完成的像素流使用demo，将之前几个插件都串联起来一起使用。

Part5关于IN VETA

IN VETA是一支由建模、美术、UE5组成的年轻团队。

我们的开源项目：
https://github.com/inveta

我们致力于三维数字孪生技术分享与研发。
欢迎与各界朋友一起探讨技术与商务合作，一起推动数字孪生的发展。