アスペクト維持しながらリサイズするときの座標計算

https://scrapbox.io/files/651578286b61f5001c9435cf.mp4

こんな画像サイズ＋位置を配置するUI作ったとき、リサイズに対応するためにレイマーチっぽいアルゴリズム書いてみた

(画像アップロードできなかったので https://drive.google.com/drive/folders/1ewTwyhTVOfsCuo8QpUyTv1j46iHlxWDq から見てください)

利用イメージ:

1つの頂点を移動させてリサイズする

反対側（同じ対角線にある）の頂点が動かない

他の2つの頂点は連動して動く

制約

アスペクト維持

最小・最大サイズがある

入力イベントの座標が対角線になくても動く

座標の計算:

ベクター方程式書いて、制約を満たす最大のtを探す