LWF Wiki - 新しいページ [ja]

DiezelSun (3Dグラフィックス)

2016-06-23T12:07:01Z

Welix8: ページの作成:「'' 'DiezelSun' '' - アーティスト、エンジン3dの開発者、当新たな方向性の創始者。ポスターのテーマは非常に人気があり、それは...」

'' 'DiezelSun' '' - アーティスト、エンジン3dの開発者、当新たな方向性の創始者。ポスターのテーマは非常に人気があり、それは宗教、宇宙と古代の経典と関連しています。

==リファレンス==
*[http://en.wiki.unrealsoftware.de/index.php/DiezelSun_3d_graphics]

LWFS-20150210-1258

2015-02-16T02:40:55Z

Tamago:

eac2c41 * modified to set stage backgroundColor black for WebGL/iOS8.
8f218c4 * adjusted detection of iOS in test-html5.js.
e7e1f8b * merged latest lwf.js.
8544fb8 * merged latest swf2lwf (line approx for curved segments in transformed rectangles).
18c9b5e * merged latest swf2lwf (exit status support).
 
iOS8でwebGLでの半透明を正しく描画するためにLWFS側のビューワ側でcanvasの背景色を黒に設定されるようになりました。 
実際の組み込みで同様の現象が起きる場合は同じく背景色を黒色にしてください。 
lwf-loaderを使っている場合は 
lwfLoader.playLWF()の前に、lwfLoader.backgroundColor = 'ff000000' 
を設定してください。

LWFS-20150115-1030

2015-02-16T02:36:26Z

Tamago: ページの作成:「*modified to allow lwfs.conf put under descendant folders of LWFS_work. *added warnings when REMOTE_SERVER is undefined while lwfs is invoked by start-remote, and initial...」

*modified to allow lwfs.conf put under descendant folders of LWFS_work.
*added warnings when REMOTE_SERVER is undefined while lwfs is invoked by start-remote, and initial REMOTE_SERVER is set to null to avoid confusion.
*merged latest lwf (Fix updaing blendMode from timeline).

LWFS-20141212-2155

2014-12-22T02:51:10Z

Tamago:

* merged latest lwf and swf2lwf.
このバージョンからLWFフォーマットがアップデートされたました。 
ランタイム側も新フォーマットに対応している必要があるのでランタイム側も更新してください。 
※LWFSの設定を変えて以前のLWFフォーマットで書き出すこともできます。 
設定方法は [http://lwf-users.org/index.php?title=LWFS%E8%A8%AD%E5%AE%9A(lwfs.conf)%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6 こちら] の"LWF_FORMAT_VERSION"の項目を参照してください

Unity ボタンをColliderとして扱う

2014-12-04T09:59:07Z

Tamago: /* LWF再生用のクラスにスクリプト追加 */

==ボタンをUnityのColliderとして扱う==
LWFを拡張することでFlash上で設定した矩形ボタンをUnityのColliderとして扱うことができます。 
これを利用することで、Flashで簡単に当たり判定などを設定することが出来ます。 
また、カスタマイズすることで好きなcolliderを生成することができます。 
[[File:LWF-Unity-Collider-Sample1.png|thumb|500px|none|left|BoxCollider以外にも2Dなど好きなColliderを生成できます]] 
 
 
 
==当たり判定用のボタンを作る==
当たり判定用のボタンは通常のボタンと違い特殊なシンボル名を設定する必要があります。 
通常のLWFのボタンと作り方は同じですがシンボル名を下記のように設定してください。 
ボタンが矩形でさえあればサイズは適当で構いません。 
*_PROG_ + (任意の名前)
サンプルでは_PROG_colliderというシンボル名にしたと想定して進めていきます。 
 
作ったボタンシンボルを当たり判定として用いたい箇所に配置してください。 
入れ子にしたりスケールをかけたり回転させても問題ありません。 
 
[[File:LWF-Unity-Collider-Sample2.png|thumb|500px|none|left|_PROG_colliderを配置]] 
 
 
 
==Unityに組み込む==
早速この状態でLWFに書きだしてUnityに組み込んでみましょう。 
[[File:LWF-Unity-Collider-Sample3.png|thumb|500px|none|left|Unity上でLWFを再生]] 
現時点では、Colliderは生成されません。 
先ほどのボタンをcolliderとして生成するためのスクリプトを追加する必要があります。 
 
 
 
==collider生成用のスクリプト追加==
新規のC#ファイルを作成して、下記のページの1行目から121行目をコピペします。 
https://github.com/splhack/Hello-LWF-Unity/blob/master/Assets/Scripts/CollisionTest.cs 
 
 
 

==LWF再生用のクラスにスクリプト追加==
LWFを再生しているスクリプトに下記のコードを追加します。 
SetProgramObjectConstructor("collider",(programObject, objectId, width, height) => {
return new ColliderHelper(this, programObject.lwf, width / 2.0f,
onTriggerEnter2D:(other) => {
Debug.Log("hit");
});
});
コードを追加して、もう一度再生するとCircleCollider2Dが生成されていることが確認できます。 
[[File:LWF-Unity-Collider-Sample4.png|thumb|500px|none|left|CircleCollider2Dが生成されている]]

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でアルファをかけた際に表示がおかしかった問題を修正

Cocos LWF内のインスタンスを取得する

2014-12-02T04:02:58Z

Tsuneo.sawai:

== ムービークリップを取得する ==
=== LWFのrootを取得 ===
* C++
LWFNode->lwf->rootMovie
* Lua
self.lwf._root
（local _root= self.lwf._root）が記述されている場合
_rootでも可

=== LWFのroot直下のムービークリップを取得 ===
* C++
LWFNode->lwf->rootMovie->SearchMovieInstance("インスタンス名",false);
* Lua
self.lwf._root.インスタンス名

Unity フレームスクリプトにLuaを使う

2014-11-06T13:40:36Z

Tamago:

Unity用のLWFではフレームスクリプトにASではなくLuaという言語を用いることで 
フレームスクリプトでLWFやUnityのAPIを叩くことができるようになりFlashでActionScriptを用いて作るような動的アニメーションや制御を制作することができます 
処理を入れすぎるとブラックボックス化してしまう可能性があることに注意して利用してください。 
==Luaの書き方==
タイムラインにLuaを書く場合、HTML5版のJavaScriptと同じように、コメントブロックにLuaスクリプトを書きます。
/* lua
_root.mc1.x = 5
*/
 
実行タイミングとして、lua, lua_load, lua_postLoad, lua_enterFrame　等が使えます。 
ボタンの場合、onハンドラの中に書きます。 
on(press){
/* lua
_root.mc1.x = 5
*/
}
 
 
 
==Luaを書いてみる==
タイムラインにLuaを記述して、LWFSでコンバートするとタイムラインのスクリプトが外部ファイルとなって 
LWFS_work_output/unity/<LWF名> 内にテクスチャ等と一緒に 
<LWFファイル名>_script.txtというファイルが生成されています。 
 
【自身を毎フレーム動かすサンプル】
/* lua_enterFrame
self.x = self.x + 1
self.y = self.y + 1
*/
 
 
 

==KopiLuaInterfaceの導入==
Unity上でLuaスクリプトを動かすためにはKopiLuaInterfaceというものを導入する必要があります。 
*KopiLuaInterfaceのダウンロード
*:http://gfootweb.webspace.virginmedia.com/KLI-bin/
*:KLI-1.2zipをダウンロード
[[File:LWF UnityLua1.jpg|thumb|500px|none|left|zipファイルをダウンロード]] 
*Pluginsフォルダに配置
*:ダウンロードしたファイルを解凍しUnityのpluginsフォルダに配置
[[File:LWF UnityLua2.jpg|thumb|500px|none|left|pluginsフォルダに配置]] 
以上で導入は完了です。 
 
 

==Luaを使えるように設定==
デフォルトではLWFはLuaを扱えないので、Unityで設定を変更する必要があります。 
 
Unityにてメニューから 
Edit -> Project Settings -> Player 
を選択肢してください。 
[[File:LWF UnityLua3.jpg|thumb|500px|none|left|Edit -> Project Settings -> Player　を選択]] 
 
InspectorにPlayerSettingsが表示されたら 
Other SettingsのConfiguration項目のScripting Define Symbolsの欄に 
LWF_USE_LUA 
という記述を追加してください。 
[[File:LWF UnityLua4.jpg|thumb|500px|none|left|LWF_USE_LUAを記述]]
 
 
 

==Luaを動かしてみる==
これでLWFでLuaを動かす準備が整ったので実際に動かしてみます。 
LWFを動かしているスクリプトに下記を追加します 
 
*一番上に追加してください
using LuaInterface
*Load前に追加してください
TextAsset luaScript = Resources.Load("スクリプトファイルのパス") as TextAsset;
Lua lua = new Lua();
lua.DoString(luaScript.text);
 
*Loadの引数に下記を追加してください。 
*:エディタの補完にluaStateは表示されませんが、先ほどのLWF_USE_LUAの設定を行えばエラーは発生しません。 
luaState:lua.luaState
 
*Lua関連の記述を追加した場合の全体のサンプルです。 
using UnityEngine;
using System.Collections;
using LuaInterface;

[ExecuteInEditMode]
public class LWFPlayer : LWFObject {

public string path;
public bool useAdditionalColor = false;

public bool useLua = false;
Lua lua = null;
KopiLua.Lua.lua_State luaState = null;

// Use this for initialization
void Start () {

if (useLua) {
TextAsset luaScript = Resources.Load(path + "_script") as TextAsset;
lua = new Lua();
lua.DoString(luaScript.text);
luaState = lua.luaState;
}
Load (path, zRate:(float)0.0001, useAdditionalColor: useAdditionalColor, luaState:luaState);

ScaleForHeight((int)Camera.main.orthographicSize * 2);
}

}
上記のサンプルでは対象のGameObjectのInspectorにてuseLuaにチェックを入れた場合のみスクリプトファイルを読み込むようにしています。 
 
 
 

==LuaでUnityのAPIを利用する==
LuaはLWFだけでなくUnity側のAPIも利用することができます。 
下記の記述をスクリプトに追加すればlogが出力されるようになります 
luanet.UnityEngine.Debug.Log("lua test")

Unity 3Dのソートについて

2014-11-06T06:22:38Z

Tamago:

==ソートについて==
UnityではLWFを再生しているオブジェクトを回転させることで平面ポリゴン的な表現を行うこともできます。 
しかし、下記の条件のいずれかに当てはまるとカメラの画角によりLWFアニメーションのパーツのソート順が狂うことがあります。 
*DrawMeshRenderer使用時
*各パーツを1枚のアトラスにまとめていない場合
ソート順を完全に再現するには 
CombinedMeshRenderer + 各パーツが1枚のアトラス画像にまとめられている状態にする必要があります。

LWFS-20141021-1823

2014-10-22T06:27:50Z

Tamago: ページの作成:「* fixed 'Publish for LWF.jsfl' to set the player version to 'FlashPlayer11.7' instead of 'FlashPlayer11.8'. * modified to stop conversion for repeated exceptions. * adjus...」

* fixed 'Publish for LWF.jsfl' to set the player version to 'FlashPlayer11.7' instead of 'FlashPlayer11.8'.
* modified to stop conversion for repeated exceptions.
* adjusted osx/README*.txt.
* adjusted win/README*.txt.
* renamed start*.js to start*.jse.

Unity ボタンについて

2014-10-03T07:13:32Z

Tamago:

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

Unity APIリファレンス

2014-10-01T09:55:19Z

Tamago: ページの作成:「==LWF Unity API== *LWFObject」

==LWF Unity API==
*[[ Unity_API_LWFObject |LWFObject]]

Unity LWFからのイベントを受け取る

2014-10-01T07:23:19Z

Tamago:

Flashで設定したfscommandによって発生したイベントをUnity側で受け取ることで 
特定のタイミングで処理を実行させることができるようになります。 
 
Flash側でのイベント設定の方法は [[Flash%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB#.E3.82.A4.E3.83.99.E3.83.B3.E3.83.88.E7.99.BA.E7.94.9F |コチラ]] を参照してください。 
 
==イベントリスナーを設定する==
下記のサンプルでは、各インスタンスで発生した"ATTACK"イベントを全て検知します。
AddEventHandler (
eventName:"ATTACK",
eventHandler:(LWF.Movie arg1, LWF.Button arg2) => {
Debug.Log ("attack event");
}
);
インスタンスを指定して検知したい場合は
(対象となるインスタンス).AddEventHandler (
eventName:"ATTACK",
eventHandler:(LWF.Movie arg1, LWF.Button arg2) => {
Debug.Log ("attack event");
}
);
となるようにしてください。 

==ボタンのイベントリスナーを設定する==

Unity LWF内のインスタンスを取得する

2014-09-30T12:32:06Z

Tamago: /* ムービークリップを取得する */

==ムービークリップを取得する==
ムービークリップを取得するには 
 
<LWF.Movieインスタンス>.SearchMovieInstance(arg1,arg2); 
*arg1 : string "インスタンス名"
*arg2 : bool "自身の子以外のインスタンスを検索対象にするか"
 
または 
 
<LWF.Movieインスタンス>["インスタンス名"]; 
※<LWF.Movieインスタンス>.SearchMovieInstance("インスタンス名", false); と同義 
 
を使用します。 
 
 
しかし、Load()を行った直後はまだLWFの構築が終わっていないため、rootに置かれているインスタンスを取得をすることができません。 
なので、構築完了を待ってから取得する必要があります。 
※rootの参照は構築前でも可能です。 
 
【サンプル】 
rootにcharaというインスタンス名のムービークリップが置いてあると仮定します。 
下記の例だと構築が完了していないためLogにはNullが返ってきます。 
//ダメな例
(Load処理)

Debug.Log(lwf.rootMovie["chara"]);
 
 
なので、構築完了時に発行されるpostLoadイベントを受け取ってから参照するようにします。 
//良い例
(Load処理)

lwf.rootMovie.AddEventHandler("postLoad", delegate(LWF.Movie movie) {
Debug.Log (lwf.rootMovie["chara"]);
});

こうすることでcharaインスタンスを参照して制御することができるようになります。 
 
 
 

==ボタンを取得する==
ボタンを取得するには 
<LWF.Movieインスタンス>.SearchButtonInstance(arg1,arg2); 
*arg1 : string "インスタンス名"
*arg2 : bool "自身の子以外のインスタンスを検索対象にするか"
を使用します。 
 
 
【サンプル】 
rootにbuttonというインスタンス名のボタンが置いてあると仮定します。 
ムービークリップ同様、構築が完了していないとLogにはNullが返ってきます。 
(Load処理)

Debug.Log(lwf.rootMovie.SearchButtonInstance("button", false));
 
 
なので、構築完了時に発行されるpostLoadイベントを受け取ってから参照するようにします。 
(Load処理)

lwf.rootMovie.AddEventHandler("postLoad", delegate(LWF.Movie movie) {
Debug.Log(lwf.rootMovie.SearchButtonInstance("button", false));
});
 
 
 

==gotoAndPlayでジャンプするフレームに置いてあるインスタンスを取得する==
GotoAndPlay()などでジャンプした先にいかないと存在しないインスタンスはGotoAndPlay()の直後に 
取得しようとしてもNullが返ってきてしまいます。 
 
rootの"attack"というラベルに存在する"sword"というインスタンス名のムービークリップをすると仮定します。 
 
下記のコードだとインスタンスを取得することはできません。 
lwf.rootMovie.GotoAndStop("attack");
Debug.Log(lwf.rootMovie["sword"]);
 
この場合、ジャンプしてその先の構築が行われるまで待つ必要があります。 
下記がサンプルになります。 
lwf.rootMovie.GotoAndStop ("attack");
lwf.rootMovie.AddEventHandler("render", delegate(LWF.Movie movie) {
lwf.rootMovie.ClearEventHandler("render");
Debug.Log (lwf.rootMovie["sword"]);
});
 
または下記のように設定してください
lwf.rootMovie.GotoAndStop("attack");
var eventId = lwf.AddMovieEventHandler("_root.char.sword", postLoad: (movie) => {
lwf.RemoveMovieEventHandler("_root.sword", eventId);
Debug.Log (movie);
});

Unity LWFデータの組み込み

2014-09-30T07:24:53Z

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に表示を残したままにすることができます。

HTML5 LWFからのイベントを受け取る

2014-09-30T07:11:47Z

Tamago: ページの作成:「ActionScriptのfscommand()で発生したイベントは記述したインスタンスに対してではなくLWFのrootで発生します。 そのためfscommand...」

ActionScriptのfscommand()で発生したイベントは記述したインスタンスに対してではなくLWFのrootで発生します。 
そのためfscommandで発生したイベントを受け取るには下記のように記述します。 
<LWFインスタンス>.setEventHandler("イベント名", ハンドラ関数);
 
【サンプル】 
"ATTACK"というイベントを発生させて受け取る場合 
//タイムライン側
fscommand("event","ATTACK");

//javaScript側
window.stage.lwf.setEventHandler("ATTACK",function(){
console.log("get event");
});
という感じになります。 
※LWFSのビューワはテスト用にwindow.stage.lwfで再生しているLWFのインスタンスを取得することができます。

HTML5 フレームスクリプトにjavaScriptを使う

2014-09-30T05:47:20Z

Tamago: /* タイムラインにjavaScriptを書く */

基本的にFlashのタイムラインにはActionScriptしか記述できません。 
LWFが対応しているActionScriptはタイムライン制御やイベント発火といったアニメーションパーツとして最低限必要なものしかありません。 
それ以上のことをLWFのタイムライン側で行いたい場合はActionScriptではなく各環境にあった言語を使う必要があります。 
HTML5の場合はjavaScriptを記述します。 
 
==タイムラインにjavaScriptを書く==
javaScriptを記述するには下記のようにします。
/* js
//移動する
this.x = 100;
this.y = 50;
//ランダム回転
this.rotation = Math.random() * 360;
//タイムライン制御
this.gotoAndPlay("attack");
*/
上記のように 
/* js */ 
というブロックコメントを作り、その中にjavaScriptを記述しています。 
thisはjavaScriptを記述したオブジェクト自身を指し、上記のように各種APIを実行することができます。 
 
どのようなことができるかはAPIリファレンスや逆引きリファレンスを参照してください。 
 
[[File:Flash_script1.png|thumb|500px|none|left|タイムラインのフレームにスクリプトを記述]] 
 
==エディタでjsを書く==
Flashのアクションパネルではなく、別のエディタでjsを使いたい場合のためにjsファイルを簡単にFlashのアクションパネルに 
インポートするためのjsflコマンド include JavaScript for LWF が Publish for LWF と共に入っています。 
[[%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AA%E3%81%A9%E3%81%A7%E6%A5%BD%E3%80%85%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%EF%BC%88include_JavaScript_for_LWF%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%EF%BC%89 | 詳しい使い方はコチラ]] 
[[File:Flash_script2.png|thumb|500px|none|left|include JavaScript for LWF]] 
 
==jsファイルを使う==
Flashのフレームスクリプトではなく、jsファイルを使って処理を行いたい場合はLWFのインスタンスをjsに渡して処理を行います。 
【サンプル】
//windowに定義してあるインスタンスで処理を行いたい場合
//LWFのrootの1フレーム目で必要なインスタンスを渡して操作する
window.lwfJS.start(_root, Tween);

HTML5 LWF内のインスタンスを取得する

2014-09-30T05:36:26Z

Tamago: ページの作成:「==ムービークリップやボタンを取得する== LWF内のムービークリップやボタンを参照したい場合 Flashで設定したインスタンス...」

==ムービークリップやボタンを取得する==
LWF内のムービークリップやボタンを参照したい場合 
Flashで設定したインスタンス名で参照します。 
 
例えばrootにあるムービークリップ[hoge]を参照したい場合は
<LWFインスタンス>.rootMovie.hoge;
という形で参照できます。 
 
取得したムービークリップはタイムラインを制御したり位置を変えたりイベントリスナーを設定したりすることができます 
var movie = <LWFインスタンス>.rootMovie.hoge;
movie.x = 100;
movie.gotoAndPlay("jump");
ボタンも同様の流れで参照して利用することができます。
どのようなことができるかはAPIリファレンスや逆引きリファレンスを参照してください。

Flashマニュアル

2014-09-24T05:43:37Z

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");
}
*/

出力ファイルの確認

2014-09-19T05:58:29Z

Tamago: /* 変換されたデータを確認する */

==LWFS_work_outputを開く==
LWFS_workと一緒にLWFS_work_outputというフォルダが生成されていると思います。 
LWFS_workが作業フォルダなのに対しLWFS_work_outputには変換後のLWFデータファイルが出力されています。 

==変換されたデータを確認する==
LWFS_work_outputフォルダを開くと「html5」「native」「unity」のフォルダがあると思います。 
それぞれのフォルダに各環境に必要な形式で変換されたLWFデータが格納されています。 
[[File:Lwfs_work_output1.jpg|thumb|500px|none|left|LWFS_work_outputを開く]]
===各環境のデータ保存場所===
*HTML5
**html5/list/
*Cocos2d-xなど
**native/
*Unity
**unity/
上記の場所に、LWFSのリスト画面と同じ構造でフォルダが構築されており最下層にLWFデータと使用する画像等が出力されています。 
[[File:Lwfs_work_output2.jpg|thumb|500px|none|left|Unity用のプロジェクトフォルダの中身。Unity版では.lwfではなく.bytesファイルになっている]]

==LWFデータを渡す際==
実際UnityなどにLWFを組み込んで動かす場合、outputフォルダ内のLWFデータをアップする形になります。 
しかし、LWFフォーマットがバージョンアップした場合、LWFS上で全ての変換をやり直してアップするのは手間なので 
LWFS_workフォルダのファイルをアップしてLWFデータへの変換は別途システムを組んで行うようにするケースも見受けられます 
フローはプロジェクトの状況によって変わるので、よく相談した上でどうするか決めてください。

変換テスト

2014-09-18T12:03:04Z

User: /* Publish for LWFコマンドについて */

LWF変換が正常に行えるか、適当なファイルを作ってテストしてみます。 
==LWFS_workフォルダを開く==
LWFSを立ち上げたことによりデスクトップにLWFS_workフォルダが生成されたと思います。
このLWFS_workフォルダの中で作業を進めていきます。 
 

==新しいフォルダを作る==
LWFS_workフォルダ内に新しいフォルダを作ります。 
フォルダ名は英数字で頭にはアルファベットをつけるようにしてください。 
==フォルダと同じ名前のflaファイルを保存する==
Flashを立ち上げてください。プロジェクトはFlashであれば何でも良いです。 
立ち上がったらまずは先ほど作ったフォルダに同名でflaファイルを保存してください。 

==適当なアニメーションをつけてみる==
確認用に適当なアニメーションを作ってみます。 
[[File:LWF_FlashWork1.png|thumb|400px|none|left|適当なベクター画像を描く]]
 
LWFではベクターデータは扱えないので絵を選択して右クリックで「ビットマップに変換」を選択します。 
もし、画像を取り込んで使う際は必ずpngファイルを使用してください。 
また、jpeg圧縮をかけないようにしてください。 
※LWF制作での注意点や制限は後程、ドキュメントのFlashマニュアルで確認して下さい。 
 
[[File:LWF_FlashWork2.png|thumb|400px|none|left|ベクター画像をビットマップに変換]]
 
ビットマップで変換で生成されたビットマップは「ビットマップ 1」という名前でライブラリに入っていると思います。 
2バイト文字が入っていると問題になりやすいので適当な半角英数の名前 + .pngに変更してください。 
 
[[File:LWF_FlashWork3.png|thumb|400px|none|left|ビットマップ1　から　半角英数の名前 + .png へ変更]]
 
ステージ上の画像をムービークリップかグラフィックシンボルに変換してモーショントゥイーンで動きをつけます。 
 
[[File:LWF_FlashWork4.png|thumb|400px|none|left|適当なモーショントゥイーンをつけてみる]] 
 

==LWFデータに変換する==
LWFデータへの変換を行います。 
LWFS実行時にパブリッシュ用のコマンドが追加されるのでそれを実行します。 
Flashの上部メニューの「コマンド」の「Publish for LWF」を実行してください。 
[[File:LWF_FlashWork5.jpg|thumb|500px|none|left|コマンドから Publish for LWF を実行]] 
 
そうすると、変換に必要なファイルがflaファイルと同じフォルダに書きだされます。 
※.fla～ファイルはバックアップ用のflaファイルなので変換には使用されません 
[[File:LWF_FlashWork6.jpg|thumb|500px|none|left|パブリッシュ後のフォルダ]] 
 
するとLWFSがファイルを検知して変換が自動的に始まります。 
変換中はLWFSのリスト画面に更新状態のインジケータが表示されます。 
[[File:Lwfs_start.png|500px|thumb|none|LWF変換中の画面]] 
 
そして、処理が終了すると先ほどつけた名前のものが一覧に表示されます。 
表示されてstatusがNGになっていなければ変換成功です。 
[[File:0004.png|500px|thumb|none|変換が完了しリストに表示される]] 
 

==プレビュー==
リストからはHTML5版のプレビューをCSS、Canvas、WebGLの各種描画で確認できます。 
一番機能対応がしっかりしていて、UnityやCococs2d-xに近いのはWebGLになります。 
[[File:LWF FlashWork7.jpg|500px|thumb|none|プレビュー画面]]

==Publish for LWFコマンドについて==
Flashのメニュー [コマンド] - [Publish for LWF]を実行すると、Flashのライブラリパネル内の画像、ムービークリップにリンケージが設定されます。 
画像、ムービークリップが、フォルダ内にある場合は、そのフォルダ名と、ファイル名が_でつながってリンケージに設定されます。bmp_dog.png。下図参照。 
__IGNORE__フォルダ内にある場合は、リンケージは設定されません。 

例： 
ライブラリパネルの内容 
<pre>
名前 |ASリンケージ
---------------------------------------------
[__IGNORE__](フォルダ) |
cat.png |※__IGNORE__フォルダ内にある場合は、リンケージは設定されません
bird.png |
|
[bmp](フォルダ) |
dog.png |bmp_dog.png
|
[mc](フォルダ) |
monkeyMC(ムービークリップ) |mc_monkeyMC
</pre>

Temp1

2014-09-18T07:44:23Z

Tamago:

==LWF Wiki==
{| style="width:100%;"
|-
| style="width:50%; vertical-align:top; padding-left:0.2em" |
「LWF」を使ってAdobe Flashで汎用2Dアニメーションデータが作れます。 
LWFデータはHTML5、Unity、Cocos2d-xなどで利用することができます 
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|

'''最新版ダウンロード:'''

LWFS - 20140828-0241 
[https://github.com/gree/lwfs/releases/ ダウンロード] 
|}

{| style="width:100%;"
|-
| style="width:50%; vertical-align:top; padding-left:0.2em" |

== はじめてのLWF ==
* [[LWFとは | LWFとは]]
* [[導入方法 | インストール]]
* [[変換テスト | 変換テスト]]
* [[出力ファイルの確認 | 出力ファイルの確認]]
* [[端末での再生確認方法 | 端末での再生確認方法]]

| style="width:50%; vertical-align:top; padding-left:1em" |

== LWFS更新情報 ==
* [[LWFS-20140722-1356 | LWFS-20140722-1356]]
* [[LWFS-20140626-1721 | LWFS-20140626-1721]]
* [[LWFS-20140612-1032 | LWFS-20140612-1032]]
* [[LWFS-20140605-1325 | LWFS-20140605-1325]]
* [[LWFS-20140526-2335 | LWFS-20140526-2335]]
* [[LWFS-20140416-1209 | LWFS-20140416-1209]]

* [[:Category:リリース情報|過去の更新情報]]

|}

{| style="width:100%;"
|-
| style="width:50%; vertical-align:top; padding-left:0.2em" |

== ドキュメント ==
* [[Flashマニュアル | Flashマニュアル]]
* [[テクスチャアトラス | テクスチャアトラスを作る ]]
* [[LWFSの使い方 | LWFSの使い方]]
===各環境ごとのドキュメント===
* [[HTML5で利用する | HTML5で利用する]]
* [[Unityで利用する | Unityで利用する]]
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]

| style="width:50%; vertical-align:top; padding-left:1em" |

== リンク ==
* [https://github.com/gree/lwf LWF - github]
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]
|}

{| style="width:100%;"
|-
| style="width:50%; vertical-align:top; padding-left:0.2em" |

== その他 ==
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]
* [[LWFフォーマットについて | LWFフォーマットについて]]
* [[よくある質問 | よくある質問]]
| style="width:50%; vertical-align:top; padding-left:1em" |

|}

{| style="width:100%;"
|-
| style="width:50%; vertical-align:top; padding-left:0.2em" |

==お知らせ==

*

__NOEDITSECTION____NOTOC__

Cocos2d-xで利用する

2014-09-18T06:56:29Z

Tsuneo.sawai:

スクリプトはC++及びLuaでの記述となっています。
==ドキュメント==
* [[ LWF_for_cocos2d-x | LWFデータの組み込み ]]
* [[ Cocos_LWF内のインスタンスを取得する | LWF内のインスタンスを取得する ]]
* [[ Cocos_タイムラインを制御する | タイムラインを制御する ]]
* [[ Cocos_LWFからのイベントを受け取る | LWFからのイベントを受け取る ]]
* [[ Cocos_フレームスクリプトにLuaを使う | フレームスクリプトにLuaを使う ]]

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

Unityで利用する

2014-09-18T06:55:05Z

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リファレンス ]]
==チュートリアル==
*

HTML5で利用する

2014-09-18T06:53:28Z

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

LWF for cocos2d-x

2014-08-27T09:15:41Z

Tamago:

==環境構築==
以上が用意されていること 
・LWFS環境 
・Xcode4.6以上 
・cocos2d-x 3.x 

==サンプルを実行してみよう==
https://github.com/splhack/Hello-LWF-Cocos2d-x
これを確かめてみよう
[[ファイル:Lwc1.png]]

Download ZIPでプロジェクトをダウンロード 
 
 
==プロジェクトを作ろう==
まずはcocos2d-x 3.x系のプロジェクトを新規作成してください 
[[ファイル:Lwc2.png]] 
 
 
・Hello-LWF-Cocos2d-xのlwfフォルダをプロジェクトにコピー 
[[ファイル:Lwc3.png]] 
 
 
これを 
 
 
[[ファイル:Lwc4.png]] 
ここにおく 
 
 
・Add Files > lwf/project.ios_mac/lwf.xcodeproj 
[[ファイル:Lwc5.png]] 
 
 
・PREJECT > Build Settings > Header Search Paths 
$(SRCROOT)/../lwf/cplusplus/core 
$(SRCROOT)/../lwf/cplusplus/cocos2dx 
[[ファイル:Lwc6.png]] 
 
 
・TARGETS > (プロジェクト名) iOS > Build Phases 
Target Dependencies：lwf iOS追加 
Link Binary With Libraries：liblwf iOS追加 
[[ファイル:Lwc7.png]] 
 
 
ここまででビルドできるはず
 
 
 
==lwfをプロジェクトに組み込もう==
・Hello-LWF-Cocos2d-xのmaskフォルダを作成したプロジェクトにコピ−する 
 
[[ファイル:Lwc8.png]] 
 
 
[[ファイル:Lwc9.png]] 
 
 
・コピーしたmaskフォルダをResourcesにAdd Filesして、「Create folder references for any added folders」として追加 
[[ファイル:Lwc10.png]] 
 
 
・Hello-LWF-Cocos2d-xのHelloWorldSceneを真似して書く 
[[ファイル:Lwc11.png]] 
 
 
[[ファイル:Lwc12.png]] 

==シミュレータ上で再生されるのを確認しよう==
再生！