【从安装到打包】基于Unity2018实现的全景交互方案全流程(5)

这篇博客介绍了如何使用Photoshop创建UI缩略图,包括设置画布大小、导入照片、添加边框效果,并保存为图片。接着在Unity中,将制作好的UI图片导入到新创建的UI文件夹中,调整图片类型为Sprite(2DAndUI)。然后通过创建Canvas并设置CanvasScaler,实现UI居中显示。最后,博主展示了如何在Unity中使用UI进行场景切换,调整Game视图比例,并创建UI画布,设置CanvasScaler的UIScaleMode为ScaleWithScreenSize,为场景切换做好准备。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面我要制作一些场景的缩略UI图,我是用PS创建了长宽为300*200像素的画布大小

我导入了一张照片,调整了一下大小和位置

我在上面添加了一层边框的效果,然后就可以保存为图片了,并制作所有的照片的缩略图

打开Unity,在Assets文件夹里Create一个Folder,取名为UI,将刚才制作好的UI蹄片导入到里面

全选所有素材,将右侧第一栏改为Sprite(2D And UI),点击下方的Apply

我们首先进行制作使用UI进行切换场景的方式。   打开第一个场景 Scene1

为了方便制作,首先我们点击打开Game视图,将比例改为19:9

返回到Scene视图里,在左侧窗口里右键 UI-Canvas创建一个UI画布,点击第二个箭头指的2D按钮,然后按住Alt的同时左键点一下Scene窗口里的区域,然后按一下F键,使Canvas居中显示。,然后在右侧的属性栏里,找到CanvasScaler组件,将里面第一个UI Scale mode 改成第二个选项Scale With Screen Size

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值