【Pixate】対象をドラッグさせる

Pixate ドキュメントが英語いろいろだったり

なかなか資料がないため、貯めていく。



今回行うのは、「対象物をドラック可能にさせる」こと。

使用するもの

以下画像の番号と一緒。
①インタラクションパネル
②アニメーションプロパティパネル
③キャンバス

キャンバスに配置してある、"はなまる"画像をドラッグ可能にする。

f:id:rpvke:20150927114038p:plain
(各パネル名は、参考スライドより。)



方法

1. ①インタラクションパネルのドラッグマークを、③キャンバスの動かしたい対象にドラック → ドロップする
f:id:rpvke:20150927115009p:plain

2. ②アニメーションパネルを使用し、以下画像のa~cに沿って動きを制限する。
  a- ドラッグさせたい方向を、[ Free, Vertical(垂直方向), Horizonal(水平方向) ]から選ぶ
  b- ドラッグさせる距離を制限
    [ Vertical ]
    Reference edge:動かしたい対象の基準ライン
    Min/Max position:画面上ライン/下ラインから、Reference edgeまでの距離を指定
    例:Reference edge = Top, Min position = 10px
      → 画面上ラインから、動かしたい対象の上ラインまでの距離が、10pxになるまで上方向にドラッグできる
    [ Horizonal ]
    Reference edge:動かしたい対象の基準ライン
    Min/Max position:画面左ライン/右ラインから、Reference edgeまでの距離を指定
  c-サーチ中。。。 
 f:id:rpvke:20150927121359p:plain

文章力磨きたい...

www.slideshare.net

www.pixate.com