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>Common Features of Properties Panels</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>Common Features of Properties Panels</h1> 18 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 19 <p>The <B>Properties </B> panel has been prepared for editing different kinds of content data loaded into CreativeStudio.</p> 20 <p>This page describes common features of the <B>Properties</B> panels.</p> 21 <h2>Common Features of Properties Panels</h2> 22 <p>This page describes common features of the <B>Properties</B> panel.</p> 23 <ol> 24 <li><a href="#single_panel">Opening the panel in its own window</a></li> 25 <li><a href="#rename_content">Changing content names</a></li> 26 <li><a href="#category">Selecting categories</a></li> 27 <li><a href="#categori_scroll">Icons for Category scroll and Return to top</a></li> 28 <li><a href="#property_copy">Copy & paste on the Properties panel</li> 29 <li><a href="#color_picker">Color Picker features</a></li> 30 <li><a href="#popup_control">Setting slider range using Popup control</a></li> 31 </ol> 32 <a href="assets/property_panel.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/property_panel.png" alt="Properties panel"/></a> 33 <h3>Opening the panel in its own window</h3> 34 <p>Two methods of opening the <B>Properties</B> panel in its own window are given below.</p> 35 <ol> 36 <li>Select contents in the <B>Content</B>s panel. On the CreativeStudio menu, then select <B>Window > Properties panel</B>.</li> 37 <li>Double click the icon of content displayed in the <B>Contents</B> panel.</li> 38 </ol> 39 <img src="assets/property_panel01.png" alt="Opening the Properties panel in its own window"/> <a name="rename_content" id="rename_content"></a> 40 <h3>Change name of content</h3> 41 <p>You can change the names of content in the Properties panel.</p> 42 <img src="assets/property_panel02.png" alt="Changing content names"/> 43 <p>After a content name displayed on the <B>Properties</B> panel has been changed, you can apply the change by pressing the Tab key or Enter key.</p> 44 <a name="category" id="category"></a> 45 <h3>Category show/hide setting</h3> 46 <p>In the Details mode, a checkbox displays next to each category in the Properties panel.</p> 47 <p>Mark or clear the checkbox to show or hide the details for that category.</p> 48 <p><B>Example:</B> Selecting categories in the material <B>Properties</B> panel</p> 49 <img src="assets/property_categori.png" alt="Editing Properties panel categories"/> 50 <p>In the above graphic, the checkboxes for <B>General </B>and <B>Shader parameters</B> have been cleared, so the details for these categories are not displayed in the material <B>Properties</B> panel.</p> 51 <a name="categori_scroll" id="categori_scroll"></a> 52 <h3>Icons for Category scroll and Return to top</h3> 53 <p>In Details mode, clicking on the arrow icon next to a category scrolls the panel to the settings items for that category.</p> 54 <img src="assets/property_categori03.png" alt="Editing Properties panel categories 03"/> 55 <p>There is also an arrow icon next to each category item name, and clicking on that icon returns the panel to the top of the category.</p> 56 <img src="assets/property_categori04.png" alt="Editing Properties panel categories 04"/> <a name="property_copy" id="property_copy"></a> 57 <h3>Copy & Paste on the Properties Panel</h3> 58 <p>Settings on the <B>Properties</B> panel can be copy & pasted.</p> 59 <p>To copy the settings, press the <B>Copy</B> button on the <B>Properties</B> panel.</p> 60 <img src="assets/property_categori01.png" alt="Editing Properties panel categories 01"/> 61 <p class="new_hint"><B>Note:</B> Currently, the copy & paste feature is only supported by the material <B>Properties</B> panel in <B>Details</B> mode, and by the particle set <B>Properties</B> panel and the particle emitter <B>Properties </B>panel.</p> 62 <p class="hint_warn">Caution:<br /> When the checkbox is marked for a category, its items can be copied. In the above figure, the settings for the <B>General </B> and <B>Shader parameters </B> categories are not copied.</p> 63 <h4>Properties Panel - Paste</h4> 64 <p>Right-click on an item of content in the <B>Contents</B> panel to paste to that content the settings that were copied in the Properties panel.</p> 65 <p>When you right-click, the following menu displays. Select <B>Edit </B>> <B>Paste properties</B>.</p> 66 <img src="assets/property_categori02.png" alt="Editing Properties panel categories 02"/> 67 <p>The copied settings are pasted to the selected content.</p> 68 <a name="color_picker" id="color_picker"></a> 69 <h3>Color Picker features</h3> 70 <p>If there is a color thumbnail in the Properties panel, the Color picker will display when you left-click on the thumbnail.</p> 71 <p>You can use the Color picker to set RGB and HSV.</p> 72 <p class="no">(1) Left-click on a thumbnail in the panel.</p> 73 <img src="assets/color_picker00.png" alt="Color Picker"/> 74 <p class="no">(2) The Color picker pops up, and you can use the sliders or enter numerical values to set the color.</p> 75 <img src="assets/color_picker01.png" alt="Color picker 01"/> <a name="popup_control" id="popup_control"></a> 76 <h3>Setting slider range using Popup control</h3> 77 <p>The Slider range in each Properties panel can be set from the Popup control icon.</p> 78 <img src="assets/popup_control.png" alt="Popup control"/> 79 <p>Move the cursor over the Popup control icon to display the range currently set for the slider.</p> 80 <p>Click on the Up/Down icons to change the slider range.</p> 81 <img src="assets/popup_control01.png" alt="Popup control 01"/> <!-- InstanceEndEditable --> </div> 82 <div class="footer" /> 83</div> 84<hr><p>CONFIDENTIAL</p></body> 85<!-- InstanceEnd --> 86</html>