本章进入商店系统的搭建流程,目标是实现商店的功能

温馨提醒

在开始之前,请确保下载并安装了课程在本节提供的 Lowpoly bakers House 的房屋素材资源,当然也可以自行准备3D的房屋场景素材

开始搭建UI

在引擎的Hierarchy窗口的 Persistent 场景中,找到 UI Manager\Field UI,创建一个 Panel 组件作为子组件,并命名为 ShopAction Panel,如图所示:

创建Panel组件
创建Panel组件
重命名Panel组件
重命名Panel组件

毛玻璃效果的实现

创建完成后,删除这个Panel中Image组件上的 Source Image,并安装毛玻璃插件

HTTPS

(将以上git链接复制并在Unity的Package Manager中,点击左上角 + 号的 Add package from git URL 粘贴并确认即可)

安装毛玻璃插件后,请阅读以下步骤让毛玻璃插件生效

毛玻璃插件使用步骤

开始前,笔者需强调,确保项目为URP项目。

  1. 找到 Project 窗口中的Package文件夹

在毛玻璃背景效果生效后,自行调整毛玻璃效果。

创建 ShopAction Panel