找回密码
 立即注册
查看: 1407|回复: 5

[简易教程] Unity球形插值Slerp解析

[复制链接]
发表于 2018-9-5 17:03 | 显示全部楼层 |阅读模式
Unity球形插值,官方有个太阳升降的例子:
http://docs.unity3d.com/ScriptReference/Vector3.Slerp.html
一开始主观认为这个球形插值Slerp应该本来就是两点之间画弧线,貌似很简单,但该官方例子实现太阳升降却写得很复杂,虽没几行代码却不明白做了些什么事- -
向量即既有长度同时有方向,看介绍可以知道,相比线性插值Lerp将Vector3当作空间的点,球形插值Slerp则是将Vector3当作方向,返回的Vector3的长度是两点之前的距离插值,方向是两个向量之间的夹角度数的插值。
注意这里的“夹角度数”,我觉得理解这个夹角度数比较重要,不然仅仅靠Slerp是在两向量之间做距离插值的同时也对方向做插值还是不太好理解Slerp的最终效果会是个什么样的弧线。
为了能形象的理解Slerp是怎样在做“插值”,我将每一帧的状态都以图形的方式画在了场景中,代码如下,仅仅在官方代码基础上增加了画图功能:
  1. void Start ()
  2. {
  3.     startTime = Time.time;
  4.     DrawLine (sunrise.position, Color.red);
  5.     DrawLine (sunset.position, Color.cyan);
  6.     StartCoroutine (UpdateLine ());
  7. }

  8. IEnumerator ShowSlerp ()
  9. {
  10.     while (Vector3.Distance (transform.position, sunset.position) > 0.05f)
  11.     {
  12.         Vector3 center = (sunrise.position + sunset.position) * 0.5F;
  13.         DrawLine (center, Color.yellow);
  14.         yield return null;
  15.         center -= new Vector3 (0, 1, 0);
  16.         DrawLine (center, Color.gray);
  17.         yield return null;

  18.         Vector3 riseRelCenter = sunrise.position - center;
  19.         DrawLine (riseRelCenter, Color.green);
  20.         yield return null;
  21.         Vector3 setRelCenter = sunset.position - center;
  22.         DrawLine (setRelCenter, Color.blue);
  23.         yield return null;

  24.         float fracComplete = (Time.time - startTime) / journeyTime;
  25.         transform.position = Vector3.Slerp (riseRelCenter, setRelCenter, fracComplete);
  26.         DrawLine (transform.position, Color.magenta);
  27.         yield return null;
  28.         transform.position += center;
  29.         DrawLine (transform.position, Color.white);
  30.         yield return null;
  31.     }
  32. }
复制代码
暂停然后一帧一帧运行即可看到效果,如下图,请将线条颜色对应代码行查看(其中曲线运动轨迹不是官方代码,未帖进上面代码中):
这样代码逻辑就显而意见了:原本是在红向量与浅蓝(蓝绿)向量间做Slerp,转变为绿向量与蓝向量间做Slerp,从而产生紫(品红)向量尾部相连的运动轨迹,最终再形成类似太阳升降的白向量尾部相连的曲线运动轨迹。
至此基本明白Slerp代码之外的其他代码的作用了:sunrise与sunset两向量如果共线则直接做Slerp运动是水平方向的曲线!由于这两个点并未指定初始值而是用户可以任调整的值,所以说做这些多就只是为了将任意值的起点与终点作偏移使得运动轨迹初终能更符合太阳升降的曲线。
当看到绿蓝向量间做Slerp运动可以形成紫向量那样的运动轨迹时,可能有的童鞋也可以猜到了,只要两条向量间的夹角不是180度,Slerp的结果就不会是水平方向的弧线。看下图:
上面那条曲线即是将起点和终点向量稍微上移之后直接进行Slerp运动时的轨迹。可见相比直接Slerp,转换过后的曲线弯曲程度也得到了调节更符合太阳升起降落的轨迹。
由此知道两向量直接进行Slerp球形插值时是能直接产生一个曲线弧形的轨迹,不同位置的向量可以产生不同面上的弧形,在两向量位置固定不可变时可以像官方例子这样调整两向量获得中间向量再Slerp。
官方代码说明到此结束,至此Slerp为什么被称作球形插值也就明白了,看下图:
当两向量长度相同时,Slerp的结果即是两向量所在球形表面两点之间的弧线!
如此,当两向量为180度水平共线时为什么会形成水平方向的弧形了也就很显然了,因为两点所在球面上的弧线本来就是这样一条弧线。

发表于 2018-9-17 08:43 | 显示全部楼层
很不错
发表于 2018-9-17 09:33 | 显示全部楼层
顶顶多好
发表于 2018-9-17 09:10 | 显示全部楼层
真心顶
发表于 2018-9-17 08:45 | 显示全部楼层
难得一见的好帖
发表于 2018-9-17 09:09 | 显示全部楼层
不错不错
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Unity开发者联盟 ( 粤ICP备20003399号 )

GMT+8, 2024-3-29 21:51 , Processed in 0.095449 second(s), 26 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表