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<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" -->
10<title>Fog Properties Panel</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16    <h1>Fog Properties Panel</h1>
17    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18    <p>On the fog <B>Properties</B> panel, you can set parameters related to fog such as fog color.</p>
19    <h2>Fog Properties Panel Settings and Features</h2>
20    <p>This page describes fog <B>Properties</B> panel settings and features.</p>
21    <div class="wrap_picture"> <img src="assets/fog_panel.png" alt="Fog Properties panel settings"/> </div>
22    <div class="wrap_text">
23      <table class="space">
24        <tr>
25          <th><em>A</em></th>
26          <td class="td_color"><a href="../../property/index.html#category">Categories</a></td>
27          <td>You can show/hide the various categories in the fog <B>Properties</B> panel and also copy category settings.</td>
28        </tr>
29        <tr>
30          <th><em>B</em></th>
31          <td class="td_color"><a href="#fog_function">General</a></td>
32          <td>Select type of fog function<br />Set starting/ending depth values for fog and fog density<br />Mark/clear the Z-flip Enable checkbox</td>
33        </tr>
34        <tr>
35          <th><em>C</em></th>
36          <td class="td_color"><a href="#fog_color">Fog color</a></td>
37          <td>Set fog color using R, G and B. <br /> The fragment color is blended with the fog color.</td>
38        </tr>
39        <tr>
40          <th><em>D</em></th>
41          <td class="td_color">User Data</td>
42          <td>Sets optional data used by the game developer. The data set here is passed as-is to the application, and is not used by CreativeStudio.</td>
43        </tr>
44      </table>
45    </div>
46    <div class="wrap_clear"></div>
47    <a name="fog_function" id="fog_function"></a>
48    <h3>General</h3>
49    <p>This section describes the items that can be set in the General category.</p>
50    <h4>Fog function</h4>
51    <p>The following three fog functions can be selected under CreativeStudio.</p>
52    <ul>
53      <li>Linear function: Applies fog uniformly from front to back.</li>
54      <li>Exponential function: Applies fog more heavily toward the front.</li>
55      <li>Squared exponential function: Applies fog toward the front.</li>
56    </ul>
57    <p class="hint">Currently, lookup table editing is not supported. <br /> Future plans call for allowing editing using lookup tables. <br /> This plan may change.</p>
58    <h4>Parameters</h4>
59    <p>The following three parameters are used.</p>
60    <table>
61      <thead>
62        <tr>
63          <th>Parameters</th>
64          <th>Description</th>
65        </tr>
66      </thead>
67      <tbody>
68        <tr>
69          <th>Fog starting depth value</th>
70          <td>Sets the distance from the camera at which application of fog starts.<br /> The higher the depth value, the farther away application of fog starts.</td>
71        </tr>
72        <tr>
73          <th>Fog ending depth value</th>
74          <td>Sets the distance from the camera at which fog density is at maximum.</td>
75        </tr>
76        <tr>
77          <th>Fog density</th>
78          <td>Sets the fog density.<br /> The higher the numeric value, the denser the fog.</td>
79        </tr>
80      </tbody>
81    </table>
82    <a name="fog_z" id="fog_z"></a>
83    <h4>Z-flip</h4>
84    <p>Allows you to invert depth values used as input to the fog function.</p>
85    <p>This allows expressions where fog is applied from back to front.</p>
86    <p class="hint_warn">Caution:<br /> Z-flip is not for inverting the fog starting point-to-ending point range, but rather for inverting the overall camera <CODE>near </CODE>to <CODE>far </CODE>range, so the camera's <CODE>near</CODE> and <CODE>far</CODE> must be configured appropriately. Z-buffering, which can bias the precision of fog tables depending on the depth value, is difficult to use with Z-flip, so we recommend using W buffering instead. The camera's <CODE>near</CODE> and <CODE>far</CODE>  settings can be configured in the <a href="../../camera/detailed_panel/index.html">camera <B>Properties </B>panel</a>.</p>
87    <a name="fog_color" id="fog_color"></a>
88    <h3>Fog color</h3>
89    <p>Sets the color used for the fog.</p>
90    <p>The fog color is blended with the fragment color.</p>
91    <!-- InstanceEndEditable --> </div>
92  <div class="footer" />
93</div>
94<hr><p>CONFIDENTIAL</p></body>
95<!-- InstanceEnd -->
96</html>