<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html
  SYSTEM "about:legacy-compat">
<html xmlns:mml = "http://www.w3.org/1998/Math/MathML" lang = "ja"><head><meta charset = "UTF-8"/><meta name = "copyright" content = "(C) Copyright 2020"/><meta name = "DC.rights.owner" content = "(C) Copyright 2020"/><meta name = "DC.type" content = "reference"/><meta name = "abstract" content = "アニメーション ライブラリ ワークショップで、事前定義された汎用アニメーションのライブラリを使用して、単純なアニメーションを簡単に作成することができます。"/><meta name = "description" content = "アニメーション ライブラリ ワークショップで、事前定義された汎用アニメーションのライブラリを使用して、単純なアニメーションを簡単に作成することができます。"/><meta name = "DC.relation" scheme = "URI" content = "cps-c-Animations.htm#cps-c-Animations"/><meta name = "DC.relation" scheme = "URI" content = "cps-t-Animations.htm#cps-t-Animations"/><meta name = "DC.format" content = "HTML5"/><meta name = "DC.identifier" content = "cps-r-Workshops-AnimationLibrary"/><meta name = "DC.language" content = "ja"/><link rel = "stylesheet" type = "text/css" href = "../DSDocUI_XML34.css"/><title>アニメーション ライブラリ ワークショップ</title>
<script type = "text/javascript" src = "../DSDocUI_Highlight34.js">
  	/* */
  	</script></head><body onLoad = "highlightSearchTerms();" id = "cps-r-Workshops-AnimationLibrary">
<a name = "hj-top"> </a><table class = "table1" id = "table11"><tr><td><table class = "DocHeader"><tr><td class = "DocHeader1" colspan = "2"><h1>アニメーション ライブラリ ワークショップ</h1></td></tr><tr><td class = "DocHeader4" colspan = "2"/></tr><tr><td class = "DocHeader3"><table class = "DocHeaderIntro" id = "table12"><tr><td class = "Intro1Only"><p class = "header"><p class = "abstract">
    <span class = "shortdesc">アニメーション ライブラリ ワークショップで、事前定義された汎用アニメーションのライブラリを使用して、単純なアニメーションを簡単に作成することができます。</span>

    <p>アニメーション ライブラリで作成したアニメーションはタイムライン上にキャプチャされます。</p>
    <p>このワークショップを表示するには、<span class = "ph menucascade"><span class = "ph uicontrol">ワークショップ（Workshops）</span><abbr> &gt; </abbr><span class = "ph uicontrol">パブリッシング（Publishing）</span><abbr> &gt; </abbr><span class = "ph uicontrol">アニメーション ライブラリ（Animation Library）</span><abbr> &gt; </abbr><span class = "ph uicontrol"><img class = "image" src = "../Icons3DVIA/I_CPSWorkshopsRibbon-AnimationLibrary.png"/></span></span> をクリックします。</p>
    <p>アクターを選択し、適用するアニメーションを選択して、<span class = "ph uicontrol">作成（Create）</span>をクリックします。</p>
  </p>
<p>このページで扱う内容: </p><ul><li><a href = "#r-Templates" id = "toc_rg" title = "この領域で、選択されたアクターに対して使用するアニメーション テンプレートを指定することができます。">テンプレート</a></li><li><a href = "#r-Properties" id = "toc_rg" title = "アニメーションのモーションごとに、カメラ プロパティを定義し、モーション プロパティをカスタマイズできます。">プロパティ</a></li><li><a href = "#r-Overview" id = "toc_rg" title = "アニメーション内の動作が時系列順に概要図で表示され、アニメーション全体の所要時間も表示されます。">概要</a></li></ul>
</p></td></tr></table></td><td class = "DocHeader2"><table class = "DocTopicsSeeAlso" id = "table13"><tr><td class = "TopicsTitle">参照</td></tr><tr><td><a title = "Composer は、キー フレーム ベースのアニメーションを使用します。このため、キー フレームと呼ばれるタイミングで、アクターの配置とスナップショットの取得を行うことにより、アニメーションを作成できます。一連の事前定義された汎用アニメーションが Composer に用意され、アニメーション ライブラリ ワークショップを介して、単純なアニメーションを簡単に作成することができます。ユーザーが XML に精通していれば、独自のカスタム アニメーションを作成できます。" href = "cps-c-Animations.htm#cps-c-Animations">アニメーション ライブラリについて</a></td></tr><tr><td><a title = "事前定義されたアニメーションのライブラリを使用して、単純なアニメーションを簡単に作成することができます。タイムラインに複数のアニメーションを追加した後、簡単にアニメーション ブロックを管理できます。" href = "cps-t-Animations.htm#cps-t-Animations">事前定義されたアニメーションの作成</a></td></tr></table></td></tr></table>
  

  
  <div class = "related-links"/>
  <article class = "topic reference nested1" aria-labelledby = "ariaid-title2" id = "r-Templates">
    <h2 class = "title topictitle2">テンプレート</h2>

    
    <div class = "body refbody"><p class = "abstract">
      <span class = "shortdesc">この領域で、選択されたアクターに対して使用するアニメーション テンプレートを指定することができます。</span>

    </p>

      <table class = "table frame-none"><caption/><colgroup><col style = "width:50%"/><col style = "width:50%"/></colgroup><thead class = "thead">
            <tr class = "row">
              <th class = "entry" id = "r-Templates__entry__1">コマンド名</th>
              <th class = "entry" id = "r-Templates__entry__2">説明</th>
            </tr>
          </thead><tbody class = "tbody">
            <tr class = "row">
              <td class = "entry" headers = "r-Templates__entry__1">
                <span class = "ph uicontrol">グループ</span>
              </td>
              <td class = "entry" headers = "r-Templates__entry__2">アニメーションを選択するアニメーション テンプレートのグループを指定します。事前定義されているグループは<span class = "ph uicontrol">高輝度表示（Highlight）</span>と<span class = "ph uicontrol">動作（Motion）</span>です。（Composer ユーザー プロファイルの）アニメーション ライブラリでアニメーション テンプレートのカスタム グループが使用可能な場合は、ここにリストされます。『<a class = "xref" href = "cps-c-Animations.htm#c-CustomAnimations" title = "XML に精通している場合は、独自のカスタムアニメーション グループおよびアニメーションを作成することを検討できます。">カスタム アニメーション</a>』を参照してください。</td>
            </tr>
            <tr class = "row">
              <td class = "entry" headers = "r-Templates__entry__1">
                <span class = "ph uicontrol">Animation</span>
              </td>
              <td class = "entry" headers = "r-Templates__entry__2">（選択したアニメーション テンプレートのグループから）使用するアニメーションを指定します。事前定義されたグループで使用可能なアニメーションには次のものがあります。<ul class = "ul"><li class = "li"><span class = "ph uicontrol">高輝度表示（Highlight）</span>グループ: <span class = "ph uicontrol">拡張（Enhance）</span>、<span class = "ph uicontrol">焦点（Focus）</span>、<span class = "ph uicontrol">検証済み（Validated）</span>、<span class = "ph uicontrol">警告（Warning）</span>。</li><li class = "li"><span class = "ph uicontrol">動作（Motion）</span>グループ: <span class = "ph uicontrol">インストール（Install）</span>、<span class = "ph uicontrol">除去（Remove）</span>、<span class = "ph uicontrol">ロール（Roll）</span>、<span class = "ph uicontrol">ねじを回す（Screw）</span>、<span class = "ph uicontrol">ねじを緩める（Unscrew）</span>、<span class = "ph uicontrol">緩める（Untighten）</span>。</li></ul></td>
            </tr>
            <tr class = "row">
              <td class = "entry" headers = "r-Templates__entry__1">
                <span class = "ph uicontrol">作成</span>
              </td>
              <td class = "entry" headers = "r-Templates__entry__2">選択したアクターのアニメーションを作成します。このボタンをクリックする前に、必要に応じてアニメーション プロパティを編集したことを確認してください。</td>
            </tr>
            <tr class = "row">
              <td class = "entry" headers = "r-Templates__entry__1">
                <span class = "ph uicontrol">モーションを更新</span>
              </td>
              <td class = "entry" headers = "r-Templates__entry__2">タイムライン内の現在選択されている単一アニメーション ブロックのプロパティを更新します。</td>
            </tr>
            <tr class = "row">
              <td class = "entry" headers = "r-Templates__entry__1">
                <span class = "ph uicontrol">選択更新</span>
              </td>
              <td class = "entry" headers = "r-Templates__entry__2">タイムライン内の現在選択されている単一アニメーション ブロックのプロパティを更新します。このコマンドを使用して、ステップ/事前定義モーションに対してアクターの追加、アクターの削除、またはアクターの置換を実行します。</td>
            </tr>
          </tbody></table>
    </div>

  </article>
  <article class = "topic reference nested1" aria-labelledby = "ariaid-title3" id = "r-Properties">
    <p><map name = "FPMap1"><area href = "#hj-top" title = "ページの先頭に戻る" shape = "rect" coords = "416, 0, 435, 10"/></map><span class = "itemsprite"/></p><h2 class = "title topictitle2">プロパティ</h2>

    
    <div class = "body refbody"><p class = "abstract">
      <span class = "shortdesc">アニメーションのモーションごとに、カメラ プロパティを定義し、モーション プロパティをカスタマイズできます。</span>

    </p>

      <div class = "section" id = "r-Properties__rs-CameraProperties"><h3 class = "title sectiontitle">カメラ プロパティ</h3>
        
        <p>ステップの開始時と終了時にアニメーション ブロックでカメラ キーを作成できます。これは、ステップ全体でカメラのビヘイビアを定義するために役立ちます。<div class = "notes collapse"><span class = "run-in.notes">注:
    		</span><span class = "notecontent"><ul class = "ul"><li class = "li">タイムラインで対応するステップを選択した後、カメラ キーがない既存のアニメーション ブロックのカメラ プロパティを更新できます。</li><li class = "li">カメラ プロパティは、一度に 1 つのアニメーション ブロックにのみ適用できます。タイムラインで複数のステップが選択されている場合、これらのオプションは無効になります。</li></ul></span></div>
</p>
        <table class = "table"><caption/><colgroup><col style = "width:50%"/><col style = "width:50%"/></colgroup><thead class = "thead">
              <tr class = "row">
                <th class = "entry" id = "r-Properties__rs-CameraProperties__entry__1">カメラ中心配置モード</th>
                <th class = "entry" id = "r-Properties__rs-CameraProperties__entry__2">説明</th>
              </tr>
            </thead><tbody class = "tbody">
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__1">
                  <span class = "ph uicontrol">自動中心配置</span>
                </td>
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__2">ステップの開始時と終了時にカメラ キーを挿入します。ステップ全体で、カメラは、ステップに含まれているアクターに従って中心に配置されたままで、モーション全体を考慮するようにズーム インまたはズーム アウトします。これにより、ステップ全体でモーション全体が常に表示されたままになります。<p>後でカメラに影響を与えるようにステップを変更すると、それに応じてカメラ キーが更新されます。</p><div class = "note"><span class = "run-in.note">注:
			</span><span class = "notecontent">このモードは拡大縮小係数にのみ影響します。カメラの向きは変わりません。</span></div>
</td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__1">
                  <span class = "ph uicontrol">手動中心配置</span>
                </td>
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__2">ビューポートのカメラの向きと拡大縮小係数に基づいて、ステップの開始時と終了時にカメラ キーを挿入します。ステップ全体で、この方向と拡大縮小係数を自由に変更できます。</td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__1">
                  <span class = "ph uicontrol">なし（中心配置なし）</span>
                </td>
                <td class = "entry" headers = "r-Properties__rs-CameraProperties__entry__2">カメラ キーが作成されません。 <div class = "note"><span class = "run-in.note">注:
			</span><span class = "notecontent">既存のカメラ キーがあるステップに対してこのモードを選択した場合、それらは削除されます。</span></div>
</td>
              </tr>
            </tbody></table>
      </div>

      <div class = "section" id = "r-Properties__rs-MotionProperties"><h3 class = "title sectiontitle">モーション プロパティ</h3>
        
        <p>アニメーションはさまざまな動作から構成されます。この領域で選択したアニメーションの各動作のプロパティをカスタマイズできます。すべてのモーション プロパティに、開始時間、終了時間、およびその他のパラメータがあります。<div class = "note"><span class = "run-in.note">注:
			</span><span class = "notecontent">以下にリストしたプロパティは、すべての既存のプロパティです。すべての動作が異なるプロパティを持ち、そのため、使用可能なプロパティは選択したアニメーションによって異なります。</span></div>
</p>
        <table class = "table frame-none"><caption/><colgroup><col style = "width:50%"/><col style = "width:50%"/></colgroup><thead class = "thead">
              <tr class = "row">
                <th class = "entry" id = "r-Properties__rs-MotionProperties__entry__1">動作プロパティのカテゴリ</th>
                <th class = "entry" id = "r-Properties__rs-MotionProperties__entry__2">パラメータ（開始時間と終了時間は除く）</th>
              </tr>
            </thead><tbody class = "tbody">
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">イメージを表示（DisplayImage）</span>: ビューポート内で、指定された位置にイメージが表示されます。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">上（Top）</span>: イメージの、ビューポートの一番上からの距離</li>
                    <li class = "li">
                      <span class = "ph uicontrol">左（Left）</span>: イメージの、ビューポートの左からの距離</li>
                    <li class = "li">
                      <span class = "ph uicontrol">サイズ（Size）</span>: イメージ サイズ（および、ロックされているアスペクト比）</li>
                    <li class = "li">
                      <span class = "ph uicontrol">ピクチャ（Picture）</span>: イメージ パス</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">テキストを表示（DisplayText）</span>: ビューポート内で、指定された位置にテキスト パネルが表示されます。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">上（Top）</span>: イメージの、ビューポートの一番上からの距離</li>
                    <li class = "li">
                      <span class = "ph uicontrol">左（Left）</span>: イメージの、ビューポートの左からの距離</li>
                    <li class = "li">
                      <span class = "ph uicontrol">テキスト（Text）</span>: 表示するテキスト</li>
                    <li class = "li">
                      <span class = "ph uicontrol">フォント サイズ（Font Size）</span>: テキストに使用するフォントのサイズ</li>
                    <li class = "li">
                      <span class = "ph uicontrol">フォント ファミリー（Font Family）</span>: テキストに使用するフォントのファミリー</li>
                    <li class = "li">
                      <span class = "ph uicontrol">フォントの色（Font Color）</span>: テキストに使用するフォントの色</li>
                    <li class = "li">
                      <span class = "ph uicontrol">背景色</span>: テキストの背景に使用する色</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">フラッシュ（Flash）</span>: 選択したアクターを高輝度表示します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">色（Color）</span>: フラッシュしているときに使用する色（未定義に設定可能）</li>
                    <li class = "li">
                      <span class = "ph uicontrol">放射強度（Intensity）</span>: 放射の強度</li>
                    <li class = "li">
                      <span class = "ph uicontrol">反復（Repetition）</span>: フラッシュの回数</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">回転（Rotate）</span>: 選択したアクターを回転します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">軸（X、Y、Z）（Axis (X, Y, Z)）</span>: 回転軸。<span class = "ph">値を入力する代わりに<span class = "ph uicontrol">ピック（Pick）</span>をクリックして、ビューポート内の位置を選択することができます。［Alt］キーを使用すると軸の中心をピックできます。［Shift］キーを使用するとピックされた軸を元に戻すことができます。</span></li>
                    <li class = "li">
                      <span class = "ph uicontrol">角度（Angle）</span>: 回転角度</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">スケール（Scale）</span>: ピボット原点から選択したアクターを再スケールします。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">スケール率（Scale Ratio）</span>: 選択したアクターのスケール率</li>
                    <li class = "li">
                      <span class = "ph uicontrol">反復（Repetition）</span>: 選択したアクターにスケール率を適用する回数</li>
                  </ul>
                  <div class = "notes collapse"><span class = "run-in.notes">注:
    		</span><span class = "notecontent">
                    <p>- ピボット定義は時間内にアニメ化しないでください。ステップの前の時間 0 でオブジェクトのピボットを定義します。</p>
                    <p>- 手順をアクターの選択に適用することができます。選択されたアクターに親子関係を含めないでください（そうしないと、子アクターとその親のアクターの両方が、スケール動作または平行移動動作でアニメーション化される場合、子アクターが 2 回移動します。1 回は親の動作全体で、もう 1 回は子アクター自体の動作で移動します）。</p>
                  </span></div>

                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">色を設定（SetColor）</span>: 選択したアクターの色を変更します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">色（Color）</span>: 選択したアクターのアニメーション中の色（未定義に設定可能）</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">透過性を設定（SetTransparency）</span>: 選択したアクターの不透明度を変更します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">透過性（Transparency）</span>: アニメーション時に選択したアクターの不透明度</li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">移動（Transform）</span>: 選択したアクターを自由に移動します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">位置（X、Y、Z）</span>: 選択したアクターの最終位置です。<span class = "ph">値を入力する代わりに<span class = "ph uicontrol">ピック（Pick）</span>をクリックして、ビューポート内の位置を選択することができます。［Alt］キーを使用すると軸の中心をピックできます。［Shift］キーを使用するとピックされた軸を元に戻すことができます。</span></li>
                  </ul>
                </td>
              </tr>
              <tr class = "row">
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__1">
                  <span class = "ph uicontrol">平行移動（Translate）</span>: 選択したアクターを平行移動します。</td>
                <td class = "entry" headers = "r-Properties__rs-MotionProperties__entry__2">
                  <ul class = "ul">
                    <li class = "li">
                      <span class = "ph uicontrol">軸（X、Y、Z）</span>: 平行移動軸。つまり、平行移動が適用される正規化さたベクトル。 <p><span class = "ph uicontrol">軸をピック（Pick Axis）</span>をクリックし、3D で軸を選択します。</p><p><span class = "ph uicontrol">点をピック（Pick Point）</span>をクリックし、3D で点を選択します。これによって、この点と選択したアクターのピボットの原点の間のワールド座標系のベクトルが計算されます。<div class = "notes collapse"><span class = "run-in.notes">注:
    		</span><span class = "notecontent"><p>- 複数のアクターが選択されている場合、およびすべてのアクターの原点が同じである場合は、共通のピボット原点が使用されます。それ以外の場合は、境界ボックスの中心が使用されます。</p><p>- ピボット定義は時間内にアニメ化しないでください。ステップの前の時間 0 でオブジェクトのピボットを定義します。</p><p>- 手順をアクターの選択に適用することができます。選択されたアクターに親子関係を含めないでください（そうしないと、子アクターとその親のアクターの両方が、スケール動作または平行移動動作でアニメーション化される場合、子アクターが 2 回移動します。1 回は親の動作全体で、もう 1 回は子アクター自体の動作で移動します）。</p></span></div>
</p></li>
                    <li class = "li">
                      <span class = "ph uicontrol">距離（Distance）</span>: 平衡移動の距離</li>
                  </ul>
                </td>
              </tr>
            </tbody></table>
      </div>

    </div>

  </article>
  <article class = "topic reference nested1" aria-labelledby = "ariaid-title4" id = "r-Overview">
    <p><map name = "FPMap1"><area href = "#hj-top" title = "ページの先頭に戻る" shape = "rect" coords = "416, 0, 435, 10"/></map><span class = "itemsprite"/></p><h2 class = "title topictitle2">概要</h2>

    
    <div class = "body refbody"><p class = "abstract">
      <span class = "shortdesc">アニメーション内の動作が時系列順に概要図で表示され、アニメーション全体の所要時間も表示されます。</span>

      <br/><img class = "image" src = "../CpsUserImages/Animations-Overview.png"/><br/>
    </p>
</div>

  </article>
</td></tr></table><script type = "text/javascript" src = "../DSDocUI_Bottom34.js">/* */</script></body>
</html>
