Imgix APIsレンダリング APIワープディスプレイスメントY

ディスプレイスメントY

displace-y

displace-y パラメーターは、displace のマップがピクセルを垂直方向に移動させられる距離を指定します。このパラメーターと displace-x のどちらも指定しない場合、マップは読み込まれますが何も移動しません。

値は出力ピクセル単位で、dpr が乗算され、±999に丸められます。垂直方向の移動はマップの緑チャンネルによって決まり、127 が中立値です。

片方の軸だけを指定することもよくあります。横方向のしわを表すマップでは displace-y だけで十分で、displace-x を指定しないことでデザインが横方向に滲むのを防げます。

displace-y=15 のみを指定した場合
sandbox-demo
両方の軸に40を指定した場合
sandbox-demo

レイヤー形式は mark-displace-y と blend-displace-y です。