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 Light Settings</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">Spot Light</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 the 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 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/material/standard_panel/standard_panel_combiner/index.html#combiner">here</a>.</p> 64 </p> 65 <img 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 setting, you cannot use the settings B: Source 1 and C: Source 2.</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 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 src="assets/vertex_light06.png" alt="Light panel ambient color settings"/> 78 <p class="new_hint"><B>Note:</B> Left-clicking on the thumbnail allows you to set the color using the displayed <a href="../../../ui_reference/panel/property/index.html#color_picker">color picker</a> popup.</p> 79 <p>These settings produce the following preview image.</p> 80 <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> 81 <h3>Light Types and Settings</h3> 82 <p>This section describes how to switch between the three types of configurable vertex lights and their basic settings.</p> 83 <p class="hint">The initial light type setting in the light panel is for directional light.</p> 84 <a name="directional_light" id="directional_light"></a> 85 <h4>Directional light (parallel light source)</h4> 86 <p>A directional light shines a uniform light from an infinite distance, like the sun. You can set the angle.</p> 87 <p>Figure 1. Directional Light</p> 88 <img src="assets/vertex_light08.png" alt="Directional light"/> 89 <h5>Selecting the Light Type</h5> 90 <p>Under <B>General</B> on the light <B>Properties</B> panel, select <B>Directional light</B>.</p> 91 <img src="assets/vertex_light09.png" alt="Selecting a directional light"/> 92 <h5>Changing the Light Direction</h5> 93 <p>Change the direction on the light panel to change how the model is lit.</p> 94 <img src="assets/vertex_light10.png" alt="Light direction settings"/> <a name="point_light" id="point_light"></a> 95 <h4>Point lights</h4> 96 <p>A point light shines radially from a single point. You can set the distance attenuation.</p> 97 <p>Figure 2. Point Light</p> 98 <img src="assets/vertex_light11.png" alt="Point light"/> 99 <h5>Selecting the Light Type</h5> 100 <p>Under <B>General</B> of the light <B>Properties</B> panel, select <B>Point light</B>.</p> 101 <img src="assets/vertex_light12.png" alt="Selecting a point light"/> 102 <h5>Setting Distance Attenuation</h5> 103 <p>You can also set the distance attenuation for a point light on the light panel.</p> 104 <p class="warning">Distance attenuation is disabled by default, so be sure to select this option and enable it.</p> 105 <img src="assets/vertex_light13.png" alt="Point light distance attenuation"/> 106 <p><em>Sample Configuration</em></p> 107 <ul> 108 <li>Default attenuation: 0.5</li> 109 <li>Attenuation rate (linear): 0.001</li> 110 <li>Attenuation rate (second order): 0</li> 111 </ul> 112 <h5>Changing the Light Position</h5> 113 <p>Set the position of the light created under <B>Position</B> on the light <B>Properties</B> panel.</p> 114 <img src="assets/vertex_light14.png" alt="Changing the Light Position"/> 115 <p>The same point light as shown in Figure 2 can be created with the above settings.</p> 116 <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> 117 <a name="spot_light" id="spot_light"></a> 118 <h4>Spot Light</h4> 119 <p>A spot light shines conically from a single point. You can set the distance attenuation and angular attenuation.</p> 120 <p>Figure 3. Spotlight</p> 121 <img src="assets/vertex_light15.png" alt="Spotlight"/> 122 <h5>Selecting the Light Type</h5> 123 <p>Under <B>General</B> on the light <B>Properties</B> panel, select <B>Spotlight</B>.</p> 124 <img src="assets/vertex_light16.png" alt="Selecting a spotlight"/> 125 <h5>Changing the Light Direction</h5> 126 <p>You can change the light direction on the light panel.</p> 127 <h5>Setting Distance Attenuation</h5> 128 <p>You can also set the distance and angular attenuation for a spotlight on the light <B>Properties</B> panel.</p> 129 <p class="warning">Distance attenuation is disabled by default, so be sure to select this option and enable it.</p> 130 <img src="assets/vertex_light17.png" alt="Spotlight distance attenuation"/> 131 <p>Angular attenuation sets how the light attenuates based on the angle the light is pointing.</p> 132 <!-- InstanceEndEditable --> </div> 133 <div class="footer" /> 134</div> 135<hr><p>CONFIDENTIAL</p></body> 136<!-- InstanceEnd --> 137</html>
