如何实现2D视差滚动？

假设我有三层：前景，中间地面和背景。使用这三层创建视差滚动涉及什么？

将每个图层的位置除以您希望其与相机的“距离”。

例如：创建几个变量来表示摄像机的位置，cameraX然后cameraY。将它们设置为与角色的位置相等，可能会在移动方向上增加一些额外的影响。

主层将位于

mainLayer.x = -cameraX;

中间层像

middleLayer.x = -cameraX * 0.5;

和远层在

farLayer.x = -cameraX * 0.2;

根据需要更改常数。

基本上，您希望物体与“相机”越近移动得越快。如何实现取决于您自己。

我为每个图层分配一个深度，然后在滚动场景时，对于每个图层，我将滚动除以图层的深度，以使较远的图层移动得更慢。

“更向后”的图层需要以前景图层速度的一部分滚动。速度的一半意味着距离增加了一倍。其他效果（例如模拟雾的着色等）也可能会增加幻觉。

最好的方法是将精灵简单地渲染为3D中的广告牌四边形。“游戏性”可以全部发生在一个平面上，而背景和前景可以在3d空间中定位得更近或更远。这样，就可以为您处理视差效果，而无需执行任何特殊的编码:-)

通过减去其位置来使底层滚动，按常规绘制中间层，并使顶层以底层除以2的速度滚动。