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>半球ライトの作成と設定の基本を説明します。</p>
21    <h2>半球ライト</h2>
22    <p>球体の軸を回転させることで、軸と法線のなす角度からモデルの頂点カラーに置き換えます。</p>
23    <p class="hint">上面を「スカイカラー」、下面を「グラウンドカラー」と言います。</p>
24    <h3>モデルの読み込み</h3>
25    <p>CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] からモデルの中間ファイルを読み込みます。</p>
26    <p>例として、 lambert を使用した球体モデルを使い説明します。</p>
27    <a href="assets/hemisphere_lighting01.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/hemisphere_lighting01.png" alt="キューブモデルサンプル表示画像01"/></a>
28    <p>参考 : <br />
29      使用しているサンプル球体の大きさと位置は以下になります。<br />
30      3DCG ツールは、Maya を使用 (ツールの設定は初期状態 )</p>
31    <ul>
32      <li>半径 : 3.5</li>
33      <li>位置 X Y Z : 0 , 3.5 , 0</li>
34    </ul>
35    <h3>マテリアルパネルの設定</h3>
36    <p>CreativeStudio のマテリアルパネルを使用して、半球ライトのみ影響を受けるマテリアルを設定します。</p>
37    <p>コンテンツパネルに表示されているマテリアルを選択して、マテリアルパネルを開きます。</p>
38    <h4>ライティングの設定変更</h4>
39    <p>マテリアルパネルのライティングで、半球ライティングを有効にします。</p>
40    <img src="assets/hemisphere_lighting02.png" alt="描画設定画像"/>
41    <h4>テクスチャコンバイナの設定</h4>
42    <p>マテリアルパネルのコンバイナ 0 を以下の設定にします。</p>
43    <p>テクスチャコンバイナの詳細は、<a href="../../../ui_reference/panel/material/standard_panel/standard_panel_combiner/index.html#combiner">こちら</a>を参照してください。</p>
44    </p>
45    <img src="assets/hemisphere_lighting03.png" alt="キューブモデルコンバイナ画像"/>
46    <p class="hint">上記設定で、マテリアルは半球ライトのみ影響を受けます。<br />
47      今回の設定では、ソース 1 とソース 2 の設定は使用しません。</p>
48    <h3>半球ライトの作成と設定</h3>
49    <p>CreativeStudio のメニュー[作成]→[ライト]→[半球ライト]を選択して、半球ライトを作成します。</p>
50    <a href="assets/hemisphere_lighting04.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/hemisphere_lighting04.png" alt="半球ライト作成"/></a>
51    <h4>ライトパネルを開く</h4>
52    <p>コンテンツパネルに表示されているライトをクリックしてライトパネルを開きます。</p>
53    <h5>グラウンドカラーの調整</h5>
54    <p>ここでは、確認用にグラウンドカラーを以下の値に変更します。</p>
55    <img src="assets/hemisphere_lighting05.png" alt="グランドカラーの変更"/>
56    <p class="new_hint">補足：<br />
57      カラーサムネイルを左クリックすると、<a href="../../../ui_reference/panel/property/index.html#color_picker">カラーピッカー</a>がポップアップ表示され色の設定ができます。</p>
58    <p>上記設定を行うとプレビューは以下のようになります。</p>
59    <a href="assets/hemisphere_lighting06.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/hemisphere_lighting06.png" alt="グランドカラーの変更後プレビュー"/></a>
60    <h5>スカイカラーウェイトの変更</h5>
61    <p>スカイカラーウェイトを変更して、スカイカラーとグラウンドカラーの強弱を設定します。</p>
62    <img src="assets/hemisphere_lighting07.png" alt="スカイカラーウェイトの変更"/>
63    <p>スカイカラーウェイトの数値を 1 に近づけるとスカイカラーが強くなり、0 に近づけるとグラウンドカラーが強くなります。</p>
64    <p>ここでは、スカイカラーを 1 にしていますのでプレビューではスカイカラーが以下のように強くなります。</p>
65    <img src="assets/hemisphere_lighting08.png" alt="スカイカラーウェイトの変更後プレビュー"/> <!-- InstanceEndEditable --> </div>
66  <div class="footer" />
67</div>
68</body>
69<!-- InstanceEnd -->
70</html>
71