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="ja" lang="ja">
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 -->
11<!-- InstanceBeginEditable name="ページのタイトル" -->
12<title>プロパティパネル共通機能</title>
13<!-- InstanceEndEditable -->
14</head>
15<body>
16<div>
17  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
18    <h1>プロパティパネルの共通機能</h1>
19    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
20    <p>プロパティパネルとは、CreativeStudio に読み込んだ各コンテンツのデータを編集するために用意されたパネルです。</p>
21    <p>ここでは、プロパティパネルの共通機能について説明します。</p>
22    <h2>プロパティパネルの共通機能</h2>
23    <p>ここでは、プロパティパネルの共通機能を説明します。</p>
24    <ol>
25      <li><a href="#single_panel">単体のパネルとして開く</a></li>
26      <li><a href="#rename_content">コンテンツ名の変更</a></li>
27      <li><a href="#category">カテゴリの選択</a></li>
28      <li><a href="#categori_scroll">「カテゴリへスクロール」と「先頭へ戻る」アイコン</a></li>
29      <li><a href="#property_copy">プロパティパネルのコピー &amp; ペースト</a></li>
30      <li><a href="#color_picker">カラーピッカー機能</a></li>
31      <li><a href="#popup_control">スライダー範囲をポップアップコントロールで設定</a></li>
32    </ol>
33    <a href="assets/property_panel.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/property_panel.png" alt="プロパティパネル"/></a> <a name="single_panel" id="single_panel"></a>
34    <h3>単体のパネルとして開く</h3>
35    <p>プロパティパネルを単体のパネルとして開く方法は以下の 2 つの方法があります。</p>
36    <ol>
37      <li>コンテンツパネルでコンテンツを選択して、 CreativeStudio のメニュー [ウィンドウ]→[プロパティパネル] を選択する。</li>
38      <li>コンテンツパネルに表示されているコンテンツのアイコンをダブルクリックする。</li>
39    </ol>
40    <img src="assets/property_panel01.png" alt="プロパティパネルを単体のパネルとして開く"/> <a name="rename_content" id="rename_content"></a>
41    <h3>コンテンツ名を変更する</h3>
42    <p>プロパティパネルでコンテンツ名を変更することができます。</p>
43    <img src="assets/property_panel02.png" alt="コンテンツ名の変更"/>
44    <p>プロパティパネルに表示されているコンテンツ名を変更後、Tab キーか Enter キーを押すと変更できます。</p>
45    <a name="category" id="category"></a>
46    <h3>カテゴリの表示 / 非表示を設定する</h3>
47    <p>プロパティパネルの詳細モードには、カテゴリのチェックボックスが用意されています。</p>
48    <p>チェックボックスの ON / OFF で設定項目の「表示 / 非表示」が変更できます。</p>
49    <p>例 : マテリアルパネルのカテゴリの選択</p>
50    <img src="assets/property_categori.png" alt="プロパティパネルカテゴリ編集"/>
51    <p>上図のようにカテゴリのチェックボックスを OFF にすると、マテリアルパネルの「全般」と「シェーダーパラメータ」の項目が非表示になります。</p>
52    <a name="categori_scroll" id="categori_scroll"></a>
53    <h3>「カテゴリへスクロール」と「先頭へ戻る」アイコン</h3>
54    <p>詳細モードのカテゴリの横にある「矢印アイコン」をクリックすると、クリックしたカテゴリの設定項目までスクロールします。</p>
55    <img src="assets/property_categori03.png" alt="プロパティパネルカテゴリ編集03"/>
56    <p>また、各カテゴリの項目名には、先頭へ戻る「矢印アイコン」が用意されていて、クリックすると先頭(カテゴリ)へ戻ります。</p>
57    <img src="assets/property_categori04.png" alt="プロパティパネルカテゴリ編集04"/> <a name="property_copy" id="property_copy"></a>
58    <h3>プロパティパネルのコピー &amp; ペースト</h3>
59    <p>プロパティパネルの設定は、コピー &amp; ペーストできます。</p>
60    <p>プロパティパネルのカテゴリにある「コピー」ボタンを押すと設定項目をコピーします。</p>
61    <img src="assets/property_categori01.png" alt="プロパティパネルカテゴリ編集01"/>
62    <p class="new_hint">補足:<br />
63      現在、プロパティパネルのコピー &amp; ペーストは、「マテリアルパネルの詳細モード」と「パーティクルセットパネル」「パーティクルエミッタパネル」が対応しています。</p>
64    <p class="hint_warn">注意:<br />
65      カテゴリのチェックボックスが ON になっている項目がコピーされます。<br />
66      上図の場合は、「全般」と「シェーダーパラメータ」の設定はコピーされません。</p>
67    <h4>プロパティパネルのペースト</h4>
68    <p>プロパティパネルでコピーした設定をペーストするには、ペーストする項目をコンテンツパネルで選択して右クリックします。</p>
69    <p>右クリックすると以下のようにメニューが表示されますので、「プロパティの貼り付け」を選択してください。</p>
70    <img src="assets/property_categori02.png" alt="プロパティパネルカテゴリ編集02"/>
71    <p>コピーされた設定が選択したコンテンツにペーストされます。</p>
72    <a name="color_picker" id="color_picker"></a>
73    <h3>カラーピッカー機能</h3>
74    <p>プロパティパネルにカラーサムネイルがある場合は、左クリックでカラーピッカーがポップアップ表示されます。</p>
75    <p>カラーピッカーでは、「R / G / B」「H / S / V」を設定できます。</p>
76    <p class="no">(1)パネルにあるカラーサムネイルを左クリックします。</p>
77    <img src="assets/color_picker00.png" alt="カラーピッカー"/>
78    <p class="no">(2)カラーピッカーがポップアップ表示されますので、スライダーや数値入力で色の設定をします。</p>
79    <img src="assets/color_picker01.png" alt="カラーピッカー01"/> <a name="popup_control" id="popup_control"></a>
80    <h3>スライダー範囲をポップアップコントロールで設定</h3>
81    <p>各プロパティパネルにあるスライダー範囲は、ポップアップコントロールアイコンで設定できます。</p>
82    <img src="assets/popup_control.png" alt="ポップアップコントロール"/>
83    <p>ポップアップコントロールのアイコンをマウスオーバーすると、現在設定されているスライダー範囲が表示されます。</p>
84    <p>上下のアイコンをクリックするとスライダー範囲が変更されます。</p>
85    <img src="assets/popup_control01.png" alt="ポップアップコントロール01"/> <!-- InstanceEndEditable --> </div>
86  <div class="footer" />
87</div>
88</body>
89<!-- InstanceEnd -->
90</html>
91