Unity3d游戏开发之主场景视差效果开发心得

分析

什么是视差滚动？度娘的解释：让多层背景以不同的速度移动，形成立体的运动效果。从效果图可以看出，主场景背景大致分为3层，草地、山河还有云彩，每一层的速度都不一样。接着分析，虽然度娘的解释是以速度来阐述，但用速度来计算并不合适，因为主层（即草地层）的滚动是跟随我们手指的移动，所以应该把速度转换为位移来计算。既然用位移来计算，每一层的位移不同，怎么样才能把多个层同步起来，我使用了归一化方法，把整个场景的滚动看作是0~1之间的归一化位移，每个层的滚动只需乘以各自层的最大位移。有了归一化位移来实现视差滚动，接下来就是让场景的滚动跟随手指移动，现在其实很好实现，只需要根据手指移动的距离（X方向）和主层的最大位移计算。最后要分析的就是惯性，在手指离开屏幕后场景仍将滚动一段时间，其实就是一个减速运动。（终于分析完了，人家不会分析，憋到现在已经内伤了

 ）

实现

第一步，实现SetPosition()方法，通过这个方法设置归一化位置，然后将所有层移动到正确位置。

1. public Transform[] Layers;//每个层的Transform。
2. public float[] Offsets;//对应每个层的最大位移。
3. int count;
4. float location;//定义归一化位置。
5. void Start ()
6. {
7. count = Layers.Length;
8. }
9. public void SetPosition(float position)
10. {
11. location = Mathf.Clamp01(position);
12. for (int i = 0; i < count; i++)
13. {
14. Layers[i].localPosition = new Vector3(Offsets[i] * location ,0, 0);
15. }
16. }

复制代码

当location为0时显示各个层最左边的内容，为1时显示各个层最右边的内容。将各个层的根节点赋给Layers属性。如下图所示：

整体效果如下：

然后将层往左边移动直到显示最右边的内容，这个时候根节点的X坐标就是我们要的最大位移，将这个值赋给对应的Offsets（这个值为负数）。

第二步，实现手指跟随的滚动。

1. bool dragged;
2. float lastTouch;
3. float dragOffset;
4. float touchToPos;
5. void Start ()
6. {
7. count = Layers.Length;
8. dragged = false;
9. touchToPos = 1f / Screen.width * camera.orthographicSize * 2f * camera.aspect / Mathf.Abs(Offsets[0]);
10. }
11. void Update ()
12. {
13. if (Input.GetMouseButtonDown(0))
14. {
15. dragged = true;
16. lastTouch = Input.mousePosition.x;
17. }
18. if (Input.GetMouseButtonUp(0))
19. {
20. dragged = false;
21. }
22. if (dragged)
23. {
24. float currTouch = Input.mousePosition.x;
25. dragOffset = lastTouch - currTouch;
26. lastTouch = currTouch;
27. dragOffset *= touchToPos;
28. location += dragOffset;
29. SetPosition(location);
30. }
31. }

复制代码