老师:
"注意观察这张图片..."
小明:
"嗯,我看到了,它一脸嫌弃的看着我..."
老师:
"不是让你看这个小精灵,你看到后面的房子没有,只能看到一个房顶,研究一下,看看怎么实现"
小明:
"好的老师,这两个苹果真不错..."
弯曲地表
大家玩动森的时候都发现了,角色移动,地表会有一个弯曲的视差效果,看起来很酷,我们一起来分析一下实现原理。
假设一个人前面有一个平板,他看过去就是我们的正常视角,如果想让它变成曲面,就得把平板做弯曲,如下图所示:
看到平板弯曲的形状,是不是想起了高中学过的一元二次多项式曲线?
当a=-1,b=c=0的时候,就是我们要的曲线了。也可以看做平板弯曲的程度(Y坐标位移值)和距离你操纵的角色(蓝框选中的小人)的距离的平方成正比。
DeltaY = curvature * Distance * Distance, 其中curvature是一个常量。
好了,数学公式有了,下面我们就可以动手改写VertexShader了,首先要动态的把你操纵的角色的世界坐标传给Shader,然后在顶点Shader里面计算当前顶点到角色的距离的平方(因为向量求距离平方更高效,所以不用求出距离来再相乘), 然后乘上常量curvature,这个常量也开放给用户设置,以便控制弯曲的程度。封装一个函数给VertexShader调用:
//实现球面地形添加的代码
#if defined(_SPHERE_TERRAIN_ON)
uniform float _Curvature; //曲率
uniform float3 _AnchorPosWS; //地形的锚点
// 对外接口,得到弯曲后的裁切空间坐标
inline float4 GetFixedClipPos(float4 objVertex)
{
// 《动森》中只考虑z轴距离的弯曲
#ifdef _SPHERE_TERRAIN_ONLY_Z
//顶点由本地坐标转换到世界坐标
float3 worldPos = mul(unity_ObjectToWorld, objVertex);
//摄像机的方向向量
float3 viewDir = GetViewForwardDir();
viewDir.y = 0.0f;
float dist2Player = pow(dot(worldPos - _AnchorPosWS, normalize(viewDir)), 2);
//根据离着玩家的远近,向下弯曲不同的坐标
worldPos.y -= dist2Player * _Curvature;
return mul(UNITY_MATRIX_VP, float4(worldPos, 1));
#else
float3 worldPos = mul(unity_ObjectToWorld, objVertex);
// 没有必要得到精确的距离,因此不计算开方
float2 tempFloat2 = pow(worldPos.xz - _AnchorPosWS.xz, 2);
float dist2Player = tempFloat2.x + tempFloat2.y;
// 根据系数降低顶点"高度",实现视差效果
worldPos.y -= dist2Player * _Curvature;
// 世界空间到剪裁空间
return mul(UNITY_MATRIX_VP, float4(worldPos, 1));
#endif
}
#endif
这里提供了一个可选项 _SPHERE_TERRAIN_ONLY_Z,指明是仅仅弯曲摄像机向前的方向(摄像机空间Z轴方向在世界空间xz平面的投影方向),还是真的弯曲成一个球形。
然后修改VertexShader:
#if defined(_SPHERE_TERRAIN_ON)
output.positionCS = GetFixedClipPos(input.positionOS);
#else
output.positionCS = vertexInput.positionCS;
#endif
用_SPHERE_TERRAIN_ON宏区分开是否受弯曲参数影响。到此,Shader就准备好了,下面就要写脚本动态设置角色的位置到Shader了。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class SphereTerrainSetting : MonoBehaviour
{
public Transform anchor;
public float curvature;
public bool sphereTerrainOnlyZ;
private static int AnchorPosKeyId = Shader.PropertyToID("_AnchorPosWS");
// Update is called once per frame
void Update()
{
if (anchor != null)
{
Shader.SetGlobalVector(AnchorPosKeyId, anchor.position);
}
}
#if UNITY_EDITOR
void OnValidate()
{
if (Application.isPlaying)
{
Shader.SetGlobalFloat("_Curvature", curvature);
if (sphereTerrainOnlyZ)
Shader.EnableKeyword("_SPHERE_TERRAIN_ONLY_Z");
else
Shader.DisableKeyword("_SPHERE_TERRAIN_ONLY_Z");
}
else
{
Shader.SetGlobalFloat("_Curvature", 0.0f);
}
}
#endif
}
其中anchor就是你操纵的角色,curvature是你希望的曲率(弯曲程度),sphereTerrainOnlyZ是球形还是单向弯曲。把脚本挂载到任意GameObject上,勾选材质的选项以便打开_SPHERE_TERRAIN_ON宏。运行看看效果吧:
好了,弯曲地表到这里就基本实现了,实际应用过程中可能要比这个复杂一些,要考虑裁切问题,需要一步步完善,感兴趣的朋友可以试试看。
注
本教程采用了Unity Assets store上的免费资源包,特对作者表示感谢!
【转载请注明出处】