【Lyra UI】UI 玩法逻辑小结

已于 2022-11-07 12:27:35 修改
阅读量1.9k 收藏 2
点赞数
文章标签： ui
于 2022-10-14 18:00:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zolo_mario/article/details/127324004
版权

【Lyra UI】UI 玩法逻辑小结

UI 这块分两个部分：功能版逻辑 + 材质效果

本篇讨论逻辑，即怎么组织UI结构，代码怎么串联事件和逻辑

笔者之前并没有用UE开发过游戏，也算是从零开始，所以并不保证完整性和准确性

大纲

  • 进度
  • 评价
  • 资料链接
  • 插件
  • 核心机制1
  • 核心机制2

进度

  • Lyra UI 玩法框架拆完，Panel+HUD过了一遍
  • 与官方视频，quabqi视频中提到的技术点都对应上
  • 看了必要的代码，非必要不看代码
  • 学会使用必要的编辑器功能：蓝图，Widget Reflector，Reference Viewer

接下来干嘛

  • 具体的玩法模块，按需拆解
  • UI材质学习

评价

这些框架和机制不一定有用，工作流还需要验证

UE 的特点，官方出一个精品Demo，教开发者怎么做游戏，扩展性都考虑到了，看起来可以 scale 到完整游戏的样子

实际做起来，碎片化，代码和编辑器反复横跳，才能拼凑出一条逻辑路径

好处是，研究这一个 Demo 就差不多了，官方逼死同人

在这里插入图片描述

资料链接

必读，资料也就这么点，剩下靠谷歌知乎搜索文章

Lyra Starter Game Overview | Tech Talk | State of Unreal 2022 - YouTube

Lyra Walkthrough Q&A | Inside Unreal - YouTube

[UnrealCircle]《Lyra初学者游戏包工程解读》 | quabqi_哔哩哔哩_bilibili

插件

  • Engine
    • CommonUI
      • CommonInput
  • Game Framework
    • CommonGame
    • UIExtension
  • Game Module
    • CommonLoadingScreen
    • GameSettings
    • GameSubtitles

蓝图对工作流的影响

蓝图很好，数据驱动，各种debug工具看起来也很好

问题是和编辑器结合太紧密，因此很脆弱，并且美术-策划-程序工作流耦合

核心机制-PushContentToLayerForPlayer

  1. UI分了四层
    a. 游戏
    b. 游戏菜单
    c. 菜单
    d. 模态
  2. 层的规则：
    a. 同一层里的界面用栈管理，同一时刻只有一个界面，也就是栈顶，栈用于实现通用返回机制
    b. 不同层的界面可以同时显示，按层的顺序进行堆叠

在这里插入图片描述

在这里插入图片描述

具体的案例分析和逻辑跟踪

【Lyra UI】LyraFrontEnd_zoloypzuo的博客-CSDN博客

核心机制-RegisterExtensionAsData

把data和界面分开，同一份data去适配多种界面

思路是这样的：我现在有一份DataX，你有能显示DataX的界面模块吗？有就创建这个界面，我把数据喂给你

性能上的好处，动态按需加载界面

在这里插入图片描述

具体的案例分析和逻辑跟踪

【Lyra UI】TopDownArenaHUD_zoloypzuo的博客-CSDN博客

zoloypzuo
关注
UE5 Lyra中的UI层级与资产管理
qq_40026009的博客
06-30 3431
UE5 lyra中基于CommonUI制作的项目插件CommonGame主要实现了层级管理与UI动态加载，本文对其源码与使用方式进行拆解。其存在的问题：无法在添加UI时同时放入参数，以及特定项目需要无法满足，但是很棒的UI层级管理实例...
虚幻引擎Lyra工程UI框架与设计分析 01
最新发布
qq_39481944的博客
07-28 940
虚幻引擎Lyra工程UI框架与设计分析
逻辑与UI
菜鸟博客
03-29 285
在上述例子中，由于点击事件引起了自变量 num 的改变，而自变量num的改变，引起了 因变量 fixedNum 的改变，fixedNum 就是无副作用因变量，进一步导致了 UI 发生变化。还有这个例子， 虽然输入确定，输出确定，但是在执行过程中，修改了函数外部的变量，document.title， 这就引起了副作用，同样该函数也不是纯函数。在数学中，自变量的改变会引起其因变量的改变， 那么UI 就是我们的因变量，state的改变会引起依赖该state的视图变化。
ui 显示逻辑
hjssss的博客
04-23 676
1 窗口划分： windows窗口 ，Tip窗口 2 单个Windows窗口： a, 保证同一时间之显示一个窗口 b，显示窗口流程 1 获取uicamera ， 生成 一张屏幕 Textrue纹理 2 实例化空物体，加上Panel，panel深度为 windows Panels 深度的...
UI与逻辑
u011361107的专栏
07-10 743
UI负责显示，内部逻辑函数负责数据处理，与底层接口通信。
UI设计交互逻辑和常用工具
h17376451424的博客
06-26 1497
Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。4、勾选【I accept the termsin the License Agreement】，点击“Next”2、这里看看你现在之后的安装文件是叫什么名字，双击它。8.取消勾选Launch Axure RP 9，点击“Finish”5.选择软件安装路径，点击“Next”
一，简单UI框架
无识小贱的博客
03-09 884
UI框架 为什么需要？ 通常情况下，我们都是一个界面做好一个UI预制体，然后那个地方需要打开，在那个地方去加载显示，然后一些动画效果也放在UI业务逻辑里面，一两个界面还好，如果后期界面数量增加，业务逻辑复杂起来，界面之前的关系，层级显示，将很难维护。所以迫切需要一个UI框架来将UI的业务逻辑与控制显示分离。 UI框架的好处 UI框架主要用于控制显示UI，将打开/关闭UI等一些公共处理逻辑从具体的UI业务逻辑中抽离出来，实现UI业务逻辑与控制显示分离。
【搬运】论如何做好动作游戏的基础操作手感
weixin_60392506的博客
02-19 561
之前一篇天美J3工作室的分享文章中提到，操作手感作为射击游戏和动作游戏的基石，但在游戏者开发大会和国外的会议中却鲜有分享，恰恰因为这部分内容就是其最核心的竞争力。该篇分享中提到COD中一个细腻的开镜效果，Apex中左手打药，右手射击可相互分离等等优秀的操作体验已经遥遥领先国内的制作水平。一个极佳的操作手感甚至需要几十人几年的工作量才能完成打磨。
layer UI学习
如是牛
02-27 5395
http://www.layui.com/doc/layer 使用引入css和js <link rel="stylesheet" href="/layui/css/layui.css"/> <script src="/layui/layui.js" merge="true" type="text/javascript"></script>声明需要使用的模块layui.define(['layer'
深入解析Layui框架：从入门到实战
奇妙的Bug之旅
10-19 2539
而Layui作为一款轻量级的前端UI框架，凭借其简洁易用的特点，受到了广大开发者的喜爱。本文将详细介绍Layui的基本概念、使用方法以及一个实际的实例，帮助读者快速上手并应用Layui进行开发。Layui是一款由中国开发者贤心所开发的前端UI框架，它基于jQuery实现，提供了丰富的组件和样式，可以帮助开发者快速构建美观且交互友好的网页界面。需要注意的是，由于示例中的表单没有后端处理逻辑，所以提交时会直接阻止表单提交行为。以上示例展示了如何使用Layui的表单组件创建一个简单的登录表单。
vary渲染图没了_云渲染怎么收费--致3Dmax效果图云渲染入门选手
weixin_39707478的博客
11-15 460
最近几年，渲染农场在国内越来越火爆，毫无疑问，云渲染的确已经成为行业趋势。我看很多云渲染平台都说自己的优势是速度快，其实并非如此，云渲染是将你的任务上传云端，由其他服务器模拟你的本地环境进行场景渲染，所以一样要看配置的，如果自己主机配置够硬的话，云渲染不一定比你快的。云渲染之所以说自己快，是因为他们可以同时用多台主机渲一个任务（也就是联机渲染），这就可以很好的平衡掉配置差距而达到快，但是相应的费用...
UE5 CommonUI初学笔记
c2146788的博客
02-21 2739
UE5CommonUI插件的初学内容
UE5 官方案例Lyra 全特性详解 8.如何用配置表初始化角色数据
CloudHuCoding
08-02 993
这一篇讲解如何使用配置表来初始化角色的各项属性数值.
Unity UI逻辑结构
WLDRSWGZMB的博客
07-14 2013
目录1.选择怎么的设计模式去组建你的UI逻辑？本人在选择用什么方式去组建你的UI逻辑这块经常懊恼，不知道其他同学有没有这个经历，也许是我太菜经验不足才会在选择上比较迷茫。网上有很多关于组建游戏UI的资料。比如：MVC，MVP，MVVM等。这些UI逻辑框架他们各有各的好处，但是他们的目的是一样的解耦，让你的代码看起来更整洁些。因为每个人对不同框架的理解有所不同，所以在实现上都会有差异，但是他们的目的还
U3D里UI相关逻辑和文件的组织关系的各种形式的比较
踏入神的领域
06-26 3987
代码和资源的组织关系   我觉得，做UI逻辑的时候， 在IDE里将脚本挂载到对象是个错误的方式。 因为不利于UI制作人员和程序员的工作分离。 不断的import和export package,会让程序员的代码遭遇版本问题 如果程序使用了particle class 特性，也会让UI制作人员那边运行不起来   解决方案： 本质是使用AddComponent，在运行期组织对象和脚本的
数据逻辑与UI的结合
Jane617_min的专栏
03-19 719
应用程序等于用户界面加底层数据，一个有用的软件，它的本质是 数据处理要探讨底层数据与UI的结合，开发一个完整的程序，还得应对很多数据结构，例如jSON对象，数组等，通过一个具体事例，看看在React框架下，数据是如何 与用户界面耦合起来的。var destination = document.querySelector("#container"); var Circle = React.creat...
表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL)
热门推荐
wwy908384699的专栏
03-30 3万+
三层架构(3-tier application) 通常意义上的三层架构就是将整个业务应用划分为：表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）。区分层次的目的即为了“高内聚，低耦合”的思想。 　１、表现层（UI）：通俗讲就是展现给用户的界面，即用户在使用一个系统的时候他的所见所得。 　　２、业务逻辑层（BLL）：针对具体问题的操作，也可以说是对数据层的操作，对数据业务逻辑处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值