勇者传说 #3

知识点：

视差背景：越远处的物体相对移动速度越小

举例：手机左右平移录像，前排的小松鼠从屏幕一边移动到另一边，但是后排离我们很远的米妮只移动了很小的距离

场景：

• ParallaxBackground节点：专门用来创建视差滚动背景的节点，是个单纯的管理节点，能够感知到相机在场景的移动，然后按照一定的比例移动它下面的ParallaxLayer节点
• ParallaxLayer节点：实际上按照一定比例移动的图层

1.在World节点下创建ParallaxBackground节点，并在ParallaxBackground节点下创建ParallaxLayer节点，并改名Sky

2.选中Sky节点后，按住ctrl键拖动res://assets/Legacy-Fantasy - High Forest 2.3/Background/Background.png 素材到场景中

a. 放下时按住Ctrl以添加为所选节点的子节点。

b. 放下时按住Shift以添加为所选节点的同级节点。

c. 放下时按住Alt以添加为不同的节点类型。

3.选中Background节点，将检查器中Offset中的Centered属性取消勾选，重置Transform属性中的Position

4.选中Sky节点，调整Motion属性的Scale选项，点击链接按钮(🔗)取消链接状态，将x调整为0.3，y调整为0.1，运行测试可以发现已经产生了视差效果；

5.调整Background节点的高度，一边运行一边手动拖动图片，直到看不到最上方的灰色区域，并且保证下方也有余量看不到灰色区域

a. 单显示器临时调整：项目 ==》 项目设置 ==》常规 ==》 显示 ==》 窗口 ==》 置顶

6.选中Sky节点，调整Motion属性的Mirroring选项，x设置为480，左右两边就不会再看到灰色区域

a. 实际是在480px后又重新绘制原本的内容

b. 不是简单的相机移动多少，就按照比例移动多少

c. 会在0到-480px之间来回移动即可实现无限滚动

d.需要原本的图片至少和屏幕一样宽

7.添加山脉

a. 在ParallaxBackground节点下创建ParallaxLayer节点，改名为Hills

b. 拖动res://assets/Legacy-Fantasy - High Forest 2.3/Trees/Background.png到Hills节点下

c. 选中Hills节点下的Background节点

d. 勾选Region属性的Enabled选项，点击属性下方编辑区域

e. 吸附模式选择栅格吸附，调整上方步长为8*8px

f. 框中最右侧的山脉

g. 关闭Offset属性的Centered选项

h. 调整山脉对齐Y坐标轴

i. 复制4份山脉图片，并依次紧密排列

j. 调整Hills节点的Motion属性的Morroring选项，x为384

k. 调整Hills节点的Motion属性的Scale选项，x为0.5，y为0.2

8.添加树木，方法同添加山脉

9.偶尔出现下面这种线

a. 这是godot自己的bug

b. Sprite2D的纹理区域和Camera2D的Position Smoothing有冲突

c. 解决方法：

i. 项目 ==》 项目设置 ==》 常规 ==》 渲染 ==》 2D ==》 吸附==》 任意启用其中一个吸附选项(缺点是场景所有东西都会对齐到像素，相机慢下来会出现明显的画面抖动)

ii. 将用到的山脉和树木裁剪成为单独的图片，避免使用纹理区域即可，将Texture替换为单独图片后，记得将Region的Enabled选项取消

10.添加草丛

a. 在ParallaxBackground节点下创建ParallaxLayer节点，改名为Bushs

b. 调整Bushs节点的Motion属性的Scale选项：x为0.9，y为0.9

c. 将res://assets/Legacy-Fantasy - High Forest 2.3/Assets/Tree-Assets.png 拖入Bushs节点，勾选Region属性的Ebabled选项，点击编辑区域，吸附模式选择自动裁剪，选中较亮的绿色图块，因为这个图块不需要平铺，所以不用单独裁剪来防止出现上面的竖线问题

d.利用上面复制山和树的方式，多复制出一些草丛，调整到自己想要的位置

11.将ParallaxBackground节点更名为Background

12.创建一个新的ParallaxBackground节点，命名为Foreground

13.修改Foreground节点的Layer属性为正值 1 ，因为普通节点都在第0层

14.在Foreground节点下添加ParallaxLayer节点，命名为Bushs，设置Motion属性，x为1.1，y为1.1

1. 将res://assets/Legacy-Fantasy - High Forest 2.3/Assets/Tree-Assets.png 拖入Bushs节点，勾选Region属性的Ebabled选项，点击编辑区域，吸附模式选择自动裁剪，选中较暗的绿色图块
2. 添加前景草丛方法和上面添加草丛方法相同，按照自己喜欢的位置摆放

15.防止误触调整视差背景

1. 按住shift同时选中Background和Foreground节点
2. 右键选择重设父节点为新节点
3. 将两个节点放置到新的Node2D节点下，重命名为Decorations
4. 将Decorations节点加锁和编组
5. 平时就无法选中视差背景
6. 需要调整视差背景的时候，取消编组即可