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<script type="text/javascript" src="../../../../../common/ibox.js"></script>
10<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" -->
11<title>Vertex Lights</title>
12<!-- InstanceEndEditable -->
13</head>
14<body>
15<div>
16  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
17    <h1>Vertex lights</h1>
18    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
19    <p>This section describes the basics of creating and configuring vertex lights.</p>
20    <h2>Vertex lights</h2>
21    <p>Vertex lights illuminate the vertices of polygon models.</p>
22    <p>The following three light settings can be made for vertex lights under CreativeStudio. </p>
23    <table>
24      <thead>
25        <tr>
26          <th>Light Types</th>
27          <th>Description</th>
28        </tr>
29      </thead>
30      <tbody>
31        <tr>
32          <th><a href="#directional_light">Directional light</a></th>
33          <td>This type of light shines uniformly from an infinite distance, like the sun.<br /> You can set the angle.</td>
34        </tr>
35        <tr>
36          <th><a href="#point_light">Point light</a></th>
37          <td>This type of light shines conically from a single point.<br /> You can set the distance attenuation.</td>
38        </tr>
39        <tr>
40          <th><a href="#spot_light">Spotlight</a></th>
41          <td>This type of light shines conically from a single point.<br /> You can set the distance attenuation and angular (conical) attenuation.</td>
42        </tr>
43      </tbody>
44    </table>
45    <p>This section describes how to create a vertex light by loading sample data and then describes the basics of how to configure lights by type.</p>
46    <h3>Loading Models</h3>
47    <p>On then CreativeStudio menu, select <B>File</B> → <B>Open</B> → <B>Intermediate file</B> to load the model intermediate file.</p>
48    <p>This example is based on a spherical model that uses lambert. </p>
49    <a href="assets/vertex_light01.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/vertex_light01.png" alt="Cube model sample display image 01"/></a>
50    <p>Reference: <br /> The size and position of the sample sphere being used are given below. <br />Here, Maya is being used as the 3DCG tool. (Defaults are used for all tool settings.)</p>
51    <ul>
52      <li>Radius: 3.5</li>
53      <li>X, Y, Z position: 0 , 3.5 , 0</li>
54    </ul>
55    <h3>Material Panel Settings</h3>
56    <p>You can use the CreativeStudio material <B>Properties</B> panel to configure a material to be lit solely by vertex lights.</p>
57    <p>Select a material displayed in the <B>Contents</B> panel to open the material <B>Properties</B> panel.</p>
58    <h4>Changing lighting settings</h4>
59    <p>Under <B>Lighting</B> on the material <B>Properties</B> panel, select <B>Enable vertex lighting</B>.</p>
60    <img class="manual_image" src="assets/vertex_light02.png" alt="Rendering settings"/>
61    <h4>Texture combiner settings</h4>
62    <p>Configure the settings for combiner 0 on the material panel as follows.</p>
63    <p>For details on texture combiners, click <a href="../../../../../ui_reference/panel/property/material/standard_panel/standard_panel_combiner/index.html#combiner">here</a>.</p>
64    </p>
65    <img class="manual_image" src="assets/vertex_light03.png" alt="Cube model sample display image 01"/>
66    <p class="hint">This configures the material to only be lit by vertex lights.<br /> With this configuration, the B: Source 1 and C: Source 2 settings are not used.</p>
67    <h3>Creating and configuring vertex lights</h3>
68    <p>On the CreativeStudio menu, select <B>Create</B> → <B>Light</B> → <B>Vertex Light</B> to create a vertex light.</p>
69    <a href="assets/vertex_light04.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/vertex_light04.png" alt="Creating a vertex light"/></a>
70    <h4>Opening the Light Panel</h4>
71    <p>Click a light displayed in the <B>Contents</B> panel to open the light <B>Properties</B> panel.</p>
72    <h6>Adjusting the Ambient Color</h6>
73    <p>On the light <B>Properties</B> panel, under <B>Category</B>, check <B>Ambient color</B>.</p>
74    <img class="manual_image" src="assets/vertex_light05.png" alt="Editing light panel properties"/>
75    <p>Selecting <B>Ambient color</B> displays ambient color settings on the light <B>Properties</B> panel.</p>
76    <p>Change the light panel ambient color settings to the values below.</p>
77    <img class="manual_image" src="assets/vertex_light06.png" alt="Light panel ambient color settings"/>
78    <p>These settings produce the following preview image.</p>
79    <a href="assets/vertex_light07.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/vertex_light07.png" alt="Image after creating a vertex light"/></a>
80    <h3>Light Types and Settings</h3>
81    <p>This section describes how to switch between the three types of configurable vertex lights and their basic settings.</p>
82    <p class="hint">The initial light type setting in the light panel is for directional light.</p>
83    <a name="directional_light" id="directional_light"></a>
84    <h4>Directional light (parallel light source)</h4>
85    <p>A directional light shines a uniform light from an infinite distance, like the sun. You can set the angle.</p>
86    <p>Figure 1. Directional Light</p>
87    <img class="manual_image" src="assets/vertex_light08.png" alt="Directional light"/>
88    <h5>Selecting the Light Type</h5>
89    <p>Under <B>General</B> on the light <B>Properties</B> panel, select <B>Directional light</B>.</p>
90    <img class="manual_image" src="assets/vertex_light09.png" alt="Selecting a directional light"/>
91    <h5>Changing the Light Direction</h5>
92    <p>Change the direction on the light panel to change how the model is lit.</p>
93    <img class="manual_image" src="assets/vertex_light10.png" alt="Light direction settings"/> <a name="point_light" id="point_light"></a>
94    <h4>Point lights</h4>
95    <p>A point light shines radially from a single point. You can set the distance attenuation.</p>
96    <p>Figure 2. Point Light</p>
97    <img class="manual_image" src="assets/vertex_light11.png" alt="Point light"/>
98    <h5>Selecting the Light Type</h5>
99    <p>Under <B>General</B> of the light <B>Properties</B> panel, select <B>Point light</B>.</p>
100    <img class="manual_image" src="assets/vertex_light12.png" alt="Selecting a point light"/>
101    <h5>Setting Distance Attenuation</h5>
102    <p>You can also set the distance attenuation for a point light on the light panel.</p>
103    <p class="warning">Distance attenuation is disabled by default, so be sure to select this option and enable it.</p>
104    <img class="manual_image" src="assets/vertex_light13.png" alt="Point light distance attenuation"/>
105    <p><em>Sample Configuration</em></p>
106    <ul>
107      <li>Default attenuation: 0.5</li>
108      <li>Attenuation factor (linear): 0.001</li>
109      <li>Attenuation factor (second order): 0</li>
110    </ul>
111    <h5>Changing the Light Position</h5>
112    <p>Set the position of the light created under <B>Position</B> on the light <B>Properties</B> panel.</p>
113    <img class="manual_image" src="assets/vertex_light14.png" alt="Changing the Light Position"/>
114    <p>The same point light as shown in Figure 2 can be created with the above settings.</p>
115    <p class="hint">You can check how point light attenuation changes in the preview when changing the distance attenuation by some other means, such as using a slider.</p>
116    <a name="spot_light" id="spot_light"></a>
117    <h4>Spotlight</h4>
118    <p>A spot light shines conically from a single point. You can set the distance attenuation and angular attenuation.</p>
119    <p>Figure 3. Spotlight</p>
120    <img class="manual_image" src="assets/vertex_light15.png" alt="Spotlight"/>
121    <h5>Selecting the Light Type</h5>
122    <p>Under <B>General</B> on the light <B>Properties</B> panel, select <B>Spotlight</B>.</p>
123    <img class="manual_image" src="assets/vertex_light16.png" alt="Selecting a spotlight"/>
124    <h5>Changing the Light Direction</h5>
125    <p>You can change the light direction on the light panel.</p>
126    <h5>Setting Distance Attenuation</h5>
127    <p>スポットライトの距離と角度による減衰は、ライトパネルの距離減衰と角度減衰で設定します。</p>
128    <p class="warning">Distance attenuation is disabled by default, so be sure to select this option and enable it.</p>
129    <img class="manual_image" src="assets/vertex_light17.png" alt="Spotlight distance attenuation"/>
130    <p>Angular attenuation sets how the light attenuates based on the angle the light is pointing.</p>
131    <!-- InstanceEndEditable --> </div>
132  <div class="footer" />
133</div>
134<hr><p>CONFIDENTIAL</p></body>
135<!-- InstanceEnd -->
136</html>
137