ファイル:LWF-Unity-Collider-Sample3.png

2014-12-04T10:17:35Z

Tamago:

Unity ボタンをColliderとして扱う

2014-12-04T09:59:07Z

Tamago: ページの作成:「LWFを拡張することでFlash上で設定した矩形ボタンをUnityのColliderとして扱うことができます。 これを利用することで、Flashで...」

LWFを拡張することでFlash上で設定した矩形ボタンをUnityのColliderとして扱うことができます。 
これを利用することで、Flashで簡単に当たり判定などを設定することが出来ます。 
また、カスタマイズすることで好きなcolliderを生成することができます。 
[[File:LWF-Unity-Collider-Sample1.png|thumb|500px|none|left|BoxCollider以外にも2Dなど好きなColliderを生成できます]] 
<hr>
==当たり判定用のボタンを作る==
当たり判定用のボタンは通常のボタンと違い特殊なシンボル名を設定する必要があります。 
通常のLWFのボタンと作り方は同じですがシンボル名を下記のように設定してください。 
ボタンが矩形でさえあればサイズは適当で構いません。 
*_PROG_ + (任意の名前)
サンプルでは_PROG_colliderというシンボル名にしたと想定して進めていきます。 
 
作ったボタンシンボルを当たり判定として用いたい箇所に配置してください。 
入れ子にしたりスケールをかけたり回転させても問題ありません。 
 
[[File:LWF-Unity-Collider-Sample2.png|thumb|500px|none|left|_PROG_colliderを配置]] 
==Unityに組み込む==
早速この状態でLWFに書きだしてUnityに組み込んでみましょう。

ファイル:LWF-Unity-Collider-Sample2.png

2014-12-04T09:57:15Z

Tamago: Tamago 「ファイル:LWF-Unity-Collider-Sample2.png」の新しい版をアップロードしました

2014-12-04T09:28:10Z

Tamago: /* 利用できない機能 */

LWFデータの制作にはAdobe Flashを利用しますが、Flash全ての機能が使えるわけではありません。 
==利用できない機能==
*ベクター画像
*:Flashの代表的な機能の一つであるベクター画像ですが利用することはできません。
*:GPUを有効的に活用して高いパフォーマンスで動作させるため、ラスター画像のみ対応となっています。
*:ベクターで描画した画像をラスター画像に変換するという形をとれば利用することは可能です。
*:なお、使用する画像はpngファイルにしてjpeg圧縮はかけないようにしてください。
*:減色などの画像の最適化はLWFデータに変換した後に行います。
*シェイプトゥイーン
*:ベクタ画像が使えない関係上、シェイプトゥイーンも利用することができません。
*:同じくラスター画像に変換するという形であれば利用可能です。
*FlashPlayer9以降に追加された機能
*:ボーンツールや3D配置などFlashPlayer9以降で追加された機能は利用できません。
*フィルタ
*:ドロップシャドウ、ぼかし、ベベルなどのフィルタ機能は利用できません。
*一部のブレンドモード
*:加算、消去、マスク、レイヤーを除いたブレンドモードは利用できません。
*9スライス
*:ムービークリップの9スライス機能は利用できません。
 
 
 

==利用できる機能==
*モーショントゥイーン
*:モーショントゥイーンやクラシックトゥイーンを利用できます。カスタムイージングやモーションガイドなども問題なく利用できます。
*変形
*:回転、変形、シアー変形といった各種変形に対応しています。
*グラフィックシンボル
*:Flashのグラフィックシンボルと同様の挙動で利用できます。Flash同様スクリプトでの制御対象にはできません。
*ムービークリップ
*:Flashのムービークリップと同様の挙動で利用できます。インスタンス名を設定することで動的制御することができます。
*:その際、インスタンス名が重複するとFlash CCなどではパブリッシュ時に警告が表示されるので注意してください。
*カラー効果
*:「アルファ」については全環境で利用できます。
*:「明度」「着色」「詳細」についてはHTML5の一部描画(CSS、Canvas)を除いて利用可能です。
*ブレンドモード【加算】
*:HTML5の一部描画(CSS)を除いて利用可能です。
*マスク
*:HTML5の一部の環境(CSS)とUnityを除いて利用可能です。
*:大きく負荷のかかる処理なので注意して使用してください。
*:通常のマスクではなくブレンドモードを利用したマスクになります。
*:詳しくは[[Flash%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB#.E3.83.9E.E3.82.B9.E3.82.AF.E3.81.AB.E3.81.A4.E3.81.84.E3.81.A6 |マスクについて]]を参照してください。
*ボタン
*:ボタンシンボルはグラフィック部分は利用できません。ヒット領域のみ設定して当たり判定専用として利用することができます。
*:詳しくは[[Flash%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB#.E3.83.9C.E3.82.BF.E3.83.B3.E3.81.AB.E3.81.A4.E3.81.84.E3.81.A6 |ボタンについて]]を参照してください。
*テキスト
*:クラシックテキストのみ利用することができます。テキストはデバイスフォント、又は指定したフォントで利用することができます。
*:詳しくは[[Flash%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB#.E3.83.86.E3.82.AD.E3.82.B9.E3.83.88.E3.81.AB.E3.81.A4.E3.81.84.E3.81.A6 |テキストについて]]を参照してください。
*ActionScript
*:タイムライン制御用やイベント発火などの極一部のActionScriptを利用することができます。
*:詳しくは[[Flash%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB#ActionScript.E3.81.AB.E3.81.A4.E3.81.84.E3.81.A6|ActionScriptについて]]を参照してください。
*ラベル設定
*:Flashと同様にラベルを設定することができ、gotoAndPlay()などでラベルのフレームへジャンプすることができます。
*javascript、Lua
*:ActionScriptとは別にHTML5版ではjavascript。Unity、Cocos2d-xではLuaを利用してタイムライン上からLWFの各種APIを実行することができます。
*:こちらについては各環境のドキュメントページを参照してください。
 
 
 

==各環境の機能対応表==
マスクや着色、加算ブレンド機能の各環境ごとの対応状況はこちらを参照してください 
https://github.com/gree/lwf/wiki/RendererComparison 
 
 
 

==機能詳細==
===マスクについて===
マスクをかける場合、Flashのマスクレイヤーではなくブレンドモードを使用します。 
(マスクレイヤーだと画像のマスクは矩形になってしまうため) 
 
Flash上では１つの対象に対して複数の効果をかけることができますが下記のマスク効果をかける場合は 
必ず1つの対象オブジェクトに対して、1つのマスクオブジェクトとなるようにしてください。 
 
また、マスクは非常に負荷のかかる処理なので使用する場合はこまめに実機でパフォーマンスをチェックしてください。 
 
====画像Aを画像Bでマスクする====
#画像Aと画像BをそれぞれムービークリップにしてムービークリップAとムービークリップBを作ります。
#ムービークリップAのブレンドモードを【レイヤー】に設定
#ムービークリップBのブレンドモードを【アルファ】に設定
#ムービークリップAとBを一つのムービークリップCとしてまとめる。
#ムービークリップCのブレンドモードを【レイヤー】に設定
すると下記のサンプルのように画像Aを画像Bでマスクした状態になります。 
ムービークリップAとBにはそれぞれに複数の画像を入れても問題ありません。 
画像のアルファ値も影響をうけて反映されます。 
[[File:Mask_alpha.jpg|thumb|500px|none|left|ムービークリップBの星の形でマスクされている。アルファ値も反映される。]]
※Flashでは画像の外側は対象にはなりませんがLWFではマスクのように画像の外側も描画されなくなるので注意してください 
 

====画像Aを画像Bで消去する====
#画像Aと画像BをそれぞれムービークリップにしてムービークリップAとムービークリップBを作ります。
#ムービークリップAのブレンドモードを【レイヤー】に設定
#ムービークリップBのブレンドモードを【消去】に設定
#ムービークリップAとBを一つのムービークリップCとしてまとめる。
#ムービークリップCのブレンドモードを【レイヤー】に設定
すると下記のサンプルのように画像Aを画像Bで消去した状態になります。 
ムービークリップAとBにはそれぞれに複数の画像を入れても問題ありません。 
画像のアルファ値も影響をうけて反映されます。 
[[File:Mask_erase.jpg|thumb|500px|none|left|ムービークリップBの星の形で消去されている。アルファ値も反映される。]]
 
 
 

----

===ボタンについて===
LWFではユーザー入力を受け取れるのは、このボタンオブジェクトだけになります。 
ボタンオブジェクトは入力の当たり判定や入力状態の取得に利用することができます。 
LWFのAPIを利用することでイベントリスナーを設定してpress、release等の特定の入力タイミングを検知したりすることが可能です。 
 
ムービークリップ等と違いグラフィックを設定することはできず、ヒット領域のみ設定することができます。 
ヒット領域の設定にのみ唯一シェイプが使用できますが、回転していない矩形である必要があります。 
 
また、複数のボタンが重なっている場合は、一番上のボタンのみ反応します。 
====ボタンを作る====
まず、適当なサイズの矩形シェイプを作りましょう。 
※シェイプは塗りのみにしてください。線が交じるとエラーになります 
 
[[File:Lwf_button_1.png|thumb|500px|none|left|適当なサイズの矩形シェイプを書く]] 
その後、そのシェイプをボタンシンボルに変換します。シンボル名は適当なもの(英数)をつけてください 
[[File:Lwf_button_2.png|thumb|500px|none|left|ボタンシンボルに変換]] 
シンボル変換後、編集モードに入りシェイプが描画されているキーフレームを「アップ」→「ヒット」へ移動してください。 
[[File:Lwf_button_3.png|thumb|500px|none|left|「アップ」→「ヒット」へキーフレームを移動]] 
そして、編集モードを抜けると、半透明の水色の矩形ができあがっていると思います。 
これがボタンのヒット領域になります。 
Flash上では半透明の水色で表示されますが、LWFで実際に再生する際は何も表示されません。 
ボタンにはインスタンス名を設定しておかないとプログラム側でボタンオブジェクトを取得することができないので適当なインスタンス名を設定しましょう 
その際、同一フレームで同じインスタンス名のボタンが存在しないようにしてください。
[[File:Lwf_button_4.png|thumb|500px|none|left|ボタンにインスタンス名を設定]] 
====当たり判定として利用する====
ボタンオブジェクトは設定した範囲の入力を受け取るということだけではなく、サイズや位置、スケールといった情報も取得できます。 
なので、ボタンとしてではなくオブジェクト同士の当たり判定用の矩形として利用することもできます。 
 
 
 

----
===テキストについて===
Flashのダイナミックテキストを使用することでデバイスフォントを使ってテキストを表示することができます。 
フォントも環境によっては指定することができます。 
※TLFテキストには対応していません。クラシックテキストを使用してください。 
 
スクリプトで内容を動的に書き換える場合、インスタンス名を設定しておいてください。 
 
Flashでの設定は下記のものが反映されます。 
*テキスト描画範囲
*テキストサイズ
*テキストカラー
*行揃え
*段落前後のアキ(縦方向のみ)
*インデント(縦方向のみ)
上記の設定はFlash上でのみ設定することが可能です。スクリプトで動的に設定を変更することはできないので注意してください。 
 
 
 

----
===ActionScriptについて===
LWFは　タイムライン制御やイベント発火といったActionScriptを各環境共通で使用することができます。 
これらをフレームスクリプトに使用することでタイムライン制御や任意のタイミングで外へイベントを投げることができます 
 
====タイムライン====
タイムラインを制御するActionScriptは一通り利用することができます。 
遷移先にラベル名を指定することも可能です 
ただし、変数を絡めた利用はできないので注意してください 
*play()
*stop()
*gotoAndPlay(フレーム又はラベル名)
*gotoAndStop(フレーム又はラベル名)
*nextFrame()
*prevFrame()
 
====イベント発生====
下記のスクリプトでLWFに対してイベントを発生することができます。 
イベントを受け取ることでアニメーション中の特定のタイミングを検知することができます。 
fscommand("event","EVENT_NAME");
focommand()の第1引数には"event" 
第2引数には発生させたいイベント名を入れてください 
 
イベントを受け取る場合の方法は各環境のドキュメントを参照してください。 
 

====ターゲット指定====
別のMovieClipのタイムラインを制御したい場合はtellTarget()を利用します。 
*一つ上の階層の"hoge"というインスタンス名を"jump"ラベルのフレームに飛ばす
tellTarget("../hoge"){
gotoAndPlay("jump");
}
*root階層から見て"piyo"というインスタンス名を"attack"ラベルのフレームに飛ばす
tellTarget("/piyo"){
gotoAndPlay("attack");
}
 
====ボタンスクリプト====
ボタンには下記のActionScriptを使用できます。
on(イベント){
....
}
利用できるイベントは下記の４種類です。
*press
*release
*rollOut
*rollOver
 
====Flash CCの注意点====
Flash CCは、AS3しか書けない関係上、AS3が対応していないスクリプトがあるとエラーが発生します。 
回避策としては、下記のように /* as */　で囲んでください。 
/* as
tellTarget("hoge"){
stop();
}
*/
AS3ではボタンに直接スクリプトを記入することができません。 
インスタンス名を設定してLWFの外側から利用する感じになります。 
どうしてもボタンにスクリプトを仕込みたい時はボタンがあらわれるフレームのタイムラインスクリプトに 
下記のように/* as */で囲んでください。 
複数のボタンを同一フレームで使用したい場合は、各ボタンをムービークリップで包んで 
各ムービークリップの中でスクリプトを設定します。 
/* as
on (press) {
gotoAndPlay("ButtonOn");
}
on (release) {
gotoAndPlay("ButtonOff");
}
*/

ファイル:LWF-Unity-Collider-Sample1.png

2014-12-04T09:20:03Z

Tamago:

Unity ボタンについて

2014-12-04T09:11:03Z

Tamago:

LWFで設定したボタンをUnityで正常に動作させるためにはCameraの設定をothergraphicに設定する必要があります。 
perspectiveで使用したい場合はLWFのボタンを使用するのではなくUnityのColliderを利用してください。

Unityで利用する

2014-12-04T09:10:12Z

Tamago: /* ドキュメント */

スクリプトは全てC#での記述となっています。
==ドキュメント==
* [[ Unity_LWFデータの組み込み | LWFデータの組み込み ]]
* [[ Unity_LWF内のインスタンスを取得する | LWF内のインスタンスを取得する ]]
* [[ Unity_LWFからのイベントを受け取る | LWFからのイベントを受け取る ]]
* [[ Unity_3Dのソートについて | 3Dのソートについて]]
* [[ Unity_ボタンについて | ボタンについて ]]
* [[ Unity_ボタンをColliderとして扱う | ボタンをColliderとして扱う]]
* [[ Unity_フレームスクリプトにLuaを使う | フレームスクリプトにLuaを使う ]]

==API==
* [[ Unity_逆引きAPIリファレンス | 逆引きAPIリファレンス ]]
* [[ Unity_APIリファレンス | APIリファレンス ]]
==チュートリアル==
*

Unityで利用する

2014-12-04T09:10:04Z

Tamago: /* ドキュメント */

スクリプトは全てC#での記述となっています。
==ドキュメント==
* [[ Unity_LWFデータの組み込み | LWFデータの組み込み ]]
* [[ Unity_LWF内のインスタンスを取得する | LWF内のインスタンスを取得する ]]
* [[ Unity_LWFからのイベントを受け取る | LWFからのイベントを受け取る ]]
* [[ Unity_3Dのソートについて | 3Dのソートについて]]
* [[ Unity_ボタンについて | ボタンについて ]]
* [[ Unity_ボタンをColliderとして扱う | Unity_ボタンをColliderとして扱う]]
* [[ Unity_フレームスクリプトにLuaを使う | フレームスクリプトにLuaを使う ]]

==API==
* [[ Unity_逆引きAPIリファレンス | 逆引きAPIリファレンス ]]
* [[ Unity_APIリファレンス | APIリファレンス ]]
==チュートリアル==
*

LWFS-20141201-1830

2014-12-04T07:24:55Z

Tamago: ページの作成:「* fixed quotes. * merged latest lwf/swf2lwf. * updated rb-img. * cocos2d-x版にてFlashの加算カラーが使用可能に(パフォーマンス的には重めの処...」

* fixed quotes.
* merged latest lwf/swf2lwf.
* updated rb-img.

* cocos2d-x版にてFlashの加算カラーが使用可能に(パフォーマンス的には重めの処理なので注意)
* iOS8にてWebGLでアルファをかけた際に表示がおかしかった問題を修正

2014-11-12T08:51:13Z

Tamago: /* Startにコード追加 */

LWF最新版はUnity4.5以降のバージョンで動作します。
==lwf.unitypackageのダウンロード==
unity上でLWF上で動かすためのパッケージをダウンロードしてきます。 
https://github.com/gree/lwf/tree/master/csharp/unity/dist 
 
[[File:Lwf_unity_package_1.jpg|thumb|500px|none|left|lwf.unitypackageを選択]] 
[[File:Lwf_unity_package_2.jpg|thumb|500px|none|left|view.Rawを選択するとダウンロード開始]] 
 
==Unityプロジェクトにlwf.unitypackageをインポート==
ダウンロードしたlwf.unitypackageをUnityにインポートします。 
メニューからAssets -> Import Package -> Custom Package 
を選択してください。 
[[File:Lwf unity package import 1.jpg|thumb|500px|none|left|Custom Packageを選択]] 
 
そして、先ほどダウンロードしたlwf.unitypackageを選択してください。 
すると、下の図のようなインポートウインドウが表示されるので「Import」を選択します。 
[[File:Lwf unity package import 2.jpg|thumb|500px|none|left|Importを選択]] 
 
インポートに成功すればAssetsフォルダにLWF再生に必要なファイル群がインポートされます。 
これでLWFデータを再生する準備は整いました。 
[[File:Lwf unity package import 3.jpg|thumb|500px|none|left|※mainはUnityのシーンファイルなので関係なし]] 
 

==LWFデータをUnityにインポート==
再生の準備は整ったので次は再生したいLWFデータをインポートします。 
ResorcesフォルダにインポートしたいLWFデータと画像が入ったフォルダをドラッグ&ドロップしてインポートします。 
[[File:Lwf unity package import 4.jpg|thumb|500px|none|left|unity用LWFデータ]]
Unity用のLWFデータはLWFSを使って変換している場合 
LWFS_work_output/unity/ 
以下に生成されています。 
 
[[File:Lwf unity package import 5.jpg|thumb|500px|none|left|LWFデータをインポート]]
LWFデータが入ったフォルダは深い階層に入れても問題ありませんが 
必ずResorcesフォルダ内においてください。 
 

==再生用のスクリプトを作成==
LWFの再生を行うためのComponentを作成します。 
まずは、適当な名前のC#ファイルを生成します。 
(サンプルではLWFPlayerという名前にしています。) 
[[File:Lwf unity package import 6.jpg|thumb|500px|none|left|右クリックして Create -> C# Script を選択]] 
 
===継承先の変更===
ファイルを生成したら開いて、まずは継承先を「MonoBehavior」から「LWFObject」に変更します。
public class LWFPlayer : MonoBehavior {
↓
public class LWFPlayer : LWFObject {
 
===プロパティ追加===
publicなパラメータとしてstring型でpathという名前のプロパティを追加します。 
public string path;
次にカラー加算処理を適用するか判定するuseAdditionalColorというプロパティを追加します。 
カラー加算処理は通常に比べ負荷がかかるのでデフォルトではfalseになるように設定します。 
public bool useAdditionalColor = false;
 

===Update削除===
そして、void Update(){}の部分を削除します。 
Updateが存在すると正常に再生できないので注意してください。 
 
===Startにコード追加===
最後に、Start()に下記のスクリプトを追加します。 
Load (path, zRate:(float)0.0001, useAdditionalColor: useAdditionalColor);
ScaleForHeight((int)Camera.main.orthographicSize * 2);
1行目はLWFデータをロードしています。 
各引数の内容 
*path = 読み込むLWFのパス
*zRate = 各パーツ間のz軸の隙間。(デフォルト値だと隙間が大きいので限りなく小さくなるように設定)
*useAdditionalColor = 着色処理を行うかどうか。デフォルトはfalse
 
2行目は表示サイズを調整しています。 
 

===全体コード===
全体のコードはこうなっています。 
あくまでサンプルなので、活用する際は必要に応じてカスタマイズしていってください。 
using UnityEngine;
using System.Collections;

public class LWFPlayer : LWFObject {

public string path;
public bool useAdditionalColor = false;

// Use this for initialization
void Start () {
Load (path, zRate:(float)0.0001, useAdditionalColor:useAdditionalColor);
ScaleForHeight((int)Camera.main.orthographicSize * 2);
}

}
 

==空のGameObjectを追加==
メニューの GameObject -> Create Empty で空のGameObjectを追加します。 
[[File:Lwf unity package import 7.jpg|thumb|500px|none|left|Create Empty を選択]] 
 

==コンポーネントを追加==
追加したオブジェクトにAdd Componentで先ほど作ったC#スクリプトを追加します。 
[[File:Lwf unity package import 8.jpg|thumb|500px|none|left|先ほど作ったコンポーネントを追加]] 
 
追加したコンポーネントのpathの欄に再生したいLWFデータ(.bytes)をResourcesフォルダ基準で記入します。 
なお、拡張子は必要ありません。 
着色効果を有効にする場合はuseAdditionalColorにチェックをいれてください。 
 
Resources/simpleLWF/simpleLWF.bytesを再生したいときは 
simpleLWF/simpleLWFと記入してください。 
[[File:Lwf unity package import 9.jpg|thumb|500px|none|left|再生したいLWFデータのパスを記入]] 

==再生して確認する==
再生するとFlashで作ったアニメーションがUnity上に表示されます。 
これで組み込みは成功です。 
[[File:Lwf unity package import 10.jpg|thumb|500px|none|left|Flashで作ったアニメーションが再生されている]]
 
LWF UnityではGameObjectが3Dで扱える関係上、2Dアニメーションでありながら3D的な回転をかけたりすることができます。 
なので、通常の2Dアニメーションに比べて活用方法をより広げることができます。 
[[File:Lwf unity package import 11.jpg|thumb|500px|none|left|3D配置が可能]]
 

==補足==
===座標関係について===
UnityではGameObjectの場所にFlashのx:0y:0の座標が来るように表示されます。 
もしFlashのステージの中心を基準にしたい場合は、Startの二行目に記述したスクリプトを下記のように変更してください。 
ScaleForHeight((int)Camera.main.orthographicSize * 2);
↓
FitForHeight((int)Camera.main.orthographicSize * 2);
ScaleForHeight -> FitForHeight 
 
 
----

===Scene画面でもLWFを描画させたい===
プレビュー中はLWFが再生され描画が行われますが、停止させると描画が消えSceneでも表示を確認できなくなります。 
Sceneでの編集中も描画を表示させたい場合は
[ExecuteInEditMode]
を、クラス定義の上に追加してください。 
 
【サンプル】 
[ExecuteInEditMode]
public class LWFPlayer : LWFObject {
.....
}
と記述すれば、初回の再生以降はSceneに表示を残したままにすることができます。

Unity LWFデータの組み込み

2014-11-12T08:46:25Z

Tamago: /* プロパティ追加 */

LWF最新版はUnity4.5以降のバージョンで動作します。
==lwf.unitypackageのダウンロード==
unity上でLWF上で動かすためのパッケージをダウンロードしてきます。 
https://github.com/gree/lwf/tree/master/csharp/unity/dist 
 
[[File:Lwf_unity_package_1.jpg|thumb|500px|none|left|lwf.unitypackageを選択]] 
[[File:Lwf_unity_package_2.jpg|thumb|500px|none|left|view.Rawを選択するとダウンロード開始]] 
 
==Unityプロジェクトにlwf.unitypackageをインポート==
ダウンロードしたlwf.unitypackageをUnityにインポートします。 
メニューからAssets -> Import Package -> Custom Package 
を選択してください。 
[[File:Lwf unity package import 1.jpg|thumb|500px|none|left|Custom Packageを選択]] 
 
そして、先ほどダウンロードしたlwf.unitypackageを選択してください。 
すると、下の図のようなインポートウインドウが表示されるので「Import」を選択します。 
[[File:Lwf unity package import 2.jpg|thumb|500px|none|left|Importを選択]] 
 
インポートに成功すればAssetsフォルダにLWF再生に必要なファイル群がインポートされます。 
これでLWFデータを再生する準備は整いました。 
[[File:Lwf unity package import 3.jpg|thumb|500px|none|left|※mainはUnityのシーンファイルなので関係なし]] 
 

==LWFデータをUnityにインポート==
再生の準備は整ったので次は再生したいLWFデータをインポートします。 
ResorcesフォルダにインポートしたいLWFデータと画像が入ったフォルダをドラッグ&ドロップしてインポートします。 
[[File:Lwf unity package import 4.jpg|thumb|500px|none|left|unity用LWFデータ]]
Unity用のLWFデータはLWFSを使って変換している場合 
LWFS_work_output/unity/ 
以下に生成されています。 
 
[[File:Lwf unity package import 5.jpg|thumb|500px|none|left|LWFデータをインポート]]
LWFデータが入ったフォルダは深い階層に入れても問題ありませんが 
必ずResorcesフォルダ内においてください。 
 

==再生用のスクリプトを作成==
LWFの再生を行うためのComponentを作成します。 
まずは、適当な名前のC#ファイルを生成します。 
(サンプルではLWFPlayerという名前にしています。) 
[[File:Lwf unity package import 6.jpg|thumb|500px|none|left|右クリックして Create -> C# Script を選択]] 
 
===継承先の変更===
ファイルを生成したら開いて、まずは継承先を「MonoBehavior」から「LWFObject」に変更します。
public class LWFPlayer : MonoBehavior {
↓
public class LWFPlayer : LWFObject {
 
===プロパティ追加===
publicなパラメータとしてstring型でpathという名前のプロパティを追加します。 
public string path;
次にカラー加算処理を適用するか判定するuseAdditionalColorというプロパティを追加します。 
カラー加算処理は通常に比べ負荷がかかるのでデフォルトではfalseになるように設定します。 
public bool useAdditionalColor = false;
 

===Update削除===
そして、void Update(){}の部分を削除します。 
Updateが存在すると正常に再生できないので注意してください。 
 
===Startにコード追加===
そして最後に、Start()に下記のスクリプトを追加します。 
Load (path, zRate:(float)0.0001, useAdditionalColor: useAdditionalColor);
ScaleForHeight((int)Camera.main.orthographicSize * 2);
1行目はLWFデータをロードしています。 
各引数の内容 
*path = 読み込むLWFのパス
*zRate = 各パーツ間のz軸の隙間。(デフォルト値だと隙間が大きいので限りなく小さくなるように設定)
*useAdditionalColor = 着色処理を行うかどうか。デフォルトはfalse
 
2行目は表示サイズを調整しています。 
 

===全体コード===
全体のコードはこうなっています。 
あくまでサンプルなので、活用する際は必要に応じてカスタマイズしていってください。 
using UnityEngine;
using System.Collections;

public class LWFPlayer : LWFObject {

public string path;
public bool useAdditionalColor = false;

// Use this for initialization
void Start () {
Load (path, zRate:(float)0.0001, useAdditionalColor:useAdditionalColor);
ScaleForHeight((int)Camera.main.orthographicSize * 2);
}

}
 

==空のGameObjectを追加==
メニューの GameObject -> Create Empty で空のGameObjectを追加します。 
[[File:Lwf unity package import 7.jpg|thumb|500px|none|left|Create Empty を選択]] 
 

==コンポーネントを追加==
追加したオブジェクトにAdd Componentで先ほど作ったC#スクリプトを追加します。 
[[File:Lwf unity package import 8.jpg|thumb|500px|none|left|先ほど作ったコンポーネントを追加]] 
 
追加したコンポーネントのpathの欄に再生したいLWFデータ(.bytes)をResourcesフォルダ基準で記入します。 
なお、拡張子は必要ありません。 
着色効果を有効にする場合はuseAdditionalColorにチェックをいれてください。 
 
Resources/simpleLWF/simpleLWF.bytesを再生したいときは 
simpleLWF/simpleLWFと記入してください。 
[[File:Lwf unity package import 9.jpg|thumb|500px|none|left|再生したいLWFデータのパスを記入]] 

==再生して確認する==
再生するとFlashで作ったアニメーションがUnity上に表示されます。 
これで組み込みは成功です。 
[[File:Lwf unity package import 10.jpg|thumb|500px|none|left|Flashで作ったアニメーションが再生されている]]
 
LWF UnityではGameObjectが3Dで扱える関係上、2Dアニメーションでありながら3D的な回転をかけたりすることができます。 
なので、通常の2Dアニメーションに比べて活用方法をより広げることができます。 
[[File:Lwf unity package import 11.jpg|thumb|500px|none|left|3D配置が可能]]
 

==補足==
===座標関係について===
UnityではGameObjectの場所にFlashのx:0y:0の座標が来るように表示されます。 
もしFlashのステージの中心を基準にしたい場合は、Startの二行目に記述したスクリプトを下記のように変更してください。 
ScaleForHeight((int)Camera.main.orthographicSize * 2);
↓
FitForHeight((int)Camera.main.orthographicSize * 2);
ScaleForHeight -> FitForHeight 
 
 
----

===Scene画面でもLWFを描画させたい===
プレビュー中はLWFが再生され描画が行われますが、停止させると描画が消えSceneでも表示を確認できなくなります。 
Sceneでの編集中も描画を表示させたい場合は
[ExecuteInEditMode]
を、クラス定義の上に追加してください。 
 
【サンプル】 
[ExecuteInEditMode]
public class LWFPlayer : LWFObject {
.....
}
と記述すれば、初回の再生以降はSceneに表示を残したままにすることができます。