【UE4】WebUI插件实现HTML透明区域事件穿透响应

最新推荐文章于 2024-06-23 09:38:17 发布
最新推荐文章于 2024-06-23 09:38:17 发布
阅读量3k 收藏 29
点赞数 2
分类专栏： UE4 文章标签： html 经验分享 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36372684/article/details/107859319
版权
本文介绍了如何使用UE4的WebUI插件解决HTML页面透明区域无法响应事件的问题。通过下载并安装插件，设置Widget蓝图和启用透明性选项，可以实现透明区域的事件穿透响应。只需在关卡蓝图中创建并展示Widget，即可完成配置。
摘要由CSDN通过智能技术生成

UE4自带的WebBroswer插件无法实现HTML页面透明区域事件响应，还好有那么一个免费的WebUI插件完美的解决了问题，插件下载：

链接：https://pan.baidu.com/s/1_ry_cxiYCKA7Yeqv5g07xA
提取码：537v

下载好之后解压，将插件复制到项目的Plugins文件夹，另外新建一个UI文件夹存放HTML页面
在这里插入图片描述
包含三个插件，WebUI及两个附加插件
在这里插入图片描述
打开项目后首先要将UE4自带的WebBroswer插件开启，随后确保新增的三个插件已开启
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
新建一个Widget蓝图

最低0.47元/天 解锁文章
zoncan101
关注
  • 2
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
java web 按钮透明_ue4之使用WebUI插件实现透明网页点击穿透
weixin_39598584的博客
03-02 635
先前使用ue4自带的web brower插件嵌入了网页，但是全屏覆盖网页的时候，网页层劫持了鼠标对场景的操作控制。之前的项目中为了实现这种透明区域可控，同事采用的是在User Interface-->Widget Blueprint组件中如下布局： 这样确实也实现了所需要的功能，但是可以看到由于四块页面是分开的，所以这四块要分4个页面写。那么问题来了，可不可以只用一个web brower组件...
ue4网页端_ue4之使用WebUI插件实现透明网页点击穿透
weixin_36330387的博客
12-24 4305
先前使用ue4自带的web brower插件嵌入了网页，但是全屏覆盖网页的时候，网页层劫持了鼠标对场景的操作控制。之前的项目中为了实现这种透明区域可控，同事采用的是在User Interface-->Widget Blueprint组件中如下布局： 这样确实也实现了所需要的功能，但是可以看到由于四块页面是分开的，所以这四块要分4个页面写。那么问题来了，可不可以只用一个web brower组件...
ue webUI 5.3版本的插件 支持打包
12-26
ue webUI 5.3版本的插件 支持打包
推荐使用：VaQuoleUI - Unreal Engine 4的Web UI框架插件
最新发布
gitblog_00021的博客
06-23 362
推荐使用：VaQuoleUI - Unreal Engine 4的Web UI框架插件 项目地址:https://gitcode.com/ufna/VaQuoleUI 1、项目介绍 VaQuoleUI 是一个专为虚幻引擎4（Unreal Engine 4）设计的开源Web UI框架插件，它基于强大的Qt SDK。这个插件的目的是让你能够利用现代Web开发的技术——HTML5、CSS和JavaScr...
【UE4】一个实现Web穿透，用HTML开发UI的方式——WebUI的用法
热门推荐
DvLee
11-09 1万+
如何导入UE4的插件Plugins UE4如何跟WebBrowser交互，互调传参 一、下载和导入插件 首先到官网下载对应版本的依赖库 Github地址是：https://github.com/tracerinteractive/UnrealEngine 把依赖库解压后放置在游戏引擎安装目录的Plugins目录下面： 如我的路径是 ..../Epic Games\UE_4.23\Engine\Plugins\Runtime 打开例程项目，点开插件管理页面，Edit->Plugins，勾选刚加入..
ue4.27利用webUI插件，加载html页面
coding_ch的博客
10-12 416
1). 创建一个用户界面，引入插件webUI并启用 2).给页面绘制结构 3).编写蓝图，加载页面 4).在关卡蓝图中，将以上写好的用户界面加载到视口
UE4 WebUI插件
jxyb2012的博客
12-24 1万+
在UE4中嵌入Web页面
UE4.26插件WebUI
08-11
这样的设计极大地拓展了UE4的应用范围，尤其对于需要复杂交互和实时更新内容的应用来说，WebUI插件是极具价值的工具。 **插件的使用** "UE4.26插件WebUI"提供了详尽的使用文档，包括英文版（documentation.pdf）和...
webUI 4.27版本的插件
06-08
WebUI 4.27版本的插件是针对Unreal Engine (UE4) 4.27更新的一个重要组成部分，专注于提升游戏开发中的用户界面体验。这个插件为UE4引入了先进的网页交互功能，使得开发者能够创建更加丰富、动态且具有高度定制化的...
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）
08-01
本篇文章将详细讲解如何在UE5中实现与Web的通讯，利用WEBUI插件来搭建桥梁，使得游戏或应用能够与网页进行数据交换，提升用户体验和互动性。 首先，我们需要理解虚幻引擎UE5中的通信机制。UE5支持多种通信方式，...
UE webui插件，可同时操作game和ui
10-19
本文介绍的是UE（Unreal Engine）中的WebUI插件，这个插件允许用户同时对游戏（Game）和用户界面（UI）进行操作。通过修改文档中的"set input mode"设置，可以实现这一功能，具体是将"set input mode ui only"改为...
ue4 ChromiumUI插件与html网页的相互调用
weixin_44043951的博客
03-04 895
ue4 ChromiumUI插件与html网页的相互调用
UE5WebUI启用后无法透过WebUI来触发场景中鼠标左右键的平移旋转视角功能的解决方法
hold_me的博客
12-21 988
启用WebUI的Enable Transparency功能可能会导致WebUI界面中的某些按钮功能无法聚焦鼠标
UE4 利用WEBUI插件完成UE与JS的交互 （UE4嵌入WEB）
ChaoChao66666的博客
11-07 1万+
目录 一、UE4显示Echart图表 二、UE调用JS（修改Echart图表数据） 三、JS调用UE（UE4中打印js传递过来的数据）
【UE4 像素流 WEBUI插件】部署像素流
ChaoChao66666的博客
05-15 2708
一、单实例本地像素流送 步骤 1. 勾选插件 2. 打包工程并启动信令服务器 3. 创建快捷方式并启动游戏 二、单实例局域网像素流送 步骤 1. 编辑cirrus.js 2. 编辑快捷方式属性 3. 启动
UE4 WebUI插件使用指南
netcy的专栏
01-07 2715
本文介绍UE4中通过Cesium插架加载本地倾斜摄影模型。Cesium for Unreal插件运行在UE环境何总运行Cesium，这样方便做一个GIS应用。
【UE5】【插件】【WebUI】内置浏览器插件WebUI简易使用笔记
UE5开发备忘录
12-15 7118
之前的项目中为了提高效率，避免使用UE功能不完善的UMG系统，使用了WebUI插件，在UI中内嵌浏览器来展示网页。用Vue框架配合插件制作网页还是比UMG要快很多的，毕竟UE的UI制作插件比较少。
【UE、WEBUI插件】关于在更新WEB后UE端的WEB页面没有更新的问题
ChaoChao66666的博客
03-07 648
在更新WEB后，发现在UE中加载的WEB并页面没有更新，那么如何让它更新显示呢？
ue5.2 数字孪生（11）——Web_UI插件网页通信
weixin_51185555的博客
12-07 2700
Web_UI网页通信
[UE4坑] UI鼠标穿透遮蔽
cjc52294的博客
11-19 3093
在界面 A 打开界面 B 之后，如果界面A的自定义子控件 C 中有 Visibile 状态，此时在 C 的位置处会响应A 控件中相关的鼠标逻辑。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值