AmplifyShader 簡單 UV 縮放串點

Amplify Shader Editor,縮放,這次做簡單的等比例兩軸縮放。


* 首先看一下最終的成像:

對一張圖做兩軸等比例的縮放。

* 分析成像的組成: 

        1. 將圖像做縮放
        2. 將圖像位子做校正

* UV 觀念

        --  對 UV 做加減是移動,就是對貼圖做 Offset
        -- 對 UV 做乘是縮放,就是對貼圖做 Tiling

* ASE UV Scale 串法:

        1. Subtract: 減,用原本的 UV 去減 0.5,讓 UV 從 (0, 0)  (0.5, 0.5)
  2. Multiply: 乘,縮放 UV ,Tiling,貼圖重複與否取決於格式設定是 Repeat or Clamp
        3.Add: 加,1. 減去的 0.5,縮放完後,修正回來

* 我自己以 Photoshop 模擬,感覺像是這樣?

   
                                                                      (1) 原本的 UV                                                                                (2) 對 UV - 0.5

       
(3) 對 UV 做 Scale(這邊舉例*2)                                                     (4) 對 UV + 0.5

所以數學公式導出是
當 UV Scale 1,偏移量 +0
當 UV Scale 2,偏移量 +0.5
當 UV Scale 3,偏移量 +1
當 UV Scale 4,偏移量 +1.5

1 + ( X-1) *0.5 → 1 + (0.5 X-0.5) 0.5 X+0.5

留言

這個網誌中的熱門文章

UE4: Spine2D 導入與基本使用