新闻资讯

3DCAT实时渲染云平台

让任意设备随时随地访问您的3D应用

UE4插件Remote Contro lWeb Interface使用教程

2021-03-31

对于UE4程序与外部网页交互问题,UE4提供了Remote Control Web Interface插件,使用这个插件可轻松实现UE4与Web端的双向通信,其特性如下:

可将网页控件绑定到远程属性;

  1. 双向通信网络套接字服务器与通信;
  2. 兼容REST;
  3. HTML/CSS/JavaScript/React框架;
  4. 支持的浏览器:Chrome、Firefox、Safari;
  5. 支持的开发平台:Win64、Mac;
  6. 支持的目标构建平台:Win64、Mac;
  7. 支持台式机与iPad分辨率。

具体的官方文档介绍链接如下:

网页控制快速入门:

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/QuickStart/index.html

网页控制API HTTP参考:

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/Endpoints/index.html

网页控制API WebSocket参考:

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/RemoteControlAPIWebsocketReference/index.html

网页控制预设HTTP参考:

https://docs.unrealengine.com/en-US/ProductionPipelines/ScriptingAndAutomation/WebControl/RemoteControlPresetHTTPReference/index.html

下面来介绍下如何实现UE4程序与网页的交互的一个Demo: 1. 首先在要测试的机器上安装在node.js版本8或更高版本;

2.任意新建一个UE4工程(UE4版本得是4.26以上);

3.在在“Plugins”窗口中,在“Messaging”类别中找到“Remote Control API”和”Remote Control Web Interface”插件。选中其启用复选框;

下面来介绍下如何实现UE4程序与网页的交互的一个Demo

4.在UE4工程中新建一个Remote Control Preset,这个是为了向Web远程控制API公开属性;

在UE4工程中新建一个Remote Control Preset,这个是为了向Web远程控制API公开属性;

5.在刚创建的UE4场景中选中环境平行光源,然后双击打开上一步创建的Remote Control Preset

在刚创建的UE4场景中选中环境平行光源,然后双击打开上一步创建的Remote Control Preset

6.选中的光源的属性列表如下,点选显示Rotation

选中的光源的属性列表如下,点选显示Rotation

Remote Control Preset界面如下(Edit Mode勾选确认是否在编辑模式下生效)

Remote Control Preset界面如下(Edit Mode勾选确认是否在编辑模式下生效)

(1)本机打开Chrome浏览器,输入http://localhost:7000/,(这个端口配置可在UE4中Projectsetting/Plugins/Remote Control WebInterface 设置端口号),回车运行后看到如下界面

本机打开Chrome浏览器,输入http://localhost:7000/,(这个端口配置可在UE4中Projectsetting/Plugins/Remote Control WebInterface 设置端口号),回车运行后看到如下界面

本机打开Chrome浏览器,输入http://localhost:7000/,(这个端口配置可在UE4中Projectsetting/Plugins/Remote Control WebInterface 设置端口号),回车运行后看到如下界面

保存响应的设置显示如下,这三个表盘分贝代表light的x、y、z的旋转,划动表盘,相应的UE4工程中的平行光源也会相应旋转。

保存响应的设置显示如下,这三个表盘分贝代表light的x、y、z的旋转,划动表盘,相应的UE4工程中的平行光源也会相应旋转。

以上就是使用UE4插件Remote Contro lWeb Interface的全部教程,3DCAT提供强大的图形实时渲染计算服务,平台配备弹性GPU资源集群,支持自动负载均衡和伸缩扩容,支持海量用户同时安全访问应用,让任意设备,随时随地访问在线三维应用。

3DCAT实时渲染云平台通过提供专业的技术服务,帮助用户实现相关产品及工艺降本增效。3DCAT实时渲染云平台已经和英伟达、平行云、Unity、Unreal Eengine等国内外知名企业达成合作伙伴关系。目前,3D实时渲染云平台已在工业仿真、智慧园区、医疗仿真、游戏试玩、汽车仿真、建筑工程等虚拟仿真和数字孪生相关应用领域提供专业的技术服务。

QQ: 912428984
+86 18588403835