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>Contents Panel</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16    <h1>Contents Panel</h1>
17    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18    <p>Various types of content used by CreativeStudio is displayed on, and can be selected from, the <B>Contents</B> panel. </p>
19    <p>On the CreativeStudio menu, select <B>Window &gt; Contents panel</B> to open the <B>Contents panel</B> in a separate window. </p>
20    <p>The <B>Contents</B> panel includes both a <B>List</B> mode and <B>Tree</B> mode and features specific to each separate mode. </p>
21    <p>In addition to features for each mode, the panel includes <a href="#common_feature">common features</a>.</p>
22    <h2>Contents Panel Settings and Features</h2>
23    <p>This page describes <B>Contents</B> panel settings and features.</p>
24    <img class="manual_image" src="assets/contents_panel.png" alt="Contents Panel Image"/>
25    <ol class="manual_image">
26      <li>
27        <p><a href="#View_mode">View mode</a></p>
28        <p class="manual_image">You can change the way contents are displayed by selecting <B>Tree</B> or <B>List</B> from the pull-down menu.</p>
29      </li>
30    </ol>
31    <a name="common_feature" id="common_feature"></a>
32    <h3>Common Features</h3>
33    <p>These features are shared whether the <B>View mode</B> is set to <B>Tree</B> or <B>List</B>.</p>
34    <h4>Displaying the <B>Properties</B> panel</h4>
35    <ol>
36      <li>Single clicking on content will display the <B>Properties</B> panel for that content in the <B>Properties</B> panel in the main window. </li>
37      <li>When you double-click on an icon in the <B>Contents</B> panel, the corresponding <B>Properties</B> panel opens in a separate window.</li>
38    </ol>
39    <p>For details on each Properties panel, click <a href="../property/index.html">Here</a>.<br></p>
40    <h4>Edit</h4>
41    <p>On the <B>Properties</B> panel, you can paste copied settings onto selected content.</p>
42    <img class="manual_image" src="assets/contents_edit.png" alt="Contents panel edit"/>
43    <p>For details on copy &amp; paste using the <B>Properties</B> panel, click <a href="../property/index.html#property_copy">here</a>.</p>
44    <h4>Flashing Display of the Model in the Prevew Panel</h4>
45    <p>If a model or material displayed in the <B>Contents</B> panel is selected, it will flash in the <B>Prevew</B> panel.</p>
46    <a name="View_mode" id="View_mode"></a>
47    <h2>View mode</h2>
48    <p>You can change the way contents are displayed by selecting <B>Tree</B> or <B>List</B> from the pull-down menu.</p>
49    <h3>Tree mode</h3>
50    <p>If <B>Tree</B> is selected, contents are displayed in a tree structure.</p>
51    <img class="manual_image" src="assets/contents_view01.png" alt="Main window Contents panel list"/>
52    <p class="hint">Mutliple contents can be selected by pressing Ctrl and left clicking.</p>
53    <h4>Features in Tree mode</h4>
54    <p>You can sort contents being displayed as shown below by right clicking on the <B>Contents</B> panel or by pressing the <B>Show</B> button.</p>
55    <img class="manual_image" src="assets/contents_view04.png" alt="Main window Contents Panel: Selecting a sort target image"/> <a name="hierarchical_structure" id="hierarchical_structure"></a>
56    <h4>Hiearchical structure of contents</h4>
57    <p>In <B>Tree</B> mode, the following contents can be moved to any location in the hierarchy by dragging.</p>
58    <ul>
59      <li>Model</li>
60      <li>Particle Emitter</li>
61      <li>Light</li>
62      <li>Camera</li>
63    </ul>
64    <p class="warning">To enable the dragging of contents, config file support is required. </p>
65    <h5>Config file support</h5>
66    <p>To enable the dragging of contents in <B>Tree</B> mode, config file support is required. </p>
67    <p>A config file is automatically created in the following directory after CreativeStudio is started and closed the first time. </p>
68    <p>&quot; %NW4C_ROOT%/tools/CreativeStudio/NW4C_CreativeStudio.settings&quot;</p>
69    <p>Corresponding location in the config file</p>
70    <p class="system">&lt;ConfigurationItem Key=&quot;NintendoWare.CreativeStudio.Foundation.ViewModels.ContentsPanelViewModel&quot;&gt;<br /> &lt;ContentsPanelConfiguration ContentSortOrder=&quot;Default&quot; IsGrouped=&quot;false&quot; IsTreeEditable=&quot;false&quot; /&gt;<br /> &lt;/ConfigurationItem&gt;</p>
71    <p>Change the above line from <CODE>IsTreeEditable=&quot;false&quot;</CODE> to <CODE>IsTreeEditable=&quot;true&quot;</CODE>.</p>
72    <p class="warning">The default value is false.</p>
73    <p>Dragging can be allowed by setting &quot;true&quot; for this parameter.</p>
74    <h3>List mode</h3>
75    <p>If <B>List</B> is selected, contents are displayed in a list and a <B>Group by type</B> checkbox is added to the <B>Contents</B> panel. </p>
76    <p>Selecting this checkbox displays contents ordered by group.</p>
77    <img class="manual_image" src="assets/contents_view02.png" alt="Main window Contents panel list"/>
78    <h4>Features in List mode</h4>
79    <p>You can select contents being displayed as shown below by right clicking on the <B>Contents</B> panel or by pressing the <B>Show</B> button.</p>
80    <img class="manual_image" src="assets/contents_view03.png" alt="Main window, Contents panel, list targets selection image"/> <!-- InstanceEndEditable --> </div>
81  <div class="footer" />
82</div>
83<hr><p>CONFIDENTIAL</p></body>
84<!-- InstanceEnd -->
85</html>
86