unity项目《样板间展示》开发:火焰和UI设计

2024-01-23 10:52

本文主要是介绍unity项目《样板间展示》开发:火焰和UI设计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

第二章:火焰和UI设计

  • 前言
  • 一、火焰模型管理
    • 灶台火焰
    • 壁炉火焰
  • 二、电视机播放
  • 三、UI设计
  • 结语

前言

这次带大家从0到1做一个unity项目:《样板间展示》
顾名思义,项目内容是展示样板间,即玩家可以与房间中的物体、家具进行交互。
至于项目的用途:可以用于租房或者买房时用来在线上看样板间,也可以用于RPG游戏中主角的房屋漫游。

请添加图片描述

一、火焰模型管理

房屋中的灶台和壁炉都是需要火焰效果的,但是房屋模型自带的效果中没有火焰的效果,所以我们需要自己自行导入设计制作效果,关键是做法也不难,一起来试试吧。

灶台火焰

我们根据图中的资源路径找到对应的火焰素材,然后将其拖入到场景中对应的位置,就是灶台上的四个火口的位置,别忘了调整下大小,使其看起来更加的自然。
在这里插入图片描述

完成之后,创建一个空物体,统一管理这四个火焰。
在这里插入图片描述

壁炉火焰

同样的模型,给壁炉也拖一个,也要调整到合适的位置大小。
在这里插入图片描述

壁炉这里就一个火焰,所以不需要额外的创建空物体去统一管理。
(为了便于管理区分,这里建议修改一下命名)
在这里插入图片描述

二、电视机播放

在这里插入图片描述
电视机的模型有了,剩下的视频播放效果,请移步下面的文章。这篇文章中我有详细的讲解说明。这里就不再重复阐述了,感谢理解。

👉🏻 Unity3D中视频播放效果制作


学会制作视频播放效果之后,要注意一下这里,因为我们后续要控制播放,所以要注意Quad物体不要随便放置。
在这里插入图片描述

三、UI设计

除了前面的那些,其次就是UI的设计,这里的制作相对来说比较简单,没有什么技术含量,所以这里只介绍一部分,剩下的就自行操作。

在Hierarchy窗口的空白处,点击右键,选择UI,会出现很多UI组件。其中Legacy中的组件是旧版的Unity中遗留的组件,有些时候还是需要用到旧的组件。
在这里插入图片描述
选择你想要创建的组件,这里我用的是Legacy中的组件,因为Text的组件不需要额外的操作就可以显示中文,新版的组件Text-TextMeshPro的中文会显示方框。

随便创建一个UI组件,创建完成之后,以Text组件为例,可以看到Inspector窗口有许多属性。这些属性比较简单,即使没有基础也是可以轻松看懂的。
在这里插入图片描述

这里我们着重的讲一下下面这个类似九宫格的东西:这是组件对于父级的定位,设置为左上角后,组件对父级的左上角进行定位。例如组件的父级的左上角移动了,组件会跟着一起移动,但是相对位置是不会变的;如果父级的右上角或者右下角其他位置移动了,是不会影响到组件的,组件不会跟着一起移动。
在这里插入图片描述

由于我们的UI组件是在左上角的部分,所以父级要定位左上角。这里由于组件较多,所以需要创建空物体进行统一管理。
在这里插入图片描述

剩下的就是时间问题了,自己动手制作吧。效果图:
在这里插入图片描述


还有一个UI系统需要制作:准星、小地图、按键提示
在这里插入图片描述

这里由于上面已经有了一个UI的画布Canvas,所以需要新建一个Canvas,然后再在Canvas的基础上创建这个UI系统的组件。就是选中之后再点击右键,创建的组件会成为它的子级。
在这里插入图片描述

右上角小地图的制作可以参考我的这篇文章,里面有详细的讲解。
👉🏻 游戏中小地图的制作__unity基础开发教程

这个项目里我是没有用到上述文章中说到的Icon标识,这里大家根据自己的需求进行自定义,可用可不用。

结语

这篇文章的内容就说到这里,下一期就是代码脚本的编辑。另外如果文章中有没讲解清楚看不懂的地方,可以评论区也可以私信告诉我,我将进行更新讲解,感谢支持,下期见,拜拜

请添加图片描述

这篇关于unity项目《样板间展示》开发:火焰和UI设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/636173

相关文章

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

基于Python开发Windows屏幕控制工具

《基于Python开发Windows屏幕控制工具》在数字化办公时代,屏幕管理已成为提升工作效率和保护眼睛健康的重要环节,本文将分享一个基于Python和PySide6开发的Windows屏幕控制工具,... 目录概述功能亮点界面展示实现步骤详解1. 环境准备2. 亮度控制模块3. 息屏功能实现4. 息屏时间

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关

使用Python开发一个现代化屏幕取色器

《使用Python开发一个现代化屏幕取色器》在UI设计、网页开发等场景中,颜色拾取是高频需求,:本文主要介绍如何使用Python开发一个现代化屏幕取色器,有需要的小伙伴可以参考一下... 目录一、项目概述二、核心功能解析2.1 实时颜色追踪2.2 智能颜色显示三、效果展示四、实现步骤详解4.1 环境配置4.

Python使用smtplib库开发一个邮件自动发送工具

《Python使用smtplib库开发一个邮件自动发送工具》在现代软件开发中,自动化邮件发送是一个非常实用的功能,无论是系统通知、营销邮件、还是日常工作报告,Python的smtplib库都能帮助我们... 目录代码实现与知识点解析1. 导入必要的库2. 配置邮件服务器参数3. 创建邮件发送类4. 实现邮件

MySQL版本问题导致项目无法启动问题的解决方案

《MySQL版本问题导致项目无法启动问题的解决方案》本文记录了一次因MySQL版本不一致导致项目启动失败的经历,详细解析了连接错误的原因,并提供了两种解决方案:调整连接字符串禁用SSL或统一MySQL... 目录本地项目启动报错报错原因:解决方案第一个:第二种:容器启动mysql的坑两种修改时区的方法:本地

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI