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"><!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" -->
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<meta http-equiv="Content-Style-Type" content="text/css" />
6<!-- InstanceBeginEditable name="CSS の相対パス指定" -->
7<link href="../../../common/manual.css" rel="stylesheet" type="text/css" />
8<!-- InstanceEndEditable -->
9<!-- InstanceBeginEditable name="ページのタイトル" -->
10<title>バンプマッピング</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16  <h1>タンジェントマップを作成する</h1>
17  <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18  <h2>タンジェントマップとは？</h2>
19  <p>タンジェントマップは設定やテクスチャの描き方がバンプマップと非常に似ていますが、その用途は少し違います。<br />
20    バンプマップがモデルの法線を変化させ、細かな陰影をつけるのに対して、<br />
21    タンジェントマップは表面の微細な凹凸を変化させ、光の入り方を調整しています。<br />
22    ここでもMayaを例にして紹介します。</p>
23  <p class="warning">タンジェントマップにはモデルの接ベクトル空間情報が必要になります。<br />
24    現状ですと、DCCツール内で異方性反射のシェーダーをアサインすることで、
25    モデルに接ベクトル情報を付加できます。</p>
26  <p class="warning">異方性反射設定とタンジェントマップの扱いが混乱しそうですが、<br />
27    異方性反射はあくまでもタンジェントマップを使った表現手法の1つの例であり、<br />
28    モデルの凹凸を変えずに光の入り方を歪ませるために、「接平面」を歪ませることをしており、
29    この接平面を歪ませるためにタンジェントマップを利用しています。</p>
30  <h2>Mayaでの操作</h2>
31  <h4>Mayaでマテリアル設定をしたいモデルを読込みます</h4>
32  <p>ここではバンプマップで使用したチェスのローモデルを使います。</p>
33  <h4>マテリアルに「異方性シェーダ」をアサインします</h4>
34  <p>異方性シェーダにバンプマップをコネクトします。</p>
35  <p><img src="assets/anisotropic_shader_setting.png" width="718" height="273" alt="バンプのテクスチャと異方性シェーダをコネクトします。" /></p>
36  <h4>モデルの接線を表示、調整します</h4>
37  <p class="warning">CPを使用しない場合は必要のない情報です。</p>
38  <p>ディスプレイ &gt; ポリゴン &gt; 接線　でモデルの接線を表示します</p>
39  <p><img src="assets/tangent_vectors.png" width="300" alt="頂点から赤と青の線が出ています。" /></p>
40  <p class="warning">頂点から出ている 赤と青の線は綺麗に直行しています。これら2つの線が作り出す平面を「接平面」と呼びます。</p>
41  <p>1つの頂点から同じ色の接線が2本以上出ている場合、その部分に入るスペキュラーが綺麗につながりません。<br />
42    Shapeのアトリビュートで接線のスムージング角度を広げ、頂点に複数赤青の接線があるところが1セットになるように調整します。</p>
43  <h4>Exporterを開いてモデルを出力します</h4>
44  <h2>CreativeStudioでの操作</h2>
45  <h4>CreativeStudioでモデルを読込みます</h4>
46  <p>→tangent_mapping.cresを参考にしてみてください。</p>
47  <p>モデルを見ると、縦方向、もしくは横方向に流れるようにスペキュラーが入っていると思います。<br />
48    このスペキュラーの入る向きを変えたい場合は、DCCツールでUVの向きを変えてください。<br />
49    UVの向きを変えるとバンプマップの向きがずれるので、その時はバンプマップのテクスチャを作り直すか、テクスチャを90度回転してください。</p>
50  <p><img src="assets/uv_rotation.png" width="600" height="440" alt="MayaでUVを90度まわしました。" /></p>
51  <h4>バンプマッピングの使用方法を「タンジェントマップ」に変更します</h4>
52  <p>バンプマップで作られていたモデルの陰影は消え、逆にバンプマップに添うような形で光が流れているように見えます。</p>
53  <p class="warning">比較のためにバンプマップで使ったモデルを同じシーンに読込みます。<br />
54    バンプマップデータは、接平面情報がないので、<br />
55    マッピングの仕方をバンプマップからタンジェントマップに変更すると普通のローモデルに戻ってしまいます。</p>
56  <h2>バンプマップとタンジェントマップの違いを確認します</h2>
57  <p>→tangent_anim.cresを読み込んでください。<br />
58    <img src="assets/tangent_anim.png" width="500" height="250" alt="テクスチャをいろいろ差し替えて見てね！" /></p>
59  <p>アニメーションを再生し、マテリアルパネルを開きます。<br />
60    テクスチャを変えたり、使用方法をバンプマップとタンジェントマップで変えてみたりして 2 つのマッピングの違いを確認します。 </p>
61  <!-- InstanceEndEditable --> </div>
62  <div class="footer" />
63</div>
64</body>
65<!-- InstanceEnd --></html>
66