效果
直接上效果,如下动图:
实现
这个功能的操作是在用户选中英雄头像后,将头像灰化,即将UI的图片进行黑白化,这里主要通过着色器来实现,因为个人着色器操作不是很多,都是借鉴网上的代码实现。
着色器
灰化的着色器,是面片处理时将颜色进行灰化操作:
fixed4 frag(v2f i) :SV_TARGET{
fixed4 c = i.color;
if (_isGray) {
c.rgb = dot(c.rgb, fixed3(0.22, 0.707, 0.071));
}
return c;
}
UI搭建
UI如上图,主要有三个可选择的头像,有两个禁用和启用的按钮。
逻辑代码
主要的功能:
点击头像有选中效果;
点击按钮后赋值/取消材质球。
using UnityEngine;
using UnityEngine.UI;
public class BanHeroCtrl : MonoBehavIoUr
{
Image NowSelImg; //选中的头像
public Material BanMat; //禁用材质
//选择变化
public void OnSelChange(GameObject go) {
Toggle tog = go.GetComponent<Toggle>();
GameObject Cover = go.transform.Find("Cover").gameObject;
if (tog.isOn)
{
NowSelImg = go.GetComponent<Image>();
Cover.SetActive(false);
}
else
Cover.SetActive(true);
}
//点击禁用
public void ClickBan() {
if (NowSelImg != null)
NowSelImg.material = BanMat;
}
//点击启用
public void ClickUse() {
if (NowSelImg != null)
NowSelImg.material = null;
}
}
项目源码
https://download.csdn.net/download/qq_33789001/19712212
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。