スキュー

スキューは、図形を一方向に傾けるように歪ませる幾何学的変換である。長方形が平行四辺形のように変形する例で理解しやすい。せん断とも呼ばれ、x軸方向にずらす場合とy軸方向にずらす場合がある。大きさを単純に変える拡大・縮小や、中心のまわりに回す回転とは異なる。

スキューでは、図形の一部が別の位置にずれることで、全体が斜めに傾いたように見える。ゴム膜に描いた長方形を、上下で反対方向にずらすと、長方形が平行四辺形のようになる。この直感的な説明がスキューの理解に役立つ。

座標の考え方では、ある方向の座標を、もう一方の座標値に応じてずらす。x軸方向のスキューでは、yの値に応じてx方向の位置がずれる。y軸方向のスキューでは、xの値に応じてy方向の位置がずれる。スキューはアフィン変換に含まれ、直線は直線のまま保たれるが、角度や形の見え方は変化する。

CG制作では、文字やパネルを斜めに傾けた表現、奥行きやスピード感を出すための歪み表現などにスキューの考え方が関係する。単に回転しただけではなく、形そのものが斜めに変形する点が特徴である。平面図形のデザインや2D素材の変形で理解しやすい。

ゲーム開発では、UIパネルやロゴを斜めに見せる、2Dスプライトを傾いた板のように見せる、といった表現に関係する。座標変換として扱う場合は、矩形の各頂点を一定の規則でずらして、平行四辺形状に変形する処理として考えられる。

タイトルロゴを斜体のように傾けたり、長方形のゲージを斜めに歪ませたりする表現は、スキューの考え方で説明できる。回転では図形全体の向きが変わるだけだが、スキューでは図形の角度関係が変わり、長方形が平行四辺形のようになる。

スキューは、図形を斜めに歪ませる変換である。せん断と同じ操作を指すが、このページでは見た目の歪みとして理解する。拡大・縮小は倍率で大きさを変える変換、回転は中心のまわりに向きを変える変換であり、スキューとは区別する。

概要