【Processing】画像を極座標とイージングを使って変形させる

成果物

www.youtube.com
今回は、顔をゆがませるような円形の変形で極座標の考え方が使えそうだと思ったので、早速やってみました。

仕組み

まず、直交座標を、極座標に変換します。今回は、そのr成分をEaseOutCubic使って加工してみました。ただ、画像を変形させるためには、画面上の位置から逆変換して画像上の位置を求めなければならないので、逆変換の式を求めました。
$\begin{array}{l} EaseOutCubicの式\\ y=1-( 1-x)^{3}\\ 1-y=( 1-x)^{3}\\ 1-x=\sqrt[3]{1-y}\\ x=1-\sqrt[3]{1-y} \end{array}$