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<script type="text/javascript" src="../../../common/ibox.js"></script>
10<!-- InstanceEndEditable -->
11<!-- InstanceBeginEditable name="ページのタイトル" -->
12<title>テクスチャの反転リピート</title>
13<!-- InstanceEndEditable -->
14</head>
15<body>
16<div>
17  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
18    <h1>テクスチャのリピートとミラー</h1>
19    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
20    <p>CreativeStudio は読み込んだテクスチャの上下左右リピートやミラー ( 鏡面反転 ) 設定ができます。</p>
21    <p>ここでは CreativeStudio に読み込んだ 左下 1/4 のテクスチャを上下左右にリピートし、ミラーさせてサンプルモデルに貼る手順を説明します。</p>
22    <p class="new_hint">補足：<br />
23      テクスチャ座標系の計算方法は「Maya方式」で説明しています。</p>
24    <h2>サンプルモデルの作成</h2>
25    <p>CreativeStudio のメニュー [作成]→[サンプル]→[キューブモデル] を選択し、サンプルモデルを作成します。</p>
26    <img src="assets/sample_image.png" alt="サンプルキューブ画像"/>
27    <h3>テクスチャの読み込み</h3>
28    <p>CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] からテクスチャ中間ファイルを読み込みます。</p>
29    <p>ここでは例として、Photoshop で作成した円の左下 1/4 のテクスチャを使用します。</p>
30    <img src="assets/test_texture.png" alt="サンプルテクスチャ画像"/>
31    <p>サイズ 128 × 128 フォーマットは L8</p>
32    <h3>テクスチャの変更</h3>
33    <p>サンプルキューブで使用されているテクスチャを、マテリアルパネルのテクスチャタブで変更します。</p>
34    <p>テクスチャの変更方法の詳細は、<a href="../texture_setting/index.html#texture_change">こちら</a>を参照してください。</p>
35    <p>テクスチャを変更するとプレビューパネルでサンプルキューブのテクスチャが変わります。</p>
36    <img src="assets/texture_revers01.png" alt="サンプルテクスチャ画像"/>
37    <h3>テクスチャのリピート</h3>
38    <p>マテリアルパネルのテクスチャタブを使用してテクスチャをリピートする回数を指定します。</p>
39    <p>テクスチャタブにあるテクスチャコーディネータ 0 の Scale  UV を 2 に変更します。</p>
40    <img src="assets/texture_revers.png" alt="サンプルテクスチャ画像"/>
41    <p>Scale の UV を 2 に変更すると、上下左右にテクスチャをリピートします。</p>
42    <a href="assets/texture_revers02.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/texture_revers02.png" alt="サンプルテクスチャ画像"/></a>
43    <p>リピートについての詳細は、<a href="../../../user_guide/texture/uv_coordinate/index.html#repeat">こちら</a>を参照してください。</p>
44    <h3>テクスチャのミラー</h3>
45    <p>マテリアルパネルにあるテクスチャタブのリピート設定でミラーを選択します。</p>
46    <p>リピート設定では、テクスチャをポリゴンに貼るさいの並び方を U 方向 ( 横方向 ) と V 方向 ( 縦方向 ) で個別に指定できます。</p>
47    <p>リピート設定の 「U 方向繰り返し」と「 V 方向繰り返し」のプルダウンメニューをミラーに変更します。</p>
48    <p>ミラーを選択すると、左下 1/4 のテクスチャが円になります。</p>
49    <a href="assets/texture_revers03.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/texture_revers03.png" alt="サンプルテクスチャ画像"/></a>
50    <p>ミラーについての詳細は、<a href="../../../user_guide/texture/uv_coordinate/index.html#mirror">こちら</a>を参照してください。</p>
51    <!-- InstanceEndEditable --> </div>
52  <div class="footer" />
53</div>
54</body>
55<!-- InstanceEnd -->
56</html>
57