
在本节内容中,3D天堂将介绍在虚幻引擎中通过远程控制 Web 界面操作打包应用,使用远程控制 Web 界面从网络浏览器中操作。但是,现在可以在包含 Shipping 的打包应用程序中使用它,因此本文将展示如何操作。
安装Node.js
Node.js官方网站:https://nodejs.org/en/download/
安装后,重新启动电脑。
激活插件并重启
启用 Remote Control API 和 Remote Control Web Interface 插件并重启UE引擎游戏。

确认启动
重启UE引擎游戏后,会执行搭建 Node.js 运行环境的准备工作,等待它的完成。

如果需要根据运行环境更改端口号,请从 ProjectSettings 更改端口号。

参数解释
- 远程控制 Web 界面 http 端口:从浏览器访问时使用的 HttpServer 端口。
- 远程控制 HTTP 服务器端口:接收 REST API 的端口。
- 远程控制 WebSocket 服务器端口:连接 WebSocket 时使用的端口。
- 绑定地址:允许连接的IP地址,0.0.0.0 意味着允许一切。
创建远程控制预设
在内容抽屉中选择 Remote Control → Remote Control Preset,以创建预设。

将要更改的值添加到预设中,打开 Presets 屏幕,查看 Actor 的 Detail 面板,添加了一个眼睛图标,那么就知道它是否已发布到预设中。

图标的眼睛在公开时是睁开的,在私密时是闭上的,单击以切换公共/私人。
当公开该属性时,它将看起来像这样,这次会尝试发布 SunSky 的纬度、经度、时区、北偏、月、日等等。

也可以从这里操作,现在使用 Web Interface 来操作发布的变量,单击右上角的 Web App 按钮可从浏览器访问它。
自定义用户界面
它在浏览器中看起来像这样子的,但可以选择构建你自己的 UI 并自定义 UI 以更改刚刚发布的属性。

一开始什么都没有显示,但是通过点击左上角的 CONTROL 更改模式为 DESIGN,选择 Properties 选项卡,显示之前发布的属性列表。之后,可以通过拖放和排列它们来自定义 UI。

从左上角的 DESIGN 返回 CONTROL,从浏览器运行UE引擎编辑器,确认运行的情况。
打包
接下来做打包,到这里就需要一点点时间了。
首先,在 ProjectSettings 中搜索 Additional Asset,然后在 Additional Asset Directories to Cook 数组中指定包含之前创建的预设的文件夹。
这可以使用未连接的引用来烘焙资产。

在示例中,将使用 Shipping,但由于没有日志输出,因此很难排查,如果想尝试它,开发是更好的。

复制WebApp
最后,需要复制 RemoteControlWebInterface 插件中的 WebApp 文件夹,如下所示:
从:
[UE5文件夹]/Engine/Plugins/VirtualProduction/RemoteControlWebInterface/WebApp/
到:
[包文件夹]/Engine/Plugins/VirtualProduction/RemoteControlWebInterface/WebApp/
如果启用了 Pak 功能,则尚未创建到该位置的文件夹,因此请创建并复制它。
开始申请
启动应用程序时,需要添加 -RCWebControlEnable 和 -RCWebInterfaceEnable 两个选项,也就是说,启动时
launch.bat
1./[Application name].exe -RCwebControlEnable -RCwebInterfaceEnable
它将采用以下形式,这是启动应用程序并从浏览器连接到 localhost:30000 的方式。
现在已经确认远程控制 Web 界面可以与打包的应用程序一起使用。
这个插件自推出以来变得更加容易使用,为什么不在查看实际产品的同时进行微调呢?现在公开各种东西,例如用于逻辑的变量和外观,以使其更易于使用。
最后的总结
除了改变变量之外,还有一个称为逻辑的功能,它输入一些值并根据该值立即改变各种变量。可以从预设的右上角激活编辑屏幕。例如,在这里创建了一个名为 Anniversary 的 String 逻辑来处理某些节日。

然后就可以在网络应用程序端输入逻辑(图像已经在设计中拖放)。通过在此处输入某个节日,相应的逻辑将移动,在这个例子中,它将被更改为相应的日期,请见底部红色框框标记的地方。

最后无论如何,都可以创建易于使用的预设。
…
以上是关于在虚幻引擎中通过远程控制网络界面操作打包应用的全部内容,如果你有任何反馈,请随时在本页面下方留言。