UE4 3DUI显示与交互案例

这篇具有很好参考价值的文章主要介绍了UE4 3DUI显示与交互案例。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实现效果:

UE4 3DUI显示与交互案例 

实现步骤:

1.打开一个第一人称游戏模板,创建控件蓝图,命名为 全自动_UMG

UE4 3DUI显示与交互案例

UE4 3DUI显示与交互案例 

 2.双击打开全自动_UMG,创建两个按钮

 3.新建一个蓝图,命名为3DUI_test

UE4 3DUI显示与交互案例

 UE4 3DUI显示与交互案例

4.双击打开3DUI_test,添加一个控件组件

UE4 3DUI显示与交互案例 

 5.选中widget组件,控件类选为全自动_UMG

UE4 3DUI显示与交互案例

 6.选中widget,设置绘制大小

UE4 3DUI显示与交互案例

 7.设置一些参数

UE4 3DUI显示与交互案例 

UE4 3DUI显示与交互案例

 场景中的效果如下:

 8.打开第一人称角色模板蓝图,找到 Spawn projectile

UE4 3DUI显示与交互案例

 9.(选做)删除一些节点

UE4 3DUI显示与交互案例

10. 添加一个 控件交互组件

UE4 3DUI显示与交互案例

 11.调整该控件的层级关系

UE4 3DUI显示与交互案例

 12.位置和旋转全部归0

UE4 3DUI显示与交互案例

 在视口界面中可以看到红色的箭头就是控件交互组件

UE4 3DUI显示与交互案例

 13.将其旋转至正方向

UE4 3DUI显示与交互案例

 移至枪口位置

UE4 3DUI显示与交互案例

14.勾选 显示调试

UE4 3DUI显示与交互案例此时枪口会显示一条红色的线

UE4 3DUI显示与交互案例

 接近3D UI 时:

UE4 3DUI显示与交互案例

 15.在第一人称蓝图中 添加如下节点,让按下鼠标左键时能够与3D UI 进行互动

UE4 3DUI显示与交互案例

UE4 3DUI显示与交互案例

16.如果想设置和UI互动时不能发射子弹 

首先添加一个 在可聚焦控件上方 的节点,来判断此时是否可以和UI进行互动

UE4 3DUI显示与交互案例

 如果不能互动才能发射子弹:UE4 3DUI显示与交互案例

 17.编辑全自动的逻辑

首先在第一人称的蓝图中添加一个自定义事件,命名为是否全自动

UE4 3DUI显示与交互案例

 添加一个布尔值变量,命名为 是否能够全自动

UE4 3DUI显示与交互案例

一开始默认不是全自动

UE4 3DUI显示与交互案例 

 将变量 是否能够全自动 拖入事件图表中,再将是否能够全自动引脚拖入自定义事件,这样就可以把变量通过自定义事件传出去来设置

UE4 3DUI显示与交互案例

 添加两个节点,来判断当前是否能够全自动,如果不能就继续执行刚才的逻辑

UE4 3DUI显示与交互案例

 创建一个自定义事件,命名为全自动射击

UE4 3DUI显示与交互案例

创建 以函数名设置定时器 节点,表示延迟0.1s执行全自动射击事件

UE4 3DUI显示与交互案例

 勾选 以函数名设置定时器 循环,表示每0.1s执行一次,然后全自动射击事件连上单发的逻辑,这样就达到连发的效果

UE4 3DUI显示与交互案例

 设置鼠标左键松开时

 UE4 3DUI显示与交互案例

 打开全自动_UMG,设置两个按钮点击时的逻辑

UE4 3DUI显示与交互案例

 创建如下节点,get 0 表示获取第一个角色(也是这里唯一一个角色)

UE4 3DUI显示与交互案例

 右键 点击 提升为变量

UE4 3DUI显示与交互案例

 更改变量名为playerUE4 3DUI显示与交互案例

 创建如下节点

UE4 3DUI显示与交互案例

 文章来源地址https://www.toymoban.com/news/detail-417071.html

到了这里,关于UE4 3DUI显示与交互案例的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 虚幻学习笔记16—C++和3DUI(二)

    一、前言         上一篇虚幻学习笔记15—C++和UI(一)中介绍了通过C++代码创建2D的ui,本章主要讲解怎么用C++代码创建3D的UI,在虚幻学习笔记3—UI跟随弹窗这章中讲解了怎样用蓝图创建一个3D的UI,并且和其交互。         本系列使用的虚幻5.2.1,vs2022。 二、实现      

    2024年02月01日
    浏览(41)
  • UE4 Physics Constraint Actor 实现钟摆效果

    放入场景,然后将一个球体放入场景 选择小球 将小球改为Movable 选择模拟物理,并将小球移除平衡点 就实现了

    2024年02月09日
    浏览(44)
  • UE4: Niagara系统实现雨天效果,并跟随人物移动

    1.创建一个Niagara系统 选择Fountain选项,点一下加号,再点完成: 命名一下打开: 先从粒子生成的方向入手,在Niagara的界面中删掉“Add Velocity in Cone”,并添加“Add Velocity”,这样预览效果中的粒子就从椎体向上喷发,变成向下发射。 删掉之后: 然后将sphere location也删除,因

    2024年02月07日
    浏览(53)
  • 【Unity3d】【相机】透视相机UI转换(3DUI+保持屏幕比例)

    0. 基础知识点 正交相机 : 正交相机的的orthographicSize ,是 二分之一的屏幕高度,即 orthographicSize = H/2。 透视相机 : 相机的aspect为相机的视口的宽高比: aspect = W/H 即: W = H * aspect 透视相机的屏幕高度H 随着相机的中心距离和fov变化。公式为: H = distance * tan(fov*0.5) * 2 相机视

    2024年02月04日
    浏览(89)
  • UE4 解决景深效果闪烁问题

    原因: 1.模型的垂直竖线:造成抗锯齿算法对竖线的渲染计算,处于一种不稳定的状态,因此闪烁 解决办法:使用LOD,用贴图去替代线条模型 2.材质的法线贴图:当法线贴图含有垂直竖线的纹理效果,也会造成闪烁,比如这种幕墙材质 解决办法:关闭或动态调整法线贴图强

    2024年02月11日
    浏览(40)
  • UE4 控件蓝图与蓝图的交互

    我现在想实现的是点击场景中的一个蓝图中的某个静态网格体,然后在控件蓝图中的文本控件中就能显示这个被点击的静态网格体的名称。 首先我在控件蓝图中对其中的一个文本控件创建了一个绑定函数 绑定函数的逻辑如下: “整车 内部无系统”是我添加的一个变量,该变

    2024年02月11日
    浏览(41)
  • UE4 UltraDynamicSky 天气与水体交互

    最上面的Lerp的A通道为之前的水面效果,B是做的冰面效果 用Dynamic_Landscape_Weather_Effects的BaseColor的R通道四舍五入作为Lerp的Alpha值 使用一张贴图,乘以RadialGradientExponential对材质边缘做弱化,RadialGradientExponential的Raidius让BaseColor与一个常量相乘,这样可以做出小雪,中雪,大雪对

    2024年02月06日
    浏览(35)
  • 【UE4基础】天空效果设置、太阳位置的变化

    根据天空球构建天空的基本要素: 天空球:BP_Sky_Sphere 定向光源:DirectionalLight 构建步骤: 把天空球拖入场景中,把定向光源拖入场景中,设置位置都为(0,0,0),无旋转角度。将天空球与定向光源绑定: 定向光源角度: 旋转定向光源y轴角度:太阳上下位置变化 旋转定向光源

    2024年02月04日
    浏览(32)
  • UE4 使用材质后期 制作玻璃有雨效果

    效果展示,其实这是一个动画效果 以上为所有逻辑 拿到TexCoord给到Panner,Time和Speed都是通过下面计算而来,后面讲,再拿到时间和速度值过后,加上扰动值,最后取G值,因为雨事从上而下的动,需要的是一个从上往下的渐变。 拿到一个TexCoord的R值,从左往右的渐变,做一个

    2024年02月08日
    浏览(49)
  • UE4带Alpha通道透明效果贴图的相关问题

    镂空效果 (黑色部分透明):UE4中,一张贴图同时显示color与opacity, 问题一:最初贴图只呈现颜色,应该透明的区域是黑色的 修改步骤如下 : ps中魔棒选中黑色区域-反选-右键存储选区-生成alpha通道-删除黑色区域-形成透明部分只有灰白像素 导出为png--导入UE4内容浏览器 材

    2023年04月20日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包