[[cg:start|CG用語集トップ]] > [[cg:fundamentals:start|第1章 基礎・座標・色・ディジタル画像]]

====== スキュー ======

===== 概要 =====

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

{{:cg:figures:chapter01:fig_1_17_skew_rubber_membrane_principle.png?600|ゴム膜でのスキューの原理}}

===== 詳しい説明 =====

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

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

{{:cg:figures:chapter01:fig_1_18_skew_examples.png?600|スキューの例}}

{{:cg:figures:chapter01:table_1_2_skew_coordinate_relations.png?600|スキューにおける変換前後の座標値間の関係}}

===== CG制作との関係 =====

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

===== ゲーム開発との関係 =====

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

===== 制作・実装での例 =====

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

===== 検定対策ポイント =====

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

===== 関連用語 =====

  * [[cg:fundamentals:shearing|せん断]]
  * [[cg:fundamentals:geometric_transformation|幾何学的変換]]
  * [[cg:fundamentals:scaling|拡大・縮小]]
  * [[cg:fundamentals:rotation|回転]]
  * [[cg:fundamentals:two_dimensional_affine_transformation|2次元アフィン変換]]

===== タグ =====

  * CGエンジニア検定
  * 第1章
----
[[cg:fundamentals:start|← 第1章 基礎・座標・色・ディジタル画像 の目次に戻る]]
[[cg:start|← CG用語集トップに戻る]]