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="en-US" lang="en-US">
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 --> <!-- InstanceBeginEditable name="ページのタイトル" -->
10<title>Texture coordinates</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16    <h1>Texture coordinates</h1>
17    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18    <p>This page describes the types of texture coordinates used with CreativeStudio and how to tile them.</p>
19    <p>For details on tiling, see the separate document Introduction to CTR Graphics.</p>
20    <h2>Texture Coordinates</h2>
21    <!--<p>テクスチャは、そのサイズに関係なく、U 方向、 V 方向とも 0.0 ~ 1.0 の範囲に収まるように貼り付けられます。</p>-->
22    <p>With texture coordinates, the bottom left corner is taken as the origin of the texture image. The positive direction for the U-coordinate is toward the right and the positive direction for the V-coordinate is toward the top. </p>
23    <p>Figure 1  Texture UV Image</p>
24    <img class="user_guide_chart" src="assets/uv_coordinate_coordinate.png" alt="UV Coordinate System"/>
25    <h2>Texture Coordinate System Selection</h2>
26    <p>CreativeStudio can be used to switch texture coordinate calculations to match any of the following three 3D graphics tools: Maya, Softimage, and 3ds Max.</p>
27    <p>When editing texture coordinates under CreativeStudio, select the easiest coordinate system to use.</p>
28    <!--         <p>説明に使用するモデルは、以下になります。( 単純な矩形ポリゴン )</p>     <img class="user_guide_chart" src="assets/uv_coordinate_default.png" alt="デフォルトテクスチャ"/>     <ul>       <li>スケール U,V = 1.0,1.0 ( 倍 )</li>       <li>回転 = 0.0 ( 度 )</li>       <li>移動 U,V  = 0.0,0.0</li>     </ul>     <p> 3D グラフィックスツールで、テクスチャの U と V を以下の値に変更します。</p>     <ul>       <li>スケール U,V  = 1.5,1.5 ( 倍 )</li>       <li>回転 = 30.0 ( 度 )</li>       <li>移動 U,V  = 0.2,0.0</li>     </ul> -->
29    <h3>Texture Coordinate System (Maya)</h3>
30    <p>The method of calculating texture coordinates is the same as with <em>Maya</em>.</p>
31    <table>
32      <thead>
33        <tr>
34          <th class="thumb">Item, Value and Value</th>
35          <th class="thumb">Display Result</th>
36          <th class="thumb">Description</th>
37        </tr>
38      </thead>
39      <tbody>
40        <tr>
41          <th class="thumb">Scale</th>
42          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_si_scale.png" alt="Maya and Softimage Scale"/></td>
43          <td>Scales the bottom left of the image to the center.<br /></td>
44        </tr>
45        <tr>
46          <th class="thumb">Rotation</th>
47          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_max_rotate.png" alt="Maya and 3dsMax Rotation"/></td>
48          <td>Rotates the exact center of the image clockwise around the center.</td>
49        </tr>
50        <tr>
51          <th class="thumb">Jump</th>
52          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_translate_u.png" alt="Maya Movement"/></td>
53          <td>Moves along the top, bottom, left, and right of the image.</td>
54        </tr>
55      </tbody>
56    </table>
57    <h3>Texture Coordinate System (Softimage)</h3>
58    <p>The method of calculating texture coordinates is the same as with <em>Softimage</em>.</p>
59    <table>
60      <thead>
61        <tr>
62          <th class="thumb">Item and Value</th>
63          <th class="thumb">Display Result</th>
64          <th class="thumb">Description</th>
65        </tr>
66      </thead>
67      <tbody>
68        <tr>
69          <th class="thumb">Scale</th>
70          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_si_scale.png" alt="Maya and Softimage Scale"/></td>
71          <td>Scales the bottom left of the image to the center.</td>
72        </tr>
73        <tr>
74          <th class="thumb">Rotation</th>
75          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_Softimage_rotate.png" alt="Softimage Rotation"/></td>
76          <td>Rotates the bottom left of the image counterclockwise around the center.</td>
77        </tr>
78        <tr>
79          <th class="thumb">Jump</th>
80          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_Softimage_translate_u.png" alt="Softimage Movement"/></td>
81          <td>Moves up, down, left, and right.</td>
82        </tr>
83      </tbody>
84    </table>
85    <h3>Texture Coordinate System (3ds Max)</h3>
86    <p>The method of calculating texture coordinates is the same as with 3ds Max.</p>
87    <p class="new_hint"><B>Note:</B> This is the only coordinate system that can scale and rotate around the texture center.</p>
88    <table>
89      <thead>
90        <tr>
91          <th class="thumb">Item and Value</th>
92          <th class="thumb">Display Result</th>
93          <th class="thumb">Description</th>
94        </tr>
95      </thead>
96      <tbody>
97        <tr>
98          <th class="thumb">Scale</th>
99          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_max_scale.png" alt="3dsMax Scale"/></td>
100          <td>Scales the exact center of the image to the center.</td>
101        </tr>
102        <tr>
103          <th class="thumb">Rotation</th>
104          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_maya_max_rotate.png" alt="Maya and 3dsMax Rotation"/></td>
105          <td>Rotates the exact center of the image clockwise around the center.</td>
106        </tr>
107        <tr>
108          <th class="thumb">Jump</th>
109          <td class="thumb"><img class="thumb" src="assets/uv_coordinate_max_translate_u.png" alt="3dsMax Movement"/></td>
110          <td>Moves up, down, left, and right.</td>
111        </tr>
112      </tbody>
113    </table>
114    <h2>Texture Tiling</h2>
115    <p>Methods of <a href="../../../glossary/index.html#tiling">tiling</a> include repeating textures, and making separate settings in the vertical and horizontal directions for shifting textures slightly upon each repetition, and processing the edges of the image.</p>
116    <p>There are four tiling methods that can be selected under CreativeStudio: repeat, mirror, clamp, and border clamp.</p>
117    <p>This section describes the graphics processed image for each tiling method based on the texture given below.</p>
118    <img class="user_guide_chart" src="assets/uv_coordinate_smpltex.png" alt="Sample Texture"/> <a name="repeat" id="repeat"></a>
119    <h3>Repeat</h3>
120    <p>Repeats the texture unchanged.</p>
121    <p>The following image repeats in the vertical and horizontal directions.</p>
122    <img class="user_guide_chart" src="assets/uv_coordinate_repeat.png" alt="Repeat"/> <a name="mirror" id="mirror"></a>
123    <h3>Mirror</h3>
124    <p>Repeatedly mirrors the texture.</p>
125    <p>The following image mirrors the texture in the vertical and horizontal directions.</p>
126    <img class="user_guide_chart" src="assets/uv_coordinate_mirror.png" alt="Mirror"/>
127    <h3>Clamp</h3>
128    <p>Extends the color at the edge of a texture.</p>
129    <p>The following image clamps the texture in the vertical and horizontal directions.</p>
130    <img class="user_guide_chart" src="assets/uv_coordinate_clamp.png" alt="Clamp"/>
131    <h3>Clamp borders</h3>
132    <p>The following image fills the region outside the texture area with the specified border color.</p>
133    <p>The following image border clamps the texture in the vertical and horizontal directions.</p>
134    <img class="user_guide_chart" src="assets/uv_coordinate_clampborder.png" alt="Clamp Borders"/> <!-- InstanceEndEditable --> </div>
135  <div class="footer" />
136</div>
137<hr><p>CONFIDENTIAL</p></body>
138<!-- InstanceEnd -->
139</html>