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 <h2>テクスチャ座標とは</h2> 22 <!--<p>テクスチャは、そのサイズに関係なく、U 方向、 V 方向とも 0.0 ～ 1.0 の範囲に収まるように貼り付けられます。</p>--> 23 <p>テクスチャ座標は、基本的にテクスチャ画像の左下を原点としたとき、右方向が U 座標の正方向、上方向が V 座標の正方向となります。 </p> 24 <p>図 1 テクスチャ UV 画像</p> 25 <img class="user_guide_chart" src="assets/uv_coordinate_coordinate.png" alt="UV座標系"/> 26 <h2>テクスチャ座標系の選択</h2> 27 <p>CreativeStudioは、 「Maya」「Softimage」「3ds Max」の各 3D グラフィックスツールに合わせてテクスチャの座標計算を置き換えることができます。</p> 28 <p>CreativeStudio でテクスチャ座標の編集を行うさいは、 扱いやすい座標系を選択してください。</p> 29 <!-- 30 <p>説明に使用するモデルは、以下になります。( 単純な矩形ポリゴン )</p> 31 <img class="user_guide_chart" src="assets/uv_coordinate_default.png" alt="デフォルトテクスチャ"/> 32 <ul> 33 <li>スケール U,V = 1.0,1.0 ( 倍 )</li> 34 <li>回転 = 0.0 ( 度 )</li> 35 <li>移動 U,V = 0.0,0.0</li> 36 </ul> 37 <p> 3D グラフィックスツールで、テクスチャの U と V を以下の値に変更します。</p> 38 <ul> 39 <li>スケール U,V = 1.5,1.5 ( 倍 )</li> 40 <li>回転 = 30.0 ( 度 )</li> 41 <li>移動 U,V = 0.2,0.0</li> 42 </ul> 43--> 44 <h3>テクスチャ座標系 ( Maya )</h3> 45 <p>テクスチャ座標の計算方法が <em>Maya</em> と同じになります。</p> 46 <table> 47 <thead> 48 <tr> 49 <th class="thumb">項目と値と値</th> 50 <th class="thumb">表示結果</th> 51 <th class="thumb">説明</th> 52 </tr> 53 </thead> 54 <tbody> 55 <tr> 56 <th class="thumb">スケール</th> 57 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_si_scale.png" alt="MayaとSoftimageのスケール"/></td> 58 <td>画像の左下を中心にスケールします。<br /></td> 59 </tr> 60 <tr> 61 <th class="thumb">回転</th> 62 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_max_rotate.png" alt="Mayaと3dsMaxの回転"/></td> 63 <td>画像の真ん中を中心に時計回りに回転します。</td> 64 </tr> 65 <tr> 66 <th class="thumb">移動</th> 67 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_translate_u.png" alt="Mayaの移動"/></td> 68 <td>画像の上下左右に沿って移動します。</td> 69 </tr> 70 </tbody> 71 </table> 72 <h3>テクスチャ座標系 ( Softimage )</h3> 73 <p>テクスチャ座標の計算方法が <em>Softimage</em> と同じになります。</p> 74 <table> 75 <thead> 76 <tr> 77 <th class="thumb">項目と値</th> 78 <th class="thumb">表示結果</th> 79 <th class="thumb">説明</th> 80 </tr> 81 </thead> 82 <tbody> 83 <tr> 84 <th class="thumb">スケール</th> 85 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_si_scale.png" alt="MayaとSoftimageのスケール"/></td> 86 <td>画像の左下を中心にスケールします。</td> 87 </tr> 88 <tr> 89 <th class="thumb">回転</th> 90 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_Softimage_rotate.png" alt="Softimageの回転"/></td> 91 <td>画像の左下を中心に反時計回りに回転します。</td> 92 </tr> 93 <tr> 94 <th class="thumb">移動</th> 95 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_Softimage_translate_u.png" alt="Softimageの移動"/></td> 96 <td>上下左右に移動します。</td> 97 </tr> 98 </tbody> 99 </table> 100 <h3>テクスチャ座標系 ( 3ds Max )</h3> 101 <p>テクスチャ座標の計算方法が 3ds Max と同じになります。</p> 102 <p class="new_hint">補足：<br /> 103 テクスチャの中心で「スケール」と「回転」ができるのはこの座標系のみです。</p> 104 <table> 105 <thead> 106 <tr> 107 <th class="thumb">項目と値</th> 108 <th class="thumb">表示結果</th> 109 <th class="thumb">説明</th> 110 </tr> 111 </thead> 112 <tbody> 113 <tr> 114 <th class="thumb">スケール</th> 115 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_max_scale.png" alt="3dsMaxのスケール"/></td> 116 <td>画像の真ん中を中心にスケールします。</td> 117 </tr> 118 <tr> 119 <th class="thumb">回転</th> 120 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_max_rotate.png" alt="Mayaと3dsMaxの回転"/></td> 121 <td>画像の真ん中を中心に時計回りに回転します。</td> 122 </tr> 123 <tr> 124 <th class="thumb">移動</th> 125 <td class="thumb"><img class="thumb" src="assets/uv_coordinate_max_translate_u.png" alt="3dsMaxの移動"/></td> 126 <td>上下左右に移動します。</td> 127 </tr> 128 </tbody> 129 </table> 130 <h2>テクスチャのタイリング</h2> 131 <p><a href="../../../glossary/index.html#tiling">タイリング</a>では、テクスチャの繰り返し方法と、繰り返す際にテクスチャをずらすシフトや画像端の処理を、縦方向、横方向でそれぞれ設定できます。</p> 132 <p>CreativeStudio で選択できるタイリング方法には、「リピート」「ミラー」「クランプ」「ボーダークランプ」の 4 種類があります。</p> 133 <p>ここでは、各タイリング方法の画像処理イメージを以下のテクスチャを使用して説明します。</p> 134 <img class="user_guide_chart" src="assets/uv_coordinate_smpltex.png" alt="サンプルテクスチャ"/> <a name="repeat" id="repeat"></a> 135 <h3>リピート</h3> 136 <p>テクスチャをそのまま繰り返します。</p> 137 <p>以下の図は、縦横方向にリピートを行っています。</p> 138 <img class="user_guide_chart" src="assets/uv_coordinate_repeat.png" alt="リピート"/> <a name="mirror" id="mirror"></a> 139 <h3>ミラー</h3> 140 <p>テクスチャを反転しながら繰り返します。</p> 141 <p>以下の図は、縦横方向にミラーを行っています。</p> 142 <img class="user_guide_chart" src="assets/uv_coordinate_mirror.png" alt="ミラー"/> 143 <h3>クランプ</h3> 144 <p>テクスチャの端の色を伸ばします。</p> 145 <p>以下の図は、縦横方向にクランプを行っています。</p> 146 <img class="user_guide_chart" src="assets/uv_coordinate_clamp.png" alt="クランプ"/> 147 <h3>ボーダークランプ</h3> 148 <p>テクスチャ範囲外の領域を、指定したボーダーカラーで塗りつぶします。</p> 149 <p>以下の図は、縦横方向にボーダークランプを行っています。</p> 150 <img class="user_guide_chart" src="assets/uv_coordinate_clampborder.png" alt="ボーダークランプ"/> <!-- InstanceEndEditable --> </div> 151 <div class="footer" /> 152</div> 153</body> 154<!-- InstanceEnd --> 155</html> 156
