勇者傳說 #3

知識點(diǎn)：

視差背景：越遠(yuǎn)處的物體相對移動速度越小

舉例：手機(jī)左右平移錄像，前排的小松鼠從屏幕一邊移動到另一邊，但是后排離我們很遠(yuǎn)的米妮只移動了很小的距離

場景：

• ParallaxBackground節(jié)點(diǎn)：專門用來創(chuàng)建視差滾動背景的節(jié)點(diǎn)，是個單純的管理節(jié)點(diǎn)，能夠感知到相機(jī)在場景的移動，然后按照一定的比例移動它下面的ParallaxLayer節(jié)點(diǎn)
• ParallaxLayer節(jié)點(diǎn)：實(shí)際上按照一定比例移動的圖層

1.在World節(jié)點(diǎn)下創(chuàng)建ParallaxBackground節(jié)點(diǎn)，并在ParallaxBackground節(jié)點(diǎn)下創(chuàng)建ParallaxLayer節(jié)點(diǎn)，并改名Sky

2.選中Sky節(jié)點(diǎn)后，按住ctrl鍵拖動res://assets/Legacy-Fantasy - High Forest 2.3/Background/Background.png 素材到場景中

a. 放下時按住Ctrl以添加為所選節(jié)點(diǎn)的子節(jié)點(diǎn)。

b. 放下時按住Shift以添加為所選節(jié)點(diǎn)的同級節(jié)點(diǎn)。

c. 放下時按住Alt以添加為不同的節(jié)點(diǎn)類型。

3.選中Background節(jié)點(diǎn)，將檢查器中Offset中的Centered屬性取消勾選，重置Transform屬性中的Position

4.選中Sky節(jié)點(diǎn)，調(diào)整Motion屬性的Scale選項(xiàng)，點(diǎn)擊鏈接按鈕(??)取消鏈接狀態(tài)，將x調(diào)整為0.3，y調(diào)整為0.1，運(yùn)行測試可以發(fā)現(xiàn)已經(jīng)產(chǎn)生了視差效果；

5.調(diào)整Background節(jié)點(diǎn)的高度，一邊運(yùn)行一邊手動拖動圖片，直到看不到最上方的灰色區(qū)域，并且保證下方也有余量看不到灰色區(qū)域

a. 單顯示器臨時調(diào)整：項(xiàng)目 ==》 項(xiàng)目設(shè)置 ==》常規(guī) ==》 顯示 ==》 窗口 ==》 置頂

6.選中Sky節(jié)點(diǎn)，調(diào)整Motion屬性的Mirroring選項(xiàng)，x設(shè)置為480，左右兩邊就不會再看到灰色區(qū)域

a. 實(shí)際是在480px后又重新繪制原本的內(nèi)容

b. 不是簡單的相機(jī)移動多少，就按照比例移動多少

c. 會在0到-480px之間來回移動即可實(shí)現(xiàn)無限滾動

d.需要原本的圖片至少和屏幕一樣寬

7.添加山脈

a. 在ParallaxBackground節(jié)點(diǎn)下創(chuàng)建ParallaxLayer節(jié)點(diǎn)，改名為Hills

b. 拖動res://assets/Legacy-Fantasy - High Forest 2.3/Trees/Background.png到Hills節(jié)點(diǎn)下

c. 選中Hills節(jié)點(diǎn)下的Background節(jié)點(diǎn)

d. 勾選Region屬性的Enabled選項(xiàng)，點(diǎn)擊屬性下方編輯區(qū)域

e. 吸附模式選擇柵格吸附，調(diào)整上方步長為8*8px

f. 框中最右側(cè)的山脈

g. 關(guān)閉Offset屬性的Centered選項(xiàng)

h. 調(diào)整山脈對齊Y坐標(biāo)軸

i. 復(fù)制4份山脈圖片，并依次緊密排列

j. 調(diào)整Hills節(jié)點(diǎn)的Motion屬性的Morroring選項(xiàng)，x為384

k. 調(diào)整Hills節(jié)點(diǎn)的Motion屬性的Scale選項(xiàng)，x為0.5，y為0.2

8.添加樹木，方法同添加山脈

9.偶爾出現(xiàn)下面這種線

a. 這是godot自己的bug

b. Sprite2D的紋理區(qū)域和Camera2D的Position Smoothing有沖突

c. 解決方法：

i. 項(xiàng)目 ==》 項(xiàng)目設(shè)置 ==》 常規(guī) ==》 渲染 ==》 2D ==》 吸附==》 任意啟用其中一個吸附選項(xiàng)(缺點(diǎn)是場景所有東西都會對齊到像素，相機(jī)慢下來會出現(xiàn)明顯的畫面抖動)

ii. 將用到的山脈和樹木裁剪成為單獨(dú)的圖片，避免使用紋理區(qū)域即可，將Texture替換為單獨(dú)圖片后，記得將Region的Enabled選項(xiàng)取消

10.添加草叢

a. 在ParallaxBackground節(jié)點(diǎn)下創(chuàng)建ParallaxLayer節(jié)點(diǎn)，改名為Bushs

b. 調(diào)整Bushs節(jié)點(diǎn)的Motion屬性的Scale選項(xiàng)：x為0.9，y為0.9

c. 將res://assets/Legacy-Fantasy - High Forest 2.3/Assets/Tree-Assets.png 拖入Bushs節(jié)點(diǎn)，勾選Region屬性的Ebabled選項(xiàng)，點(diǎn)擊編輯區(qū)域，吸附模式選擇自動裁剪，選中較亮的綠色圖塊，因?yàn)檫@個圖塊不需要平鋪，所以不用單獨(dú)裁剪來防止出現(xiàn)上面的豎線問題

d.利用上面復(fù)制山和樹的方式，多復(fù)制出一些草叢，調(diào)整到自己想要的位置

11.將ParallaxBackground節(jié)點(diǎn)更名為Background

12.創(chuàng)建一個新的ParallaxBackground節(jié)點(diǎn)，命名為Foreground

13.修改Foreground節(jié)點(diǎn)的Layer屬性為正值 1 ，因?yàn)槠胀ü?jié)點(diǎn)都在第0層

14.在Foreground節(jié)點(diǎn)下添加ParallaxLayer節(jié)點(diǎn)，命名為Bushs，設(shè)置Motion屬性，x為1.1，y為1.1

1. 將res://assets/Legacy-Fantasy - High Forest 2.3/Assets/Tree-Assets.png 拖入Bushs節(jié)點(diǎn)，勾選Region屬性的Ebabled選項(xiàng)，點(diǎn)擊編輯區(qū)域，吸附模式選擇自動裁剪，選中較暗的綠色圖塊
2. 添加前景草叢方法和上面添加草叢方法相同，按照自己喜歡的位置擺放

15.防止誤觸調(diào)整視差背景

1. 按住shift同時選中Background和Foreground節(jié)點(diǎn)
2. 右鍵選擇重設(shè)父節(jié)點(diǎn)為新節(jié)點(diǎn)
3. 將兩個節(jié)點(diǎn)放置到新的Node2D節(jié)點(diǎn)下，重命名為Decorations
4. 將Decorations節(jié)點(diǎn)加鎖和編組
5. 平時就無法選中視差背景
6. 需要調(diào)整視差背景的時候，取消編組即可