SRPG游戏开发（十一）第五章 颜色映射与职业动画 - 三 颜色转换器(Color Swapper)

返回目录

第五章 颜色映射与职业动画

三       颜色转换器(Color
Swapper)

根据流程，我们需要提供一个Texture2D，一个源颜色组和多个映射颜色组。

1        创建ColorSwapper.cs

Texture2D是我们当前的主贴图(main texture)，渲染2D的Sprite，使用SpriteRenderer组件中，所以获取贴图也是在SpriteRenderer组件中。

using System.Collections.Generic;
using UnityEngine;

namespace DR.Book.SRPG_Dev.ColorPalette
{
/// <summary>
/// 颜色转换器
/// </summary>
public class ColorSwapper : MonoBehaviour
{
[SerializeField]
private SpriteRenderer m_Renderer;
[SerializeField]
private ColorChart m_SrcChart;
[SerializeField]
private List<ColorChart> m_SwapCharts = new List<ColorChart>();

private Texture2D m_MainTexture;
}
}

添加我们需要的属性。需要转换的Sprite所在贴图是在SpriteRenderer中获取，SpriteRenderer.sprite.texture就是我们要的。

如果贴图被打包进了图集，那么SpriteRenderer.sprite.texture指的是图集贴图，并不是原本的贴图。

public new SpriteRenderer renderer
{
get { return m_Renderer; }
set { m_Renderer = value; }
}

private Texture2D mainTexture
{
get
{
if (m_MainTexture == null)
{
if (m_Renderer == null || m_Renderer.sprite == null)
{
return null;
}
m_MainTexture = m_Renderer.sprite.texture;
}
return m_MainTexture;
}
}

public ColorChart srcChart
{
get { return m_SrcChart; }
set { m_SrcChart = value; }
}

public List<ColorChart> swapCharts
{
get { return m_SwapCharts; }
}

2        添加所需的方法

流程中，我们只有使用转换颜色的方法，当然的，我们还应该添加不使用颜色映射的方法。其中，应用转换方法的是由Unity提供的Renderer.SetPropertyBlock(MaterialPropertyBlock
block)方法。如果你在做3D游戏，那么对这个方法应该非常的熟悉，转换贴图时也常用它，2D游戏同样使用它。

private MaterialPropertyBlock m_SwapMaterialBlock;

2.1      转换颜色(Swap
Colors)

转换颜色时，需要我们的source texture不能为null，source
color chart不能为null，swap color charts不能为null。

/// <summary>
/// 通过name转换颜色
/// </summary>
/// <param name="chartName"></param>
public void SwapColors(string chartName)
{
if (string.IsNullOrEmpty(chartName) || mainTexture == null || srcChart == null || swapCharts == null)
{
return;
}

ColorChart chart = swapCharts.Find(c => c.name == chartName);
if (chart != null)
{
Texture2D swapTexture;
if (chart.TryGetSwapTexture(mainTexture, srcChart, out swapTexture))
{
SetMaterialPropertyBlockTexture(swapTexture);
}
}
}

其中，你可以看到获取了转换后的Texture2D，然后进行设置进MaterialPropertyBlock中，进行转换。我们来完成SetMaterialPropertyBlockTexture(Texture2Dtexture)方法。

/// <summary>
/// 创建转换颜色的 MaterialPropertyBlock
/// </summary>
/// <param name="swapTexture"></param>
private void SetMaterialPropertyBlockTexture(Texture2D swapTexture)
{
if (swapTexture == null)
{
return;
}

if (m_SwapMaterialBlock == null)
{
m_SwapMaterialBlock = new MaterialPropertyBlock();
renderer.GetPropertyBlock(m_SwapMaterialBlock);
}
m_SwapMaterialBlock.SetTexture("_MainTex", swapTexture);
}

这样就设置好了MaterialPropertyBlock了。要应用颜色映射，只需将它交给SpriteRenderer就好了，添加此方法。

renderer.SetPropertyBlock(m_SwapMaterialBlock);

2.2      回到源颜色

要回到源颜色，只需要重新使用我们的贴图就可以了，而在之前我们已经把源贴图保存进了m_MainTexture，重新使用MaterialPropertyBlock进行设置SpriteRenderer。

/// <summary>
/// 清除Swap颜色
/// </summary>
public void ClearSwapColors()
{
if (m_SwapMaterialBlock != null)
{
m_SwapMaterialBlock.SetTexture("_MainTex", mainTexture);
renderer.SetPropertyBlock(m_SwapMaterialBlock);
m_SwapMaterialBlock = null;
m_MainTexture = null;
}
}

再来修改SwapColors方法。

public void SwapColors(string chartName)
{
if (string.IsNullOrEmpty(chartName) || mainTexture == null || srcChart == null || swapCharts == null)
{
return;
}

// 如果是源颜色组的name，清除颜色，否则转换
if (chartName == srcChart.name)
{
ClearSwapColors();
}
else
{
ColorChart chart = swapCharts.Find(c => c.name == chartName);
if (chart != null)
{
Texture2D swapTexture;
if (chart.TryGetSwapTexture(mainTexture, srcChart, out swapTexture))
{
SetMaterialPropertyBlockTexture(swapTexture);
}
}
}
}

这样，颜色映射就创建好了。下一节内容，我们来测试颜色映射。