1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
3<!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" -->
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6<meta http-equiv="Content-Style-Type" content="text/css" />
7<!-- InstanceBeginEditable name="CSS の相対パス指定" -->
8<link href="../../../common/manual.css" rel="stylesheet" type="text/css" />
9<!-- InstanceEndEditable -->
10<!-- InstanceBeginEditable name="ページのタイトル" -->
11<title>テクスチャマッピング</title>
12<!-- InstanceEndEditable -->
13</head>
14<body>
15<div>
16  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
17    <h1>テクスチャマッピング</h1>
18    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
19    <p>ここでは、CreativeStudio で使用できるテクスチャマッピングを説明します。</p>
20    <p>テクスチャマッピングの詳細については、別途用意されている「CTR-グラフィックス入門」を参照してください。</p>
21    <p>CreativeStudio では、以下の 5 種類のマッピングが使用できます。</p>
22    <h2>テクスチャ座標を使用したマッピング</h2>
23    <p>テクスチャ座標を使用した、マッピング方法です。</p>
24    <p>テクスチャは、そのサイズに関係なく、U 方向、 V 方向とも 0.0 ～ 1.0 の範囲に収まるように貼り付けられます。</p>
25    <p>図 1 テクスチャ座標マッピングを使用した例</p>
26    <img class="user_guide_chart" src="assets/texture_mapping_texture_coordinate.png" alt="テクスチャ座標を使用したマッピング"/>
27    <!-- <img class="user_guide_chart" src="assets/uv_coordinate_texture_coordinates.png" alt="テクスチャ座標を使用したマッピング"/> -->
28    <h2>カメラキューブ座標を使用したマッピング</h2>
29    <p><a href="../../../glossary/index.html#cube_camera_coordinate">カメラキューブ座標</a> を使用したマッピング方法は、ポリゴンモデルの周囲 6 方向分の画像情報を持つ「1 枚のテクスチャ画像」を参照することで、視点の位置が変化したときも周囲の風景を映りこませる表現ができます。</p>
30    <!-- カメラキューブ環境マッピング ( uv_coordinate_camera cubical_environment ) -->
31    <p>図 2 カメラキューブ座標を使用したマッピング用のテクスチャ</p>
32    <img class="user_guide_chart" src="assets/texture_mapping_camera_cube_texture.png" alt="カメラキューブ座標のテクスチャ"/>
33    <p>図 2 のテクスチャをカメラキューブ座標を使用して球体にマッピングすると、図 3 のようにマッピングされます。</p>
34    <p>図 3 カメラキューブ座標を使用したマッピング例</p>
35    <img class="user_guide_chart" src="assets/texture_mapping_camera_cub_after.png" alt="カメラキューブ座標での貼られ方"/>
36    <h2>カメラスフィア座標を使用したマッピング</h2>
37    <!-- カメラスフィア環境マッピング ( uv_coordinate_camera spherical_environment ) -->
38    <p>カメラスフィア座標を使用しテクスチャをマッピングすると、ポリゴンモデルの法線とカメラからの視点を元に、テクスチャをマッピングします。</p>
39    <p>カメラからみて、法線が正面を向く場合には、テクスチャの中心をマッピングし、同様に、法線が上を向いていればテクスチャの上部分、法線が下を向いていればテクスチャの下部分にマッピングします。</p>
40    <p>このマッピング方法は、ポリゴンモデルに映る 1 枚の画像を参照して、周囲の風景を映りこませる表現ができます。</p>
41    <p>図 4 カメラスフィア座標を使用したマッピング例</p>
42    <img class="user_guide_chart" src="assets/texture_mapping_sphere_after.png" alt="カメラスフィア座標での貼られ方"/>
43    <h2>投影を使用したマッピング</h2>
44    <!-- 投影マッピング ( uv_coordinate_projection_mapping ) -->
45    <p>投影を使用したマッピングは、適当なカメラからテクスチャを投影するようにマッピングします。投影は物体が落とす影に似ています。</p>
46    <p>投影マッピングを使用すると。スポットライト、プロジェクターのような映像の投影、影などの表現ができます。</p>
47    <p>図 5 投影を使用したマッピング例</p>
48    <img class="user_guide_chart" src="assets/texture_mapping_projection_after.png" alt="カメラ投影座標での貼られ方"/>
49    <h2>バンプマッピング<a name="bump_mapping" id="bump_mapping"></a></h2>
50    <!-- バンプマッピング ( uv_coordinate_bump_mapping ) -->
51    <p>バンプマッピングでは、テクスチャの使用方法を「バンプマップ」または「タンジェントマップ」で選択できます。</p>
52    <h3>バンプマップ</h3>
53    <p>バンプマップは、テクスチャの法線をフラグメント単位でずらすことで、擬似的な凹凸を表現する機能です。<br />
54      テクスチャで擬似的な凹凸を表現するので、「少ないポリゴンで構成されたモデル」を「複雑なモデル」のように描画することができます。</p>
55    <p>図 6 バンプマップを使用したマッピング例</p>
56    <img class="user_guide_chart" src="assets/texture_mapping_bump_after.png" alt="バンプマップ"/>
57    <p class="new_hint">補足：<br />
58      バンプマッピングでは法線ベクトルのXYZ座標に、画像の各テクセルごとのRGB値を対応させます。<br />
59      RGBの各成分は128を中心として、0～127をマイナス、127～255までをプラスとして扱います。</p>
60    <p class="hint_warn">注意：<br />
61      法線マップを利用するには、接線属性を持つモデルデータを用意する必要があります。<br />
62      モデルデータが接線属性を持つかどうかは、DCCツール（ Maya, 3dsMax, Softimage ）からのエクスポート時に決まります。<br />
63      NWCS上で設定を切り替えても変更できません。<br />
64      詳細な条件は「各DCCエクスポータプラグインのマニュアル」を参照してください。</p>
65    <h3>タンジェントマップ</h3>
66    <p>タンジェントマップは、テクスチャの接線をフラグメント単位でずらすことで、擬似的な反射を表現する機能です。</p>
67    <p>タンジェントマップは主に異方性反射で必要となります。異方性反射とは一般的にCDやヘアライン処理された金属のような表現に現れる、方向性をもった反射のことです。</p>
68    <p>この反射の方向性は接線方向に依存しており、タンジェントマップではこの接線の方向をずらすことができます。</p>
69    <p>図 7 タンジェントマップを使用したマッピング例</p>
70    <img class="user_guide_chart" src="assets/texture_mapping_tangent_after.png" alt="タンジェントマップ"/>
71    <p class="new_hint">補足：<br />
72      タンジェントマップでは接線ベクトルのXY座標に、画像の各テクセルごとのRG値を対応させますが、Z成分の存在しない接線の入力を想定しているため、B成分の入力値は使用されません。<br />
73      RGの各成分は128を中心として、0～127をマイナス、127～255までをプラスとして扱います。</p>
74    <h5>Z成分の再計算</h5>
75    <p>法線の再計算機能を使用すると、テクスチャの B 成分をベクトルのZ成分として使用せずに、Z成分が、ｘ、ｙ成分から再計算されます。<br />
76      多くの場合において、テクスチャの B 成分を使用するよりも再計算を行う方が良好な結果となります。<br />
77      また、R と G 成分のみのフォーマット（HILO）のテクスチャを使用して法線のバンプマッピングを行う場合は、再計算機能を有効にしなければなりません。<br />
78      ただし、異方性反射等でタンジェントマッピングを選択している場合はこの機能を使用しないことを推奨しています。<br />
79      これはフラグメントライティングのタンジェントマッピングが z 成分の存在しない接線の入力を想定しているためです。</p>
80    <!-- InstanceEndEditable --> </div>
81  <div class="footer" />
82</div>
83</body>
84<!-- InstanceEnd -->
85</html>
86