ドラッグ操作でパーツを移動してレイアウトする



今回は複数のパーツを自由に移動させて部屋をレイアウトするFlashを作成します。 ドラッグレイアウト
上の画像をクリックすると実際のフラッシュファイルが開きます。

上図は完成した状態です。左の各パーツを右の間取り図にドラッグしてレイアウトします。

作成手順1:

予め作成したオブジェクトをシンボル化して上図のようにシーンにレイヤー別に配置します。
そして、移動させる各インスタンスに下記のアクションを記述します。(各インスタンスへの記述内容は同じです)


すべてのインスタンスに記述したらプレビューで確認しましょう。

作成手順2:
次に、各インスタンスを回転させるためのアクションを回転ボタンに記述します。

(各パーツのインスタンスに予めインスタンス名を付けておきます→上記の場合は「bed」です)

作成手順3:
移動したオブジェクトを元に戻す。
まず、移動させる各インスタンスに下記のアクションを追加します。

次に、リセットボタンに下記のアクションを記述します。

すべてを記述してプレビューで確認してみましょう。
以上で完成です。

HOME