ue4html插件,UE4插件Remote Contro lWeb Interface使用教程

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

可将网页控件绑定到远程属性;双向通信网络套接字服务器与通信;

兼容REST;

HTML/CSS/JavaScript/React框架;

支持的浏览器:Chrome、Firefox、Safari;

支持的开发平台:Win64、Mac;

支持的目标构建平台:Win64、Mac;

支持台式机与iPad分辨率。

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

网页控制快速入门:

网页控制API HTTP参考:

网页控制API WebSocket参考:

网页控制预设HTTP参考:

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

1. 首先在要测试的机器上安装在node.js版本8或更高版本;

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

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

2a9cfde8d5206af36fb14eef418ade0b.png

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

ce70a559ec68271b80b81cea4264426f.png

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

ae151fa4bd794ba3259eb54185b53965.png

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

8bcff0b752b2bed744a9ffb5f473adc0.png

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

7156b995a16a168fc6df5b7388c6ec4e.png

0f3c51f5c125c5d1ee4ee4171059f7e6.png

10d552c0b6c18ff273afc57467e36d0c.png

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

79633ce0a833939e3349fa7740b738ef.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值