http://lwf-users.org/api.php?action=feedcontributions&feedformat=atom&user=User
LWF Wiki - 利用者の投稿記録 [ja]
2026-05-28T15:12:12Z
利用者の投稿記録
MediaWiki 1.21.1
http://lwf-users.org/index.php?title=%E5%A4%89%E6%8F%9B%E3%83%86%E3%82%B9%E3%83%88
変換テスト
2016-08-12T02:12:48Z
<p>User: /* Publish for LWFコマンドについて */</p>
<hr />
<div>LWF変換が正常に行えるか、適当なファイルを作ってテストしてみます。<br/><br />
==LWFS_workフォルダを開く==<br />
LWFSを立ち上げたことによりデスクトップに<b>LWFS_workフォルダ</b>が生成されたと思います。<br />
このLWFS_workフォルダの中で作業を進めていきます。<br/><br />
<br/><br />
<br />
==新しいフォルダを作る==<br />
LWFS_workフォルダ内に新しいフォルダを作ります。<br/><br />
フォルダ名は英数字で頭にはアルファベットをつけるようにしてください。<br/><br />
==フォルダと同じ名前のflaファイルを保存する==<br />
Flashを立ち上げてください。プロジェクトはFlashであれば何でも良いです。<br/><br />
立ち上がったらまずは先ほど作ったフォルダに同名でflaファイルを保存してください。<br/><br />
<br />
==適当なアニメーションをつけてみる==<br />
確認用に適当なアニメーションを作ってみます。<br/><br />
[[File:LWF_FlashWork1.png|thumb|400px|none|left|適当なベクター画像を描く]]<br />
<br/><br />
LWFではベクターデータは扱えないので絵を選択して右クリックで「ビットマップに変換」を選択します。<br/><br />
もし、画像を取り込んで使う際は必ず<b>pngファイル</b>を使用してください。<br/><br />
また、<b>jpeg圧縮をかけないようにしてください。</b><br/><br />
※LWF制作での注意点や制限は後程、ドキュメントのFlashマニュアルで確認して下さい。<br/><br />
<br/><br />
[[File:LWF_FlashWork2.png|thumb|400px|none|left|ベクター画像をビットマップに変換]]<br />
<br/><br />
ビットマップで変換で生成されたビットマップは「ビットマップ 1」という名前でライブラリに入っていると思います。<br/><br />
2バイト文字が入っていると問題になりやすいので適当な<b>半角英数の名前 + .png</b>に変更してください。<br/><br />
<br/><br />
[[File:LWF_FlashWork3.png|thumb|400px|none|left|ビットマップ1 から 半角英数の名前 + .png へ変更]]<br />
<br/><br />
ステージ上の画像をムービークリップかグラフィックシンボルに変換してモーショントゥイーンで動きをつけます。<br/><br />
<br/><br />
[[File:LWF_FlashWork4.png|thumb|400px|none|left|適当なモーショントゥイーンをつけてみる]]<br/><br />
<br/><br />
<br />
==LWFデータに変換する==<br />
LWFデータへの変換を行います。<br/><br />
LWFS実行時にパブリッシュ用のコマンドが追加されるのでそれを実行します。<br/><br />
Flashの上部メニューの「コマンド」の「<font color="#ff0000">Publish for LWF</font>」を実行してください。<br/><br />
[[File:LWF_FlashWork5.jpg|thumb|500px|none|left|コマンドから Publish for LWF を実行]]<br/><br />
<br/><br />
そうすると、変換に必要なファイルがflaファイルと同じフォルダに書きだされます。<br/><br />
※.fla～ ファイルはバックアップ用のflaファイルなので変換には使用されません<br/><br />
[[File:LWF_FlashWork6.jpg|thumb|500px|none|left|パブリッシュ後のフォルダ]]<br/><br />
<br/><br />
するとLWFSがファイルを検知して変換が自動的に始まります。<br/><br />
変換中はLWFSのリスト画面に更新状態のインジケータが表示されます。<br/><br />
[[File:Lwfs_start.png|500px|thumb|none|LWF変換中の画面]]<br/><br />
<br/><br />
そして、処理が終了すると先ほどつけた名前のものが一覧に表示されます。<br/><br />
表示されてstatusがNGになっていなければ変換成功です。<br/><br />
[[File:0004.png|500px|thumb|none|変換が完了しリストに表示される]]<br/><br />
<br/><br />
<br />
==プレビュー==<br />
リストからはHTML5版のプレビューをCSS、Canvas、WebGLの各種描画で確認できます。<br/><br />
一番機能対応がしっかりしていて、UnityやCococs2d-xに近いのはWebGLになります。<br/><br />
[[File:LWF FlashWork7.jpg|500px|thumb|none|プレビュー画面]]<br />
<br />
<br />
==Publish for LWFコマンドについて==<br />
Flashのメニュー [コマンド] - [Publish for LWF]を実行すると、Flashのライブラリパネル内の画像、ムービークリップにリンケージが設定されます。<br /><br />
画像、ムービークリップが、フォルダ内にある場合は、そのフォルダ名と、ファイル名が_でつながってリンケージに設定されます。bmp_dog.png。下図参照。<br /><br />
__IGNORE__フォルダ内にある場合は、リンケージは設定されません。<br /><br />
<br />
例：<br /><br />
ライブラリパネルの内容<br /><br />
<pre><br />
名前 |ASリンケージ<br />
---------------------------------------------<br />
[__IGNORE__](フォルダ) |<br />
cat.png |※__IGNORE__フォルダ内にある場合は、リンケージは設定されません<br />
bird.png |<br />
| <br />
[bmp](フォルダ) |<br />
dog.png |bmp_dog.png<br />
|<br />
[mc](フォルダ) |<br />
monkeyMC(ムービークリップ) |mc_monkeyMC<br />
</pre></div>
User
http://lwf-users.org/index.php?title=%E5%A4%89%E6%8F%9B%E3%83%86%E3%82%B9%E3%83%88
変換テスト
2016-08-12T01:59:13Z
<p>User: </p>
<hr />
<div>LWF変換が正常に行えるか、適当なファイルを作ってテストしてみます。<br/><br />
==LWFS_workフォルダを開く==<br />
LWFSを立ち上げたことによりデスクトップに<b>LWFS_workフォルダ</b>が生成されたと思います。<br />
このLWFS_workフォルダの中で作業を進めていきます。<br/><br />
<br/><br />
<br />
==新しいフォルダを作る==<br />
LWFS_workフォルダ内に新しいフォルダを作ります。<br/><br />
フォルダ名は英数字で頭にはアルファベットをつけるようにしてください。<br/><br />
==フォルダと同じ名前のflaファイルを保存する==<br />
Flashを立ち上げてください。プロジェクトはFlashであれば何でも良いです。<br/><br />
立ち上がったらまずは先ほど作ったフォルダに同名でflaファイルを保存してください。<br/><br />
<br />
==適当なアニメーションをつけてみる==<br />
確認用に適当なアニメーションを作ってみます。<br/><br />
[[File:LWF_FlashWork1.png|thumb|400px|none|left|適当なベクター画像を描く]]<br />
<br/><br />
LWFではベクターデータは扱えないので絵を選択して右クリックで「ビットマップに変換」を選択します。<br/><br />
もし、画像を取り込んで使う際は必ず<b>pngファイル</b>を使用してください。<br/><br />
また、<b>jpeg圧縮をかけないようにしてください。</b><br/><br />
※LWF制作での注意点や制限は後程、ドキュメントのFlashマニュアルで確認して下さい。<br/><br />
<br/><br />
[[File:LWF_FlashWork2.png|thumb|400px|none|left|ベクター画像をビットマップに変換]]<br />
<br/><br />
ビットマップで変換で生成されたビットマップは「ビットマップ 1」という名前でライブラリに入っていると思います。<br/><br />
2バイト文字が入っていると問題になりやすいので適当な<b>半角英数の名前 + .png</b>に変更してください。<br/><br />
<br/><br />
[[File:LWF_FlashWork3.png|thumb|400px|none|left|ビットマップ1 から 半角英数の名前 + .png へ変更]]<br />
<br/><br />
ステージ上の画像をムービークリップかグラフィックシンボルに変換してモーショントゥイーンで動きをつけます。<br/><br />
<br/><br />
[[File:LWF_FlashWork4.png|thumb|400px|none|left|適当なモーショントゥイーンをつけてみる]]<br/><br />
<br/><br />
<br />
==LWFデータに変換する==<br />
LWFデータへの変換を行います。<br/><br />
LWFS実行時にパブリッシュ用のコマンドが追加されるのでそれを実行します。<br/><br />
Flashの上部メニューの「コマンド」の「<font color="#ff0000">Publish for LWF</font>」を実行してください。<br/><br />
[[File:LWF_FlashWork5.jpg|thumb|500px|none|left|コマンドから Publish for LWF を実行]]<br/><br />
<br/><br />
そうすると、変換に必要なファイルがflaファイルと同じフォルダに書きだされます。<br/><br />
※.fla～ ファイルはバックアップ用のflaファイルなので変換には使用されません<br/><br />
[[File:LWF_FlashWork6.jpg|thumb|500px|none|left|パブリッシュ後のフォルダ]]<br/><br />
<br/><br />
するとLWFSがファイルを検知して変換が自動的に始まります。<br/><br />
変換中はLWFSのリスト画面に更新状態のインジケータが表示されます。<br/><br />
[[File:Lwfs_start.png|500px|thumb|none|LWF変換中の画面]]<br/><br />
<br/><br />
そして、処理が終了すると先ほどつけた名前のものが一覧に表示されます。<br/><br />
表示されてstatusがNGになっていなければ変換成功です。<br/><br />
[[File:0004.png|500px|thumb|none|変換が完了しリストに表示される]]<br/><br />
<br/><br />
<br />
==プレビュー==<br />
リストからはHTML5版のプレビューをCSS、Canvas、WebGLの各種描画で確認できます。<br/><br />
一番機能対応がしっかりしていて、UnityやCococs2d-xに近いのはWebGLになります。<br/><br />
[[File:LWF FlashWork7.jpg|500px|thumb|none|プレビュー画面]]<br />
<br />
<br />
==Publish for LWFコマンドについて==<br />
Flashのメニュー [コマンド] - [Publish for LWF]を実行すると、Flashのライブラリパネル内の画像、ムービークリップにリンケージが設定されます。<br /></div>
User
http://lwf-users.org/index.php?title=Movie%E3%82%AF%E3%83%A9%E3%82%B9
Movieクラス
2016-08-09T01:07:03Z
<p>User: /* Movieに別のLWFのrootMovieを追加する */</p>
<hr />
<div>==Movieクラスとは?==<br />
MovieクラスはFlashのムービークリップに相当します。<br/><br />
javascriptを用いることでMovieを制御したり情報を得たりすることができます。<br/><br />
<br />
==Movieを作る==<br />
Movieクラスを作成するには主に2つの方法があります。<br />
*Flashで静的に配置する。<br />
Flashのタイムライン上にムービークリップを配置することで作成します。<br/><br />
インスタンス名を設定することでjavascriptで参照得ることもできます。<br/><br />
※FlashCC(as3書き出し)ではリンケージ名と同じインスタンス名を設定するとエラーが発生するため<br/><br />
LWF側で自動に設定するリンケージ名とインスタンス名が同じにならないようにしてください。<br/><br />
*javascriptを用いて動的に生成する。<br />
下記のコードでFlashのライブラリに存在するムービークリップを子Movieとして動的に配置することができます。<br/><br />
戻り値として生成されたMovieの参照を取得することができます。<br/><br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//sample<br />
var movie = this.attachMovie("hoge", "piyo");<br />
上記のthisは、フレームスクリプトが記述されているムービークリップ自身になります。<br/><br />
なので、上記の例は自身にリンケージ名"hoge"のムービークリップを"piyo"という名前の子Movieとして配置します。<br/><br />
<br />
==Movieを移動させる==<br />
Movieをjavascriptで移動させるサンプルです。<br />
//movieをx:100,y:100に移動させる<br />
<Movieインスタンス>.x = 100;<br />
<Movieインスタンス>.y = 100;<br />
<br />
//movieをx:50,y:50に移動させる<br />
<Movieインスタンス).moveTo(50,50);<br />
<br />
//movieを現在地からx+200 y+50する<br />
<Movieインスタンス>.move(200,50);<br />
<br />
==Movieを回転させる==<br />
Movieをjavascriptで回転させるサンプルです。<br />
//movieを45度回転させる<br />
<Movieインスタンス>.rotation = 45;<br />
<br />
//movieを現在の角度から-20度回転させる<br />
<Movieインスタンス>.rotate(-20);<br />
<br />
==Movieを拡大縮小させる==<br />
Movieをjavascriptで拡縮させるサンプルです。<br />
//movieの横スケールを2倍にする<br />
<Movieインスタンス>.scaleX = 2;<br />
<br />
//movieの縦横スケールを2倍にする<br />
<Movieインスタンス>.scaleTo(2,2);<br />
<br />
//movieの現在のスケールに設定した値を加算する<br />
<Movieインスタンス>.scale(0.1, 0.1);<br />
<br />
==Movieを反転させる==<br />
Movieを反転させるにはscale値をマイナスに設定します。<br/><br />
//movieを左右反転する<br />
<Movieインスタンス>.scaleX = -1;<br />
//movieを上下反転する<br />
<Movieインスタンス>.scaleY = -1;<br />
==Movieを半透明にする==<br />
Movieのアルファ(透明度)を設定します。0で透明 1で不透明になります。<br />
//movieを半透明にする<br />
<Movieインスタンス>.alpha = 0.5;<br />
完全に非表示したい場合はalphaよりvisibleを使用してください。<br/><br />
alpha=0; は visible=false より描画負荷がかかってしまいます。<br/><br />
==Movieを非表示にする==<br />
Movieの表示状態を設定します。<br/><br />
非表示にしている間は描画処理がストップし、alpha=0にして完全に透明にするよりもパフォーマンスの向上が期待できます。<br/><br />
//movieを非表示する<br />
<Movieインスタンス>.visible = false;<br />
//movieを表示する<br />
<Movieインスタンス>.visible = true;<br />
<br />
==動的にMovieを生成する==<br />
Movieにライブラリに存在するムービークリップを子Movieとして配置するサンプルです。<br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//movieを子として配置し参照を取得。 生成時に非表示状態を設定する。<br />
var movie = this.attachMovie("hoge", "piyo", {<br />
"load":function(){<br />
this.visible = false;<br />
}<br />
});<br />
第3引数のオプションは省略することもできますが、設定することで特定のタイミングで指定した関数を実行することができます。<br/><br />
{| border="1" cellpadding="3"<br />
!オプション名<br />
!実行タイミング<br />
|-<br />
|load<br />
|movieが生成されたタイミング。<br/>この時点では、まだタイムラインの制御などは行うことができません。<br />
|-<br />
|postLoad<br />
|movieの生成が完了したタイミング。<br />
|}<br />
<br />
==動的に生成したMovieを破棄する==<br />
動的に配置されたMovieを破棄するサンプルです。タイムライン上に静的に配置されたMovieには適用できません。<br/><br />
//自身を親から破棄する<br />
<Movieインスタンス>.removeMovieClip();<br />
<br />
//子のMovieを破棄する<br />
<Movieインスタンス>.detachMovie(<破棄するMovieインスタンス>);<br />
破棄したあともmovieインスタンスは残っていますが、再attachすることはできません。<br/><br />
再利用したい場合は [[Movie%E3%82%AF%E3%83%A9%E3%82%B9#Movie.E3.81.AE.E5.87.A6.E7.90.86.E3.82.92.E6.AD.A2.E3.82.81.E3.81.9F.E3.81.84 | <Movieインスタンス>.active]] を使用してください。<br/><br />
//NG<br />
var movie = this.attachMovie("hoge","piyo");<br />
movie.removeMovieClip();<br />
this.attachMovie(movie);<br />
<br />
==別のMovieに再attachしたい==<br />
動的に配置されたMovieは別のMovieに再attachすることができます。<br/><br />
その場合、前にいた場所からはいなくなり、新しく指定してたMovieの子Movieとして扱われます。<br/><br />
以下がサンプルです。<br/><br />
//movieを配置<br />
var movie = this.attachMovie("hoge","piyo");<br />
<br />
//別のmovieの子movieとして配置<br />
<別のMovieインスタンス>.attachMovie(movie);<br />
※removeMovieClip()を行った後はmovieが破棄されているため再attachできないので注意してください。<br />
<br />
==Movieの処理を止めたい==<br />
一時的に不必要だが、後に再度利用したいといった場合にMovieを破棄せずに処理を止めることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//movieの処理を止めたい<br />
<Movieインスタンス>.active = false;<br />
Movie.removeMovieClip()を行うと再attachができません。<br/><br />
Movie.visibleでは描画処理は停止しますが、Matrix計算やタイムラインの処理などは動いているので負荷がかかってしまいます。<br/><br />
なので、再利用したいMovieが一時的に不必要になる場合はMovie.activeを使用してください。<br/><br />
また、Movie.activeはタイムライン上で静的に配置されたものにも適用できます。<br/><br />
<br/><br />
※処理を停止しているMovieのデータを弄ると不具合の原因になる可能性があるので、停止中は極力触らないようにしてください。<br />
<br />
==Movieの深度を取得する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度の値は下記のように取得することができます。<br/><br />
//Movieの深度<br />
<Movieインスタンス>.depth;<br />
※上記のプロパティは読み取り専用です。書き換えると不具合の原因になる可能性があるので書き換えないでください。<br />
<br />
==Movieの深度を変更する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度を変更してMovieの重ね順を変更することができます。<br/><br />
//Movieの深度を設定<br />
<Movieインスタンス>.swapDepths(30);<br />
深度の値は0からはじまり数字が大きいほど重ね順が上になります。<br/><br />
<br/><br />
タイムラインで静的に配置されたMovieの深度は変更することはできません。<br/><br />
また、静的に配置されたMovieは動的に配置されたMovieより下になります。<br/><br />
<br />
==Movieにブレンドを適用する==<br />
Movieのブレンドモードを変更することができます。<br/><br />
ブレンドモードを変更することで加算合成を行うことができるようになります<br/><br />
//加算合成にする<br />
<Movieインスタンス>.blendMode = "add";<br />
//通常状態にする<br />
<Movieインスタンス>.blendMode = "normal";<br />
加算合成はwebkitcss描画モードでは適用されないので注意してください<br/><br />
<br />
==Movieにマスクを適用する==<br />
LWFではFlashタイムラインによるマスクの適用は行うことはできませんが、スクリプトによってマスクを適用することができます。<br/><br />
しかし、マスク処理は非常にパフォーマンスに影響するため、使わなくても良い場合は極力使わないようにしましょう。<br/><br />
※マスクの大きさに変わらず、マスクの数が大きくパフォーマンスに影響します。<br />
<br/><br />
*マスク<br />
マスク対象のMovieの内容に合わせて、被マスク対象のMovieが切り抜かれます。<br/><br />
このマスクはwebkitcss版では使用することができません。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
//マスク形状として設定<br />
<Movieインスタンス>.blendMode = "erase";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*矩形マスク<br />
マスク対象のMovieの矩形領域内に含まれている部分のみ、被マスク対象のMovieが表示されます。<br/><br />
このマスクはすべての描画方式に対応しています。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
また、マスク形状として設定するMovieは同じMovie内に２つ以上存在することはできません。<br/><br />
※Movie内に２つ以上設定した場合webkitcss版で正常に動作しなくなります。<br/><br />
//マスク形状として設定 "erase"と違い Movie内に２つ以上存在してはいけない。<br />
<Movieインスタンス>.blendMode = "mask";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*注意点<br />
**<span style="color:blue">※マスクを使ったMovieに更にマスクをかける。といったことはできません。</span><br />
**<span style="color:blue">※css版ではdivのoverflow:hiddenを使ってマスクかける構造上、Movie内にblendMode="mask"は1つしか使えません。</span><br />
<br />
==Movieのステージ上の座標を取得する==<br />
下記のサンプルで、Movieから見た任意の座標をステージから見た座標に変換して取得することができます。<br />
//Movie内の座標(100,100)をグローバル座標に変換して取得<br />
var globalPoint = <Movieインスタンス>.localToGlobal(new Point(100,100));<br />
//座標出力<br />
console.log(globalPoint.x, globalPoint.y);<br />
<br/><br />
逆にステージの任意の座標をMovieから見た座標に変換して取得する場合は下記のようにして取得できます。<br />
//グローバル座標(100,100)をMovieから見たローカル座標に変換して取得<br />
var localPoint = <Movieインスタンス>.globalToLocal(new Point(100,100));<br />
//座標出力<br />
console.log(localPoint.x, localPoint.y);<br />
<br />
※これらの処理は、マトリックス処理が走ってからでないと取得することができません。<br/><br />
なので、attachMovie直後や登場したフレームでは取得できないので注意してください。<br/><br />
<br />
==Movieの名前を取得する==<br />
attachMovieの際に設定したMovieの名前は下記のようにして取得することができます。<br/><br />
タイムラインで静的に配置したMovieはnullになります。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.attachName;<br />
//出力<br />
console.log(name);<br />
タイムラインで静的に配置しインスタンス名をつけたMovieのインスタンス名に関しては下記のようにして取得することができます。<br/><br />
attachMovieで生成したmovieもattachMovie時に設定した名前を取得することができます。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.name;<br />
//出力<br />
console.log(name);<br />
<br />
==Movieの親Movieを取得する==<br />
Movieの親にあたるMovieを取得することができます。下記がサンプルになります。<br />
//親Movieを取得<br />
var parentMovie = <Movieインスタンス>.parent;<br />
//親Movieを移動<br />
parentMovie.moveTo(100,0);<br />
<br />
==Movieの再生状況を取得する==<br />
Movieの現在の再生状況をブール値で取得することができます。下記がサンプルになります。<br/><br />
//再生状況を取得<br />
var playing = <Movieインスタンス>.playing;<br />
//停止していれば出力<br />
if(playing === false){<br />
console.log("movieは現在停止中です");<br />
}<br />
※読み取り専用なので、書き換えたりはしないでください。<br/><br />
<br />
==Movieの総フレーム数を取得する==<br />
Movieのタイムラインの総フレーム数を取得できます。下記がサンプルになります。<br />
//総フレーム数を取得<br />
var frames = <Movieインスタンス>.totalFrames;<br />
//出力<br />
console.log(frames);<br />
<br />
==Movieの現在のフレームを取得する==<br />
Movieが現在再生しているフレームを取得できます。下記がサンプルになります。<br />
//現在再生中のフレームを取得<br />
var frame = <Movieインスタンス>.currentFrame;<br />
//出力<br />
console.log("現在、" + frame + "を再生中です");<br />
<br />
==Movieにトゥイーンクラスを適用する==<br />
LWFではTween.jsというアニメーションライブラリが使用できます。<br/><br />
Movieクラスで使用する際、下記のサンプルようにして使用します。<br/><br />
//サンプル1<br />
<Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) //イージング設定<br />
.to({x:150,y:200},24) //(24フレームかけてx:150,y:200)へ移動<br />
.onComplete(function(){ //移動が完了したら指定した関数を実行<br />
console.log("着きました");<br />
})<br />
.start(); //スタート<br />
<br />
//------------------------------------------------------------<br />
<br />
//サンプル2<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},24) //24フレームかけて(x:100)へ移動<br />
.start() //スタート<br />
.chain() //(x:100)への移動が完了した後に新たなトゥイーンを生成<br />
.delay(24) //24フレーム、ウェイト状態に<br />
.onComplete(function(){ //24フレームウェイトが完了したら実行する関数<br />
console.log("24フレーム待ちました");<br />
})<br />
.chain()<br />
.to({rotation:180},12) //12フレームかけて180度回転<br />
.onComplete(function(){ //回転が完了したら実行する関数<br />
console.log("完了");<br />
})<br />
※Tweenクラスの詳しい扱い方<br/><br />
[[Tween%E3%82%AF%E3%83%A9%E3%82%B9 | Tweenクラス]]<br/><br />
[[Tween | API]]<br/><br />
<br />
==Movieに適用したトゥイーンをすべて止めたい==<br />
MovieにaddTween()で適用したトゥイーンをすべて止めるサンプルになります。<br/><br />
タイムラインで設定したモーショントゥイーンは対象外です。<br/><br />
//movieにかかっている全てのトゥイーンを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br />
==Movieに空の子Movieを追加する==<br />
Movieインスタンスに何もない空のMovieを追加するには下記のサンプルを参考にしてください<br />
//空Movieをattach<br />
var emptyMovie = <Movieインスタンス>.attachEmptyMovie("movieName");<br />
attachEmptyMovieの第1引数はattachした空Movieの名前になります。<br/><br />
<br/><br />
なお、LWFには"_empty"というリンケージ名の空Movieが自動で挿入されます。<br/><br />
なのでFlash上で_emptyという名前のムービークリップをライブラリには作らないでください。<br/><br />
<br />
==Movieにイベントリスナーをセットする==<br />
Movieにイベントリスナーを設定することで様々なタイミングで指定した関数を実行させることが出来ます。<br/><br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
==Movieのイベントリスナーを解除する==<br />
Movieに設定したイベントリスナーを解除することができます。<br/><br />
主に2通りの方法があります。<br/><br />
*指定したイベントタイプ内の指定した関数を解除する<br />
*指定したイベントタイプの関数を全て解除する<br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieにイベントを送信する==<br />
任意のイベントを発火することができます。(カスタムイベント)<br/><br />
そのイベントに対応したイベントリスナーが設定されていれば、リスナー関数が実行されます。<br/><br />
/* js<br />
//イベントを発火<br />
<Movieインスタンス>.dispatchEvent("attack");<br />
*/<br />
<br />
<br/><br />
イベントについて、詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieのサイズを取得する==<br />
LWFのMovieは基本的にwidthやheightといったサイズを取得することはパフォーマンスの都合上できないのですが<br/><br />
どうしても取得したいという時に、Movieの現在のフレームのサイズを取得する機能があります。<br/><br />
下記はそのサンプルになります<br />
//現在のMovieのサイズを保持するようにリクエスト<br />
//第1引数に取得完了後のcallbackを指定することができる。<br />
<Movieインスタンス>.requestCalculateBounds(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br />
//旧バージョン(LWFS-20131219-1614 より前) の方法(第1引数のcallbackがない)<br />
//現在のMovieのサイズを取得するようにリクエスト<br />
<Movieインスタンス>.requestCalculateBounds();<br />
<br />
//計算結果は次のフレームから取得できるので、1フレーム待ってから取得するように設定<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br/><br />
まだ、サイズ計算が終わっていない状態でgetBounds()を行うとundefinedが返ってきます。<br />
<br />
==Movieのタイムラインを操作する==<br />
MovieはFlashのムービークリップと同様にgotoAndPlay()などでフレームを操作することができます。<br/><br />
下記はフレーム操作に使用するメソッドになります。<br/><br />
*gotoAndPlay(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し再生<br />
*gotoAndStop(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し停止<br />
*nextFrame()<br />
*:１つ次のフレームへ移動<br />
*prevFrame()<br />
*:１つ前のフレームへ移動<br />
*play()<br />
*:再生<br />
*stop()<br />
*:停止<br />
<br/><br />
下記はサンプルになります。<br/><br />
詳しくは[[Movie|API]] を参照してください<br/><br />
//Flashで指定したラベルのフレームへ<br />
<Movieインスタンス>.gotoAndPlay("jump");<br />
Flashでは、複数のフレーム操作を行った際に途中で通過したフレームのスクリプトが全て実行されますが<br/><br />
LWFでは最終的に到達したフレームのスクリプトだけが実行されますので注意してください。<br/><br />
<br />
==Movieの子Movieを検索する==<br />
Movieの子となっているMovieを取得することができます。<br/><br />
下記はそのサンプルです。<br/><br />
//子Movieを取得<br />
var childMovie = <Movieインスタンス>["子のインスタンス名"];<br />
<br />
==Movieの所属するLwfを取得する==<br />
Movieの所属しているLWFインスタンスを取得することができます。<br/><br />
LWFインスンタンスには全体的な設定に関するメソッドやプロパティがあります。<br/><br />
詳しくは、 [[LWF|API]] や [[Lwf%E3%82%AF%E3%83%A9%E3%82%B9|LWFクラスについて]] で扱っています。<br/><br />
下記は取得のサンプルになります<br/><br />
//lwfインスタンスを取得<br />
var lwf = <Movieインスタンス>.lwf;<br />
==Movieに別のLWFのrootMovieを追加する==<br />
Movieには別のLWFをattachMovieの要領で表示させることが出来ます。<br/><br />
そうすることで、動的に必要なLWFだけを読み込んで利用することが可能になります。<br/><br />
<br/><br />
まずは、LwfLoader.loadLWF()を使用して新たに必要なLWFファイル一式を読み込む必要があります。<br/><br />
自身を制御しているLwfLoaderは <Lwfインスタンス>.privateData.lwfLoader で取得することができます。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
lwfLoader.loadLWF()の引数はLWFファイル一式を読み込む関数です。<br/><br />
引数は(<自身のLWFインスタンス>, "読み込むLWFのパス", <imageMap object>, <privateData object>, callback関数)という感じになっています。<br/><br />
詳しくはlwfLoaderの公式リファレンスを参照してください。<br/><br />
http://gree.github.io/lwf-loader/lwfloader-doc/ja/lwfloader.html#loadLWF<br/><br />
<br/><br />
<Movieインスタンス>.attachLWF()は読み込んだLWFのrootMovieを子としてmovieに追加する関数です。<br/><br />
引数は(<追加するLWFインスタンス>,"LWFの識別名",<オプション object>)という感じになっています。<br/><br />
追加された子LWFは、親のLWFとは独立して動きます。<br/><br />
<br/><br />
※同じLWFでも複数追加する場合は必要な数だけloadLWF()を行ってください。<br/><br />
※LWFを追加する際、空のMovieにattachした方が制御しやすいのでそちらをオススメします。<br/><br />
<br/><br />
<hr /><br />
例:<br /><br />
下記のフォルダ構成の場合で、baseLWFに、effect1LWFを読み込む場合<br /><br />
<br /><br />
<pre><br />
■フォルダ構成<br />
LWFS_work<br />
└─KING<br />
├─BATTLE<br />
│ └─base<br />
│ ├─base.swf<br />
│ └─その他ファイル <br />
└─EFFECT<br />
└─effect1<br />
├─effect1.swf<br />
└─その他ファイル<br />
</pre><br />
<br /><br />
<pre><br />
var self = this;<br />
<br />
// ※このthisは、LWF.Movieのインスタンスです。<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
<br />
// 外部LWFのパス<br />
// ※effect1フォルダまでのパスを指定する<br />
var path = "../EFFECT/effect1";<br />
<br />
// 読み込み処理<br />
lwfLoader.loadLWF(this.lwf, path, null, null, function(pError, pLWF){<br />
// pLWFが、読み込んだ外部LWF<br />
<br />
//読み込んだ外部LWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
</pre><br />
<br />
==Movieに追加したLWFを削除したい==<br />
attachLWFを使用して追加したLWFを削除するには<Movieインスタンス>.detachLWF()を使用します。<br />
【サンプル】<br />
//追加したLWFを削除<br />
<Movieインスタンス>.detachLWF(<削除したいLWFインスタンス> or LWFの識別名);<br />
一度削除したLWFインスタンスは再利用してattachすることはできません。<br/><br />
再利用したい場合は、attachLWF時にdetachLWFしてもインスタンスが削除されないようにオプションで指定する必要があります。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
//第3引数のオプションでdetachLWFしてもインスタンスが破棄されないように設定する<br />
self.attachLWF(pLWF, "lwfName1", {"detach":function(){return false;}});<br />
});<br />
<br />
==1フレーム待ってから関数を実行させたい==<br />
LWFでは処理の都合上、1フレーム待ってからでないと行えないことがあったりします。<br />
*attachLWFで追加したLWFの子Movieを構築が終わってから取得したい場合<br />
*gotoAndPlay等で飛んだ先で生成される子Movieを取得する場合<br />
等々です。<br/><br />
そういった時のために、1フレーム待ってから実行する関数を設定することが出来ます。<br/><br />
下記がサンプルになります。<br/><br />
//1フレーム待ってから実行<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
console.log("1フレーム待ちました");<br />
});<br />
<br />
==全ての子要素に対して関数を実行する==<br />
Movieの子要素(Movie,Button,BitmapClip)に対して指定した関数を実行することが出来ます。<br/><br />
これを利用することで、全ての子Movieにstop()を簡単にかけたりすることができます。<br/><br />
【sample】<br />
//全ての子要素に対して関数を実行<br />
(Movieインスタンス).inspect(function(obj){<br />
if(obj.isMovie() === true){<br />
//Movieなのでstop<br />
obj.stop();<br />
} <br />
if(obj.isButton() === true){<br />
//Buttonにはなにもしない<br />
}<br />
if(obj.isBitmapClip() === true){<br />
//BitmapClipなら非表示<br />
obj.visible = false;<br />
}<br />
});<br />
Movieの子要素全てに対して(Movieインスタンス).inspect()で設定した関数が実行されます。<br/><br />
関数の第1引数には、子要素が入ります。<br/><br />
子要素の種類(Movie等)を判別する際にはisMovie()、isButton()、isBitmapClip()を使用します。<br/></div>
User
http://lwf-users.org/index.php?title=Tween%E3%82%AF%E3%83%A9%E3%82%B9
Tweenクラス
2016-07-28T05:59:00Z
<p>User: /* トゥイーンを連結する chain() */</p>
<hr />
<div>==Tweenクラスとは?==<br />
LWFにはtween.jsが含まれておりMovieインスタンスやBitmapCLipインスタンスに簡単に動的なアニメーションを設定することができます。<br/><br />
タイムライン上に静的配置されているものにも反映することはできますが、反映後はタイムラインで設定したトゥイーンは適用されなくなってしまうので注意してください<br/><br />
<br/><br />
※このTweenクラスで行われる処理は、処理が重い等でフレームスキップがかかった場合、に若干ズレが発生する時があるなど<br/><br />
確実にLWFのフレームと動機しているわけではありません。確実に処理を同期させたい場合はenterFrame処理を使用してください<br/><br />
<br/><br />
※tween.js<br/><br />
https://github.com/sole/tween.js/<br />
<br />
==トゥイーンを設定する==<br />
Movieインスタンス、またはBitmapClipインスタンスにTweenを設定することが出来ます。<br />
下記はサンプルになります。<br />
//Movieのtweenを生成<br />
var tween = <Movieインスタンス>.addTween()<br />
<br />
//x:100、y:100の位置に30フレームかけて移動する<br />
tween.to({x:100, y:100},30)<br />
<br />
//トゥイーンを開始する<br />
tween.start();<br />
addTween()を使用するとtweenインスタンスが返ってきます。<br/><br />
<br/><br />
また、メソッドチェーンが使えるので下記のように書いても問題ありません。<br/><br />
//tween メソッドチェーン指定<br />
var tween = <Movieインスタンス>.addTween()<br />
.to({x:100},30)<br />
.start();<br />
.to()の第1引数はトゥイーン完了後のプロパティをオブジェクト型に入れて指定します。<br/><br />
第2引数はトゥイーン完了にかかる時間をフレーム単位で指定します。<br/><br />
<br/><br />
また、to()の第1引数では複数の到着点を設定することができます。<br/><br />
下記のように設定した場合、(x:200,y:50)の地点を通って(x:100,y:100)の地点に来る移動を30フレームかけて行う。<br/><br />
という形になります。<br/><br />
//(x:200,y:50)の地点を通って(x:100,y:100)へ<br />
<Movieインスタンス>.addTween()<br />
.to({x:[200,50],y:[100,100]},30)<br />
.start();<br />
==トゥイーンを停止したい==<br />
設定したtweenを止める場合、複数の方法があります。<br/><br />
*指定したトゥイーンだけ停止する<br/><br />
*Movieに適用されているtweenを全て停止する<br/><br />
*LWF内で設定されているtweenを全て停止する<br/><br />
<br/><br />
【指定したトゥイーンだけ停止する】<br/><br />
Movieに対してtweenを設定した時に戻り値としてtweenインスタンスが返ってきます。<br/><br />
そのtweenインスタンスを使うことで、指定したtweenだけ停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
var tween = <Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//トゥイーンを停止<br />
tween.stop();<br />
<br/><br />
【Movieに適用されているtweenを全て停止する】<br />
Movieに適用されているtweenを全て停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//Movieに適用されているtweenを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br/><br />
【LWF内で設定されているtweenを全て停止する】<br />
LWF内で適用されているtweenを全て停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//LWFに適用されているtweenを停止<br />
<LWFインスタンス>.stopTweens();<br />
<br />
==イージングを設定する==<br />
トゥイーンにはイージングをかけることが出来ます。<br />
下記がサンプルになります。<br />
//イージングを設定したtween<br />
var tween = <Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) <br />
.to({x:100},30)<br />
.start();<br />
.easing()の引数に反映したいイージングを設定します。<br/><br />
<br/><br />
※イージングの種類について<br/><br />
http://sole.github.io/tween.js/examples/03_graphs.html<br/><br />
LWFで使用する場合は Tween.Easing.(イージング名) と書きます。<br/><br />
<br/><br />
※イージングの挙動を見たい<br/><br />
http://www.robertpenner.com/easing/easing_demo.html<br />
<br />
==ディレイを設定する==<br />
ディレイをかけることで、少し間を置いてからトゥイーンをかけたりすることが出来ます。<br/><br />
下記はサンプルです。<br/><br />
//30フレーム待ってからトゥイーン<br />
<Movieインスタンス>.addTween()<br />
.delay(30)<br />
.to({rotation:180},30)<br />
.start();<br />
.delay()の引数に入れた値の分だけ待ってからトゥイーンを実行します。<br />
==トゥイーンにカーブをかけたい==<br />
通常は<br/><br />
.to({x:[200,50],y:100},30)<br/><br />
と指定した場合、直線軌道で移動しますが、カーブ(ベジェ曲線)をかけて移動させることも出来ます。<br/><br />
下記はサンプルです。<br/><br />
//カーブを描きながらx:100,y:100に移動する<br />
<Movieインスタンス>.addTween()<br />
.interpolation(Tween.Interpolation.Bezier)<br />
.to({x:[200,50],y:100},30)<br />
.start();<br />
interpolation()の引数に反映したい軌道の補間方法を設定します。<br/><br />
<br/><br />
※補間の種類<br/><br />
http://sole.github.io/tween.js/examples/06_array_interpolation.html<br/> <br />
LWFで使用する場合 Tween.Interpolation.(補間名) となります。<br/><br />
<br />
==トゥイーンを連結する chain()==<br />
複数のトゥイーンを連結し、トゥイーン1が完了してからトゥイーン2を実行する。<br/><br />
と、いったことが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//x:100に移動してから、y:100に移動<br />
し、180度移転する<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},30)<br />
.start()<br />
//y:100に移動するtweenを生成し連結<br />
.chain()<br />
.to({y:100},30)<br />
//180度回転するtweenを生成し連結<br />
.chain() <br />
.to({rotation:180},30);<br />
<br />
<br />
複数のトゥイーンを続けて再生する方法<br /><br />
<br /><br />
・1つ目のトゥイーンを定義<br /><br />
・1つ目のトゥイーンを.start()で実行する<br /><br />
・.chain()<br /><br />
・2つ目のトゥイーンを定義<br /><br />
<br /><br />
※ 2つ目以降のトゥイーンは、.start()を実行しなくても再生される<br /><br />
<br />
==トゥイーンが走っている間、関数を実行する==<br />
トゥイーン処理が走っている間に指定した関数を実行させることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//トゥイーン中の座標を表示する<br />
<Movieインスタンス>.addTween()<br />
.to({x:200},30)<br />
.onUpdate(function(){<br />
console.log(this.x);<br />
})<br />
.start();<br />
トゥイーンが動いている間 .onUpdate()の引数に入れた関数が毎フレーム実行され続けます。<br/><br />
chain()などで連結したtweenには反映されません。反映したい場合は別途指定してください。<br/><br />
onUpdate()で実行される関数の this はトゥイーンを設定したMovieインスタンスになります。<br/><br />
<br/><br />
※onUpdate内で別のtweenにstopをかけたりといったTweenのAPI動作は行わないでください。<br/><br />
<br />
==トゥイーンが完了したときに関数を実行する==<br />
トゥイーン処理が完了した時に、指定した関数を実行することが出来ます。<br/><br />
下記はサンプルです。<br/><br />
//トゥイーンが完了したらアラートを表示<br />
<Movie.インスタンス>.addTween()<br />
.to({x:100},30)<br />
.onComplete(function(){<br />
alert("complete! x=" + this.x);<br />
})<br />
.start();<br />
トゥイーンが完了した時に onComplete() の引数に入れた関数が実行されます。<br/><br />
chain()などで連結したtweenには反映されません。反映したい場合は別途指定してください。<br/><br />
onComplete()で実行される関数の this はトゥイーンを設定したMovieインスタンスになります。<br/><br />
<br/><br />
※onComplete内で別のtweenにstopをかけたりといったTweenのAPI動作は行わないでください。<br/></div>
User
http://lwf-users.org/index.php?title=Tween%E3%82%AF%E3%83%A9%E3%82%B9
Tweenクラス
2016-07-28T05:44:41Z
<p>User: /* トゥイーンを連結する */</p>
<hr />
<div>==Tweenクラスとは?==<br />
LWFにはtween.jsが含まれておりMovieインスタンスやBitmapCLipインスタンスに簡単に動的なアニメーションを設定することができます。<br/><br />
タイムライン上に静的配置されているものにも反映することはできますが、反映後はタイムラインで設定したトゥイーンは適用されなくなってしまうので注意してください<br/><br />
<br/><br />
※このTweenクラスで行われる処理は、処理が重い等でフレームスキップがかかった場合、に若干ズレが発生する時があるなど<br/><br />
確実にLWFのフレームと動機しているわけではありません。確実に処理を同期させたい場合はenterFrame処理を使用してください<br/><br />
<br/><br />
※tween.js<br/><br />
https://github.com/sole/tween.js/<br />
<br />
==トゥイーンを設定する==<br />
Movieインスタンス、またはBitmapClipインスタンスにTweenを設定することが出来ます。<br />
下記はサンプルになります。<br />
//Movieのtweenを生成<br />
var tween = <Movieインスタンス>.addTween()<br />
<br />
//x:100、y:100の位置に30フレームかけて移動する<br />
tween.to({x:100, y:100},30)<br />
<br />
//トゥイーンを開始する<br />
tween.start();<br />
addTween()を使用するとtweenインスタンスが返ってきます。<br/><br />
<br/><br />
また、メソッドチェーンが使えるので下記のように書いても問題ありません。<br/><br />
//tween メソッドチェーン指定<br />
var tween = <Movieインスタンス>.addTween()<br />
.to({x:100},30)<br />
.start();<br />
.to()の第1引数はトゥイーン完了後のプロパティをオブジェクト型に入れて指定します。<br/><br />
第2引数はトゥイーン完了にかかる時間をフレーム単位で指定します。<br/><br />
<br/><br />
また、to()の第1引数では複数の到着点を設定することができます。<br/><br />
下記のように設定した場合、(x:200,y:50)の地点を通って(x:100,y:100)の地点に来る移動を30フレームかけて行う。<br/><br />
という形になります。<br/><br />
//(x:200,y:50)の地点を通って(x:100,y:100)へ<br />
<Movieインスタンス>.addTween()<br />
.to({x:[200,50],y:[100,100]},30)<br />
.start();<br />
==トゥイーンを停止したい==<br />
設定したtweenを止める場合、複数の方法があります。<br/><br />
*指定したトゥイーンだけ停止する<br/><br />
*Movieに適用されているtweenを全て停止する<br/><br />
*LWF内で設定されているtweenを全て停止する<br/><br />
<br/><br />
【指定したトゥイーンだけ停止する】<br/><br />
Movieに対してtweenを設定した時に戻り値としてtweenインスタンスが返ってきます。<br/><br />
そのtweenインスタンスを使うことで、指定したtweenだけ停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
var tween = <Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//トゥイーンを停止<br />
tween.stop();<br />
<br/><br />
【Movieに適用されているtweenを全て停止する】<br />
Movieに適用されているtweenを全て停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//Movieに適用されているtweenを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br/><br />
【LWF内で設定されているtweenを全て停止する】<br />
LWF内で適用されているtweenを全て停止することができます。<br/><br />
【サンプル】<br />
//トゥイーンを設定<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},100)<br />
.start();<br />
<br />
//LWFに適用されているtweenを停止<br />
<LWFインスタンス>.stopTweens();<br />
<br />
==イージングを設定する==<br />
トゥイーンにはイージングをかけることが出来ます。<br />
下記がサンプルになります。<br />
//イージングを設定したtween<br />
var tween = <Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) <br />
.to({x:100},30)<br />
.start();<br />
.easing()の引数に反映したいイージングを設定します。<br/><br />
<br/><br />
※イージングの種類について<br/><br />
http://sole.github.io/tween.js/examples/03_graphs.html<br/><br />
LWFで使用する場合は Tween.Easing.(イージング名) と書きます。<br/><br />
<br/><br />
※イージングの挙動を見たい<br/><br />
http://www.robertpenner.com/easing/easing_demo.html<br />
<br />
==ディレイを設定する==<br />
ディレイをかけることで、少し間を置いてからトゥイーンをかけたりすることが出来ます。<br/><br />
下記はサンプルです。<br/><br />
//30フレーム待ってからトゥイーン<br />
<Movieインスタンス>.addTween()<br />
.delay(30)<br />
.to({rotation:180},30)<br />
.start();<br />
.delay()の引数に入れた値の分だけ待ってからトゥイーンを実行します。<br />
==トゥイーンにカーブをかけたい==<br />
通常は<br/><br />
.to({x:[200,50],y:100},30)<br/><br />
と指定した場合、直線軌道で移動しますが、カーブ(ベジェ曲線)をかけて移動させることも出来ます。<br/><br />
下記はサンプルです。<br/><br />
//カーブを描きながらx:100,y:100に移動する<br />
<Movieインスタンス>.addTween()<br />
.interpolation(Tween.Interpolation.Bezier)<br />
.to({x:[200,50],y:100},30)<br />
.start();<br />
interpolation()の引数に反映したい軌道の補間方法を設定します。<br/><br />
<br/><br />
※補間の種類<br/><br />
http://sole.github.io/tween.js/examples/06_array_interpolation.html<br/> <br />
LWFで使用する場合 Tween.Interpolation.(補間名) となります。<br/><br />
<br />
==トゥイーンを連結する chain()==<br />
複数のトゥイーンを連結し、トゥイーン1が完了してからトゥイーン2を実行する。<br/><br />
と、いったことが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//x:100に移動してから、y:100に移動し、180度移転する<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},30)<br />
.start()<br />
//y:100に移動するtweenを生成し連結<br />
.chain()<br />
.to({y:100},30)<br />
//180度回転するtweenを生成し連結<br />
.chain() <br />
.to({rotation:180},30);<br />
.chain()で続けて新しいtweenを連結することが出来ます。<br/><br />
1回目の.chain()は.start()の後に設定してください。<br/><br />
.chain()で生成されたtweenは.start()を行う必要はありません。<br/><br />
<br />
==トゥイーンが走っている間、関数を実行する==<br />
トゥイーン処理が走っている間に指定した関数を実行させることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//トゥイーン中の座標を表示する<br />
<Movieインスタンス>.addTween()<br />
.to({x:200},30)<br />
.onUpdate(function(){<br />
console.log(this.x);<br />
})<br />
.start();<br />
トゥイーンが動いている間 .onUpdate()の引数に入れた関数が毎フレーム実行され続けます。<br/><br />
chain()などで連結したtweenには反映されません。反映したい場合は別途指定してください。<br/><br />
onUpdate()で実行される関数の this はトゥイーンを設定したMovieインスタンスになります。<br/><br />
<br/><br />
※onUpdate内で別のtweenにstopをかけたりといったTweenのAPI動作は行わないでください。<br/><br />
<br />
==トゥイーンが完了したときに関数を実行する==<br />
トゥイーン処理が完了した時に、指定した関数を実行することが出来ます。<br/><br />
下記はサンプルです。<br/><br />
//トゥイーンが完了したらアラートを表示<br />
<Movie.インスタンス>.addTween()<br />
.to({x:100},30)<br />
.onComplete(function(){<br />
alert("complete! x=" + this.x);<br />
})<br />
.start();<br />
トゥイーンが完了した時に onComplete() の引数に入れた関数が実行されます。<br/><br />
chain()などで連結したtweenには反映されません。反映したい場合は別途指定してください。<br/><br />
onComplete()で実行される関数の this はトゥイーンを設定したMovieインスタンスになります。<br/><br />
<br/><br />
※onComplete内で別のtweenにstopをかけたりといったTweenのAPI動作は行わないでください。<br/></div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:38:14Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
<pre><br />
setting.js<br />
<br />
window["testlwf_settings"] = { <br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
}<br />
</pre><br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
※差し替える画像(niwatori.png)を、.swfファイルと同じフォルダに配置する場合でも、../が必要。→ "../niwatori.png"<br />
</pre><br />
<br /><br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:37:46Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<pre><br />
window["testlwf_settings"] = { <br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
}<br />
</pre><br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
※差し替える画像(niwatori.png)を、.swfファイルと同じフォルダに配置する場合でも、../が必要。→ "../niwatori.png"<br />
</pre><br />
<br /><br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:37:04Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<pre><br />
window["testlwf_settings"] = { <br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
}<br />
</pre><br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
※差し替える画像(niwatori.png)を、.swfファイルと同じフォルダに配置する場合でも、../が必要。→ "../niwatori.png"<br />
</pre><br />
<br /><br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:36:37Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<pre><br />
window["testlwf_settings"] = { <br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
}<br />
</pre><br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
※差し替える画像(niwatori.png)を、.swfファイルと同じフォルダに配置する場合でも、../が必要。→ "../niwatori.png"<br /><br />
</pre><br />
<br /><br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:35:32Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<pre><br />
window["testlwf_settings"] = { <br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
}<br />
</pre><br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
</pre><br />
<br /><br />
※差し替える画像(niwatori.png)を、.swfファイルと同じフォルダに配置する場合でも、../が必要。→ "../niwatori.png"<br /><br />
<br /><br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:20:18Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
<br />
<pre><br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
</pre><br />
<br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:19:38Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
<br />
例:<br />
<pre><br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
</pre><br />
<br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:18:45Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
<br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E7%89%B9%E6%AE%8A%E6%A9%9F%E8%83%BD
特殊機能
2016-07-22T01:16:57Z
<p>User: /* LWF内で使用している画像素材を動的に変更したい */</p>
<hr />
<div>==特殊機能とは?==<br />
==setting.jsとは?==<br />
setting.jsとはLWFの起動時に、LWFで使用されている画像を差し替えたり、データを埋め込んだりする際に使用するjsファイルです。<br/><br />
jsファイルは LWFS_work/(プロジェクトフォルダ)/ のflaと一緒の階層に置いて使用します。<br/><br />
[[File:Settingjs.png|thumb|500px|none|left|setting.jsを配置するとLWFSが自動で読み込んでくれます]]<br />
==LWF内で使用している画像素材を動的に変更したい==<br />
setting.jsのimageMap機能を使用することでLWFの生成時にLWF内で使用する画像を指定したパスの画像と差し替えることができる。<br/><br />
setting.js<br />
<br />
"imageMap":{<br />
[差し替えたい画像1のリンケージ名] : [差し替える画像1のパス],<br />
[差し替えたい画像2のリンケージ名] : [差し替える画像2のパス],<br />
[差し替えたい画像3のリンケージ名] : [差し替える画像3のパス]<br />
}<br />
<br />
例:<br />
window["testlwf_settings"] = {<br />
"imageMap":{<br />
"hiyoko.png":"../niwatori.png"<br />
}<br />
}<br />
<br />
起動時のみ差し替えることができ、途中から変更することはできない。<br/><br />
<b>本番で使用する際はLwfLoaderのsettingにimageMapを設定してください。</b><br/><br />
<br />
==LWF起動時にパラメータを埋め込みたい==<br />
setting.jsのprivateData機能を使用することでLWF生成時にデータを埋め込む事ができます。<br/><br />
サーバーからデータを受け取りたい時に使用します。<br/><br />
下記はLWFSで仮のデータを埋め込んで確認するためのコードになります。<br/><br />
setting.js (LWFS確認用コード)<br />
<br />
window["testlwf_settings"] = {<br />
'privateData': {<br />
'hoge':20,<br />
'piyo':"まじゅう"<br />
}<br />
}<br />
<br/><br />
これをLWF内で参照する場合は下記のコードを使います<br/><br />
this.lwf.privateData.hoge; //結果 => 20<br />
this.lwf.privateData.piyo; //結果 => まじゅう<br />
<b>本番で使用する際はLwfLoaderのsettingにprivateDataを設定してください。<br/></b><br />
<br />
==別ファイルのjsをfla内に取り込みたい==</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-21T04:29:51Z
<p>User: /* LWFS(変換ツール)をダウンロードする */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
[https://github.com/gree/lwfs/releases/ https://github.com/gree/lwfs/releases/]<br /><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力します。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /><br />
システム環境変数(S)の[新規(W)]をクリックすると、新しいシステム変数ダイアログが表示されます。<br /><br />
<br /><br />
■新しいシステム変数ダイアログ<br /><br />
変数名(N)に、LWFS_DATA_FOLDER<br /><br />
変数値(V)に、.<br /><br />
※ 変数値(V)に入力するのは、「.」ドットです。<br /><br />
を入力して[OK]をクリックします。<br /><br />
<br /><br />
上記内容の設定を行うと、LWFS_workフォルダ、LWFS_work_outputフォルダが、LWFSの実行ファイルのstart.jseがあるフォルダ内に生成されるようになります。</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-21T04:29:26Z
<p>User: /* LWFS(変換ツール)をダウンロードする */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
[https://github.com/gree/lwfs/releases/ LWFSダウロード]<br /><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力します。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /><br />
システム環境変数(S)の[新規(W)]をクリックすると、新しいシステム変数ダイアログが表示されます。<br /><br />
<br /><br />
■新しいシステム変数ダイアログ<br /><br />
変数名(N)に、LWFS_DATA_FOLDER<br /><br />
変数値(V)に、.<br /><br />
※ 変数値(V)に入力するのは、「.」ドットです。<br /><br />
を入力して[OK]をクリックします。<br /><br />
<br /><br />
上記内容の設定を行うと、LWFS_workフォルダ、LWFS_work_outputフォルダが、LWFSの実行ファイルのstart.jseがあるフォルダ内に生成されるようになります。</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-21T04:28:34Z
<p>User: /* LWFS(変換ツール)をダウンロードする */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
[https://github.com/gree/lwfs/releases/]<br /><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力します。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /><br />
システム環境変数(S)の[新規(W)]をクリックすると、新しいシステム変数ダイアログが表示されます。<br /><br />
<br /><br />
■新しいシステム変数ダイアログ<br /><br />
変数名(N)に、LWFS_DATA_FOLDER<br /><br />
変数値(V)に、.<br /><br />
※ 変数値(V)に入力するのは、「.」ドットです。<br /><br />
を入力して[OK]をクリックします。<br /><br />
<br /><br />
上記内容の設定を行うと、LWFS_workフォルダ、LWFS_work_outputフォルダが、LWFSの実行ファイルのstart.jseがあるフォルダ内に生成されるようになります。</div>
User
http://lwf-users.org/index.php?title=%E5%A4%89%E6%8F%9B%E3%83%86%E3%82%B9%E3%83%88
変換テスト
2016-07-19T04:26:18Z
<p>User: /* LWFデータに変換する */</p>
<hr />
<div>LWF変換が正常に行えるか、適当なファイルを作ってテストしてみます。<br/><br />
==LWFS_workフォルダを開く==<br />
LWFSを立ち上げたことによりデスクトップに<b>LWFS_workフォルダ</b>が生成されたと思います。<br />
このLWFS_workフォルダの中で作業を進めていきます。<br/><br />
<br/><br />
<br />
==新しいフォルダを作る==<br />
LWFS_workフォルダ内に新しいフォルダを作ります。<br/><br />
フォルダ名は英数字で頭にはアルファベットをつけるようにしてください。<br/><br />
==フォルダと同じ名前のflaファイルを保存する==<br />
Flashを立ち上げてください。プロジェクトはFlashであれば何でも良いです。<br/><br />
立ち上がったらまずは先ほど作ったフォルダに同名でflaファイルを保存してください。<br/><br />
<br />
==適当なアニメーションをつけてみる==<br />
確認用に適当なアニメーションを作ってみます。<br/><br />
[[File:LWF_FlashWork1.png|thumb|400px|none|left|適当なベクター画像を描く]]<br />
<br/><br />
LWFではベクターデータは扱えないので絵を選択して右クリックで「ビットマップに変換」を選択します。<br/><br />
もし、画像を取り込んで使う際は必ず<b>pngファイル</b>を使用してください。<br/><br />
また、<b>jpeg圧縮をかけないようにしてください。</b><br/><br />
※LWF制作での注意点や制限は後程、ドキュメントのFlashマニュアルで確認して下さい。<br/><br />
<br/><br />
[[File:LWF_FlashWork2.png|thumb|400px|none|left|ベクター画像をビットマップに変換]]<br />
<br/><br />
ビットマップで変換で生成されたビットマップは「ビットマップ 1」という名前でライブラリに入っていると思います。<br/><br />
2バイト文字が入っていると問題になりやすいので適当な<b>半角英数の名前 + .png</b>に変更してください。<br/><br />
<br/><br />
[[File:LWF_FlashWork3.png|thumb|400px|none|left|ビットマップ1 から 半角英数の名前 + .png へ変更]]<br />
<br/><br />
ステージ上の画像をムービークリップかグラフィックシンボルに変換してモーショントゥイーンで動きをつけます。<br/><br />
<br/><br />
[[File:LWF_FlashWork4.png|thumb|400px|none|left|適当なモーショントゥイーンをつけてみる]]<br/><br />
<br/><br />
<br />
==LWFデータに変換する==<br />
LWFデータへの変換を行います。<br/><br />
LWFS実行時にパブリッシュ用のコマンドが追加されるのでそれを実行します。<br/><br />
Flashの上部メニューの「コマンド」の「<font color="#ff0000">Publish for LWF</font>」を実行してください。<br/><br />
[[File:LWF_FlashWork5.jpg|thumb|500px|none|left|コマンドから Publish for LWF を実行]]<br/><br />
<br/><br />
そうすると、変換に必要なファイルがflaファイルと同じフォルダに書きだされます。<br/><br />
※.fla～ ファイルはバックアップ用のflaファイルなので変換には使用されません<br/><br />
[[File:LWF_FlashWork6.jpg|thumb|500px|none|left|パブリッシュ後のフォルダ]]<br/><br />
<br/><br />
するとLWFSがファイルを検知して変換が自動的に始まります。<br/><br />
変換中はLWFSのリスト画面に更新状態のインジケータが表示されます。<br/><br />
[[File:Lwfs_start.png|500px|thumb|none|LWF変換中の画面]]<br/><br />
<br/><br />
そして、処理が終了すると先ほどつけた名前のものが一覧に表示されます。<br/><br />
表示されてstatusがNGになっていなければ変換成功です。<br/><br />
[[File:0004.png|500px|thumb|none|変換が完了しリストに表示される]]<br/><br />
<br/><br />
<br />
==プレビュー==<br />
リストからはHTML5版のプレビューをCSS、Canvas、WebGLの各種描画で確認できます。<br/><br />
一番機能対応がしっかりしていて、UnityやCococs2d-xに近いのはWebGLになります。<br/><br />
[[File:LWF FlashWork7.jpg|500px|thumb|none|プレビュー画面]]</div>
User
http://lwf-users.org/index.php?title=%E5%A4%89%E6%8F%9B%E3%83%86%E3%82%B9%E3%83%88
変換テスト
2016-07-19T04:25:36Z
<p>User: /* LWFデータに変換する */</p>
<hr />
<div>LWF変換が正常に行えるか、適当なファイルを作ってテストしてみます。<br/><br />
==LWFS_workフォルダを開く==<br />
LWFSを立ち上げたことによりデスクトップに<b>LWFS_workフォルダ</b>が生成されたと思います。<br />
このLWFS_workフォルダの中で作業を進めていきます。<br/><br />
<br/><br />
<br />
==新しいフォルダを作る==<br />
LWFS_workフォルダ内に新しいフォルダを作ります。<br/><br />
フォルダ名は英数字で頭にはアルファベットをつけるようにしてください。<br/><br />
==フォルダと同じ名前のflaファイルを保存する==<br />
Flashを立ち上げてください。プロジェクトはFlashであれば何でも良いです。<br/><br />
立ち上がったらまずは先ほど作ったフォルダに同名でflaファイルを保存してください。<br/><br />
<br />
==適当なアニメーションをつけてみる==<br />
確認用に適当なアニメーションを作ってみます。<br/><br />
[[File:LWF_FlashWork1.png|thumb|400px|none|left|適当なベクター画像を描く]]<br />
<br/><br />
LWFではベクターデータは扱えないので絵を選択して右クリックで「ビットマップに変換」を選択します。<br/><br />
もし、画像を取り込んで使う際は必ず<b>pngファイル</b>を使用してください。<br/><br />
また、<b>jpeg圧縮をかけないようにしてください。</b><br/><br />
※LWF制作での注意点や制限は後程、ドキュメントのFlashマニュアルで確認して下さい。<br/><br />
<br/><br />
[[File:LWF_FlashWork2.png|thumb|400px|none|left|ベクター画像をビットマップに変換]]<br />
<br/><br />
ビットマップで変換で生成されたビットマップは「ビットマップ 1」という名前でライブラリに入っていると思います。<br/><br />
2バイト文字が入っていると問題になりやすいので適当な<b>半角英数の名前 + .png</b>に変更してください。<br/><br />
<br/><br />
[[File:LWF_FlashWork3.png|thumb|400px|none|left|ビットマップ1 から 半角英数の名前 + .png へ変更]]<br />
<br/><br />
ステージ上の画像をムービークリップかグラフィックシンボルに変換してモーショントゥイーンで動きをつけます。<br/><br />
<br/><br />
[[File:LWF_FlashWork4.png|thumb|400px|none|left|適当なモーショントゥイーンをつけてみる]]<br/><br />
<br/><br />
<br />
==LWFデータに変換する==<br />
LWFデータへの変換を行います。<br/><br />
LWFS実行時にパブリッシュ用のコマンドが追加されるのでそれを実行します。<br/><br />
Flashの上部メニューの「コマンド」の「<color="#ff0000">Publish for LWF</color>」を実行してください。<br/><br />
[[File:LWF_FlashWork5.jpg|thumb|500px|none|left|コマンドから Publish for LWF を実行]]<br/><br />
<br/><br />
そうすると、変換に必要なファイルがflaファイルと同じフォルダに書きだされます。<br/><br />
※.fla～ ファイルはバックアップ用のflaファイルなので変換には使用されません<br/><br />
[[File:LWF_FlashWork6.jpg|thumb|500px|none|left|パブリッシュ後のフォルダ]]<br/><br />
<br/><br />
するとLWFSがファイルを検知して変換が自動的に始まります。<br/><br />
変換中はLWFSのリスト画面に更新状態のインジケータが表示されます。<br/><br />
[[File:Lwfs_start.png|500px|thumb|none|LWF変換中の画面]]<br/><br />
<br/><br />
そして、処理が終了すると先ほどつけた名前のものが一覧に表示されます。<br/><br />
表示されてstatusがNGになっていなければ変換成功です。<br/><br />
[[File:0004.png|500px|thumb|none|変換が完了しリストに表示される]]<br/><br />
<br/><br />
<br />
==プレビュー==<br />
リストからはHTML5版のプレビューをCSS、Canvas、WebGLの各種描画で確認できます。<br/><br />
一番機能対応がしっかりしていて、UnityやCococs2d-xに近いのはWebGLになります。<br/><br />
[[File:LWF FlashWork7.jpg|500px|thumb|none|プレビュー画面]]</div>
User
http://lwf-users.org/index.php?title=Button%E3%82%AF%E3%83%A9%E3%82%B9
Buttonクラス
2016-07-19T01:51:25Z
<p>User: /* タッチした座標を取得する */</p>
<hr />
<div>==Buttonクラスとは?==<br />
クリックやタッチなどの入力を受け取れることのできるクラスです。<br/><br />
LWFでは入力を受け取れるのは、このボタンクラスだけになります。<br/><br />
イベントリスナーを設定して特定の入力タイミングでスクリプトを実行したりすることが可能です。<br/><br />
<br/><br />
ムービークリップと違いグラフィックを設定することはできず、ヒット領域のみの存在となります。<br/><br />
ヒット領域の設定にのみ唯一シェイプが使用できますが、回転していない矩形である必要があります<br/><br />
<br/><br />
また、複数のボタンが重なっている場合は、一番上のボタンのみ反応します。<br/><br />
<br />
==ボタンを作る==<br />
まず、適当なサイズの矩形シェイプを作りましょう。<br/><br />
<span style="color:red">※シェイプは<b>塗りのみ</b>にしてください。線が交じるとエラーになります</span><br/><br />
<br/><br />
[[File:Lwf_button_1.png|thumb|500px|none|left|適当なサイズの矩形シェイプを書く]]<br/><br />
その後、そのシェイプをボタンシンボルに変換します。シンボル名は適当なもの(英数)をつけてください<br/><br />
[[File:Lwf_button_2.png|thumb|500px|none|left|ボタンシンボルに変換]]<br/><br />
シンボル変換後、編集モードに入りシェイプが描画されているキーフレームを「アップ」→「ヒット」へ移動してください。<br/><br />
[[File:Lwf_button_3.png|thumb|500px|none|left|「アップ」→「ヒット」へキーフレームを移動]]<br/><br />
そして、編集モードを抜けると、半透明の水色の矩形ができあがっていると思います。<br/><br />
これがボタンのヒット領域になります。<br/><br />
Flash上では半透明の水色で表示されますが、LWFで実際に再生する際は何も表示されません。<br/><br />
ボタンにはインスタンス名を設定しておかないと使用できないので適当なインスタンス名を設定しましょう<br/><br />
[[File:Lwf_button_4.png|thumb|500px|none|left|ボタンにインスタンス名を設定]]<br/><br />
<br />
==イベントを登録する==<br />
ボタンを使用するには、ボタンを押した時や離した時の挙動を登録する必要があります。<br/><br />
登録には Button.addEventListener を使用します。<br/><br />
<br/><br />
下記の例では、ボタンを離した時にコンソールに"release"と出力します。<br/><br />
var handler = function(){<br />
console.log("release");<br />
}<br />
<Buttonインスタンス>.addEventListener("release", handler);<br />
<br/><br />
addEventListenerの第1引数にはイベントの種類<br/><br />
第2引数には実行する関数を入れます<br/><br />
<br/><br />
イベントには下記の種類があります<br/><br />
{| border="1" cellpadding="3"<br />
!イベント名<br />
!実行タイミング<br />
|-<br />
|press<br />
|ボタンが押された時<br />
|-<br />
|release<br />
|ボタンが離された時<br />
|-<br />
|rollOver<br />
|ボタン領域内に入った時<br/>(タッチデバイスの場合、タッチ状態のまま領域に入った場合)<br />
|-<br />
|rollOut<br />
|ボタン領域内から出た時<br/>(タッチデバイスの場合、タッチ状態のまま領域から出た場合)<br />
|}<br />
<br/><br />
[[File:Lwf_button_5.png|thumb|500px|none|left|ボタンにイベントリスナーを設定]]<br />
==イベントを解除する==<br />
ボタンに登録したイベントを解除したい場合、Button.removeEventListener 又は Button.clearEventListener を使用します。<br/><br />
<Buttonインスタンス>.removeEventListener("release", handler);<br />
<br />
<Buttonインスタンス>.clearEventListener("release");<br />
<br/><br />
removeEventListener は登録した関数をひとつ解除することができます<br/><br />
第1引数にはイベントの種類<br/><br />
第2引数には 解除したい関数を入れてください。<br/><br />
<br/><br />
clearEventListener は指定したイベントで登録されている関数をすべて解除します。<br/><br />
第1引数にはイベントの種類を入れてください。<br/><br />
<br/><br />
==タッチした座標を取得する==<br />
ボタンにタッチすると、タッチ座標が更新され取得することができます。<br/><br />
※何らかのイベントがセットされているボタンに限ります<br/><br />
<br/><br />
ボタンに触れている間、下記のプロパティが更新され続けるので、その値を取得します<br/><br />
マウスの座標<br /><br />
_root.lwf.pointX;<br />
_root.lwf.pointY;<br />
[[File:Lwf_button_6.png|thumb|500px|none|left|毎フレーム、タッチ座標をコンソールに出力し続けるサンプル]]<br />
<br />
==ボタンのサイズを取得する==<br />
ボタンのサイズは下記のサイズで取得することができます<br />
<Buttonインスタンス>.width; //幅<br />
<Buttonインスタンス>.height; //高さ</div>
User
http://lwf-users.org/index.php?title=Movie%E3%82%AF%E3%83%A9%E3%82%B9
Movieクラス
2016-07-14T05:47:20Z
<p>User: /* Movieに別のLWFのrootMovieを追加する */</p>
<hr />
<div>==Movieクラスとは?==<br />
MovieクラスはFlashのムービークリップに相当します。<br/><br />
javascriptを用いることでMovieを制御したり情報を得たりすることができます。<br/><br />
<br />
==Movieを作る==<br />
Movieクラスを作成するには主に2つの方法があります。<br />
*Flashで静的に配置する。<br />
Flashのタイムライン上にムービークリップを配置することで作成します。<br/><br />
インスタンス名を設定することでjavascriptで参照得ることもできます。<br/><br />
※FlashCC(as3書き出し)ではリンケージ名と同じインスタンス名を設定するとエラーが発生するため<br/><br />
LWF側で自動に設定するリンケージ名とインスタンス名が同じにならないようにしてください。<br/><br />
*javascriptを用いて動的に生成する。<br />
下記のコードでFlashのライブラリに存在するムービークリップを子Movieとして動的に配置することができます。<br/><br />
戻り値として生成されたMovieの参照を取得することができます。<br/><br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//sample<br />
var movie = this.attachMovie("hoge", "piyo");<br />
上記のthisは、フレームスクリプトが記述されているムービークリップ自身になります。<br/><br />
なので、上記の例は自身にリンケージ名"hoge"のムービークリップを"piyo"という名前の子Movieとして配置します。<br/><br />
<br />
==Movieを移動させる==<br />
Movieをjavascriptで移動させるサンプルです。<br />
//movieをx:100,y:100に移動させる<br />
<Movieインスタンス>.x = 100;<br />
<Movieインスタンス>.y = 100;<br />
<br />
//movieをx:50,y:50に移動させる<br />
<Movieインスタンス).moveTo(50,50);<br />
<br />
//movieを現在地からx+200 y+50する<br />
<Movieインスタンス>.move(200,50);<br />
<br />
==Movieを回転させる==<br />
Movieをjavascriptで回転させるサンプルです。<br />
//movieを45度回転させる<br />
<Movieインスタンス>.rotation = 45;<br />
<br />
//movieを現在の角度から-20度回転させる<br />
<Movieインスタンス>.rotate(-20);<br />
<br />
==Movieを拡大縮小させる==<br />
Movieをjavascriptで拡縮させるサンプルです。<br />
//movieの横スケールを2倍にする<br />
<Movieインスタンス>.scaleX = 2;<br />
<br />
//movieの縦横スケールを2倍にする<br />
<Movieインスタンス>.scaleTo(2,2);<br />
<br />
//movieの現在のスケールに設定した値を加算する<br />
<Movieインスタンス>.scale(0.1, 0.1);<br />
<br />
==Movieを反転させる==<br />
Movieを反転させるにはscale値をマイナスに設定します。<br/><br />
//movieを左右反転する<br />
<Movieインスタンス>.scaleX = -1;<br />
//movieを上下反転する<br />
<Movieインスタンス>.scaleY = -1;<br />
==Movieを半透明にする==<br />
Movieのアルファ(透明度)を設定します。0で透明 1で不透明になります。<br />
//movieを半透明にする<br />
<Movieインスタンス>.alpha = 0.5;<br />
完全に非表示したい場合はalphaよりvisibleを使用してください。<br/><br />
alpha=0; は visible=false より描画負荷がかかってしまいます。<br/><br />
==Movieを非表示にする==<br />
Movieの表示状態を設定します。<br/><br />
非表示にしている間は描画処理がストップし、alpha=0にして完全に透明にするよりもパフォーマンスの向上が期待できます。<br/><br />
//movieを非表示する<br />
<Movieインスタンス>.visible = false;<br />
//movieを表示する<br />
<Movieインスタンス>.visible = true;<br />
<br />
==動的にMovieを生成する==<br />
Movieにライブラリに存在するムービークリップを子Movieとして配置するサンプルです。<br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//movieを子として配置し参照を取得。 生成時に非表示状態を設定する。<br />
var movie = this.attachMovie("hoge", "piyo", {<br />
"load":function(){<br />
this.visible = false;<br />
}<br />
});<br />
第3引数のオプションは省略することもできますが、設定することで特定のタイミングで指定した関数を実行することができます。<br/><br />
{| border="1" cellpadding="3"<br />
!オプション名<br />
!実行タイミング<br />
|-<br />
|load<br />
|movieが生成されたタイミング。<br/>この時点では、まだタイムラインの制御などは行うことができません。<br />
|-<br />
|postLoad<br />
|movieの生成が完了したタイミング。<br />
|}<br />
<br />
==動的に生成したMovieを破棄する==<br />
動的に配置されたMovieを破棄するサンプルです。タイムライン上に静的に配置されたMovieには適用できません。<br/><br />
//自身を親から破棄する<br />
<Movieインスタンス>.removeMovieClip();<br />
<br />
//子のMovieを破棄する<br />
<Movieインスタンス>.detachMovie(<破棄するMovieインスタンス>);<br />
破棄したあともmovieインスタンスは残っていますが、再attachすることはできません。<br/><br />
再利用したい場合は [[Movie%E3%82%AF%E3%83%A9%E3%82%B9#Movie.E3.81.AE.E5.87.A6.E7.90.86.E3.82.92.E6.AD.A2.E3.82.81.E3.81.9F.E3.81.84 | <Movieインスタンス>.active]] を使用してください。<br/><br />
//NG<br />
var movie = this.attachMovie("hoge","piyo");<br />
movie.removeMovieClip();<br />
this.attachMovie(movie);<br />
<br />
==別のMovieに再attachしたい==<br />
動的に配置されたMovieは別のMovieに再attachすることができます。<br/><br />
その場合、前にいた場所からはいなくなり、新しく指定してたMovieの子Movieとして扱われます。<br/><br />
以下がサンプルです。<br/><br />
//movieを配置<br />
var movie = this.attachMovie("hoge","piyo");<br />
<br />
//別のmovieの子movieとして配置<br />
<別のMovieインスタンス>.attachMovie(movie);<br />
※removeMovieClip()を行った後はmovieが破棄されているため再attachできないので注意してください。<br />
<br />
==Movieの処理を止めたい==<br />
一時的に不必要だが、後に再度利用したいといった場合にMovieを破棄せずに処理を止めることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//movieの処理を止めたい<br />
<Movieインスタンス>.active = false;<br />
Movie.removeMovieClip()を行うと再attachができません。<br/><br />
Movie.visibleでは描画処理は停止しますが、Matrix計算やタイムラインの処理などは動いているので負荷がかかってしまいます。<br/><br />
なので、再利用したいMovieが一時的に不必要になる場合はMovie.activeを使用してください。<br/><br />
また、Movie.activeはタイムライン上で静的に配置されたものにも適用できます。<br/><br />
<br/><br />
※処理を停止しているMovieのデータを弄ると不具合の原因になる可能性があるので、停止中は極力触らないようにしてください。<br />
<br />
==Movieの深度を取得する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度の値は下記のように取得することができます。<br/><br />
//Movieの深度<br />
<Movieインスタンス>.depth;<br />
※上記のプロパティは読み取り専用です。書き換えると不具合の原因になる可能性があるので書き換えないでください。<br />
<br />
==Movieの深度を変更する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度を変更してMovieの重ね順を変更することができます。<br/><br />
//Movieの深度を設定<br />
<Movieインスタンス>.swapDepths(30);<br />
深度の値は0からはじまり数字が大きいほど重ね順が上になります。<br/><br />
<br/><br />
タイムラインで静的に配置されたMovieの深度は変更することはできません。<br/><br />
また、静的に配置されたMovieは動的に配置されたMovieより下になります。<br/><br />
<br />
==Movieにブレンドを適用する==<br />
Movieのブレンドモードを変更することができます。<br/><br />
ブレンドモードを変更することで加算合成を行うことができるようになります<br/><br />
//加算合成にする<br />
<Movieインスタンス>.blendMode = "add";<br />
//通常状態にする<br />
<Movieインスタンス>.blendMode = "normal";<br />
加算合成はwebkitcss描画モードでは適用されないので注意してください<br/><br />
<br />
==Movieにマスクを適用する==<br />
LWFではFlashタイムラインによるマスクの適用は行うことはできませんが、スクリプトによってマスクを適用することができます。<br/><br />
しかし、マスク処理は非常にパフォーマンスに影響するため、使わなくても良い場合は極力使わないようにしましょう。<br/><br />
※マスクの大きさに変わらず、マスクの数が大きくパフォーマンスに影響します。<br />
<br/><br />
*マスク<br />
マスク対象のMovieの内容に合わせて、被マスク対象のMovieが切り抜かれます。<br/><br />
このマスクはwebkitcss版では使用することができません。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
//マスク形状として設定<br />
<Movieインスタンス>.blendMode = "erase";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*矩形マスク<br />
マスク対象のMovieの矩形領域内に含まれている部分のみ、被マスク対象のMovieが表示されます。<br/><br />
このマスクはすべての描画方式に対応しています。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
また、マスク形状として設定するMovieは同じMovie内に２つ以上存在することはできません。<br/><br />
※Movie内に２つ以上設定した場合webkitcss版で正常に動作しなくなります。<br/><br />
//マスク形状として設定 "erase"と違い Movie内に２つ以上存在してはいけない。<br />
<Movieインスタンス>.blendMode = "mask";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*注意点<br />
**<span style="color:blue">※マスクを使ったMovieに更にマスクをかける。といったことはできません。</span><br />
**<span style="color:blue">※css版ではdivのoverflow:hiddenを使ってマスクかける構造上、Movie内にblendMode="mask"は1つしか使えません。</span><br />
<br />
==Movieのステージ上の座標を取得する==<br />
下記のサンプルで、Movieから見た任意の座標をステージから見た座標に変換して取得することができます。<br />
//Movie内の座標(100,100)をグローバル座標に変換して取得<br />
var globalPoint = <Movieインスタンス>.localToGlobal(new Point(100,100));<br />
//座標出力<br />
console.log(globalPoint.x, globalPoint.y);<br />
<br/><br />
逆にステージの任意の座標をMovieから見た座標に変換して取得する場合は下記のようにして取得できます。<br />
//グローバル座標(100,100)をMovieから見たローカル座標に変換して取得<br />
var localPoint = <Movieインスタンス>.globalToLocal(new Point(100,100));<br />
//座標出力<br />
console.log(localPoint.x, localPoint.y);<br />
<br />
※これらの処理は、マトリックス処理が走ってからでないと取得することができません。<br/><br />
なので、attachMovie直後や登場したフレームでは取得できないので注意してください。<br/><br />
<br />
==Movieの名前を取得する==<br />
attachMovieの際に設定したMovieの名前は下記のようにして取得することができます。<br/><br />
タイムラインで静的に配置したMovieはnullになります。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.attachName;<br />
//出力<br />
console.log(name);<br />
タイムラインで静的に配置しインスタンス名をつけたMovieのインスタンス名に関しては下記のようにして取得することができます。<br/><br />
attachMovieで生成したmovieもattachMovie時に設定した名前を取得することができます。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.name;<br />
//出力<br />
console.log(name);<br />
<br />
==Movieの親Movieを取得する==<br />
Movieの親にあたるMovieを取得することができます。下記がサンプルになります。<br />
//親Movieを取得<br />
var parentMovie = <Movieインスタンス>.parent;<br />
//親Movieを移動<br />
parentMovie.moveTo(100,0);<br />
<br />
==Movieの再生状況を取得する==<br />
Movieの現在の再生状況をブール値で取得することができます。下記がサンプルになります。<br/><br />
//再生状況を取得<br />
var playing = <Movieインスタンス>.playing;<br />
//停止していれば出力<br />
if(playing === false){<br />
console.log("movieは現在停止中です");<br />
}<br />
※読み取り専用なので、書き換えたりはしないでください。<br/><br />
<br />
==Movieの総フレーム数を取得する==<br />
Movieのタイムラインの総フレーム数を取得できます。下記がサンプルになります。<br />
//総フレーム数を取得<br />
var frames = <Movieインスタンス>.totalFrames;<br />
//出力<br />
console.log(frames);<br />
<br />
==Movieの現在のフレームを取得する==<br />
Movieが現在再生しているフレームを取得できます。下記がサンプルになります。<br />
//現在再生中のフレームを取得<br />
var frame = <Movieインスタンス>.currentFrame;<br />
//出力<br />
console.log("現在、" + frame + "を再生中です");<br />
<br />
==Movieにトゥイーンクラスを適用する==<br />
LWFではTween.jsというアニメーションライブラリが使用できます。<br/><br />
Movieクラスで使用する際、下記のサンプルようにして使用します。<br/><br />
//サンプル1<br />
<Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) //イージング設定<br />
.to({x:150,y:200},24) //(24フレームかけてx:150,y:200)へ移動<br />
.onComplete(function(){ //移動が完了したら指定した関数を実行<br />
console.log("着きました");<br />
})<br />
.start(); //スタート<br />
<br />
//------------------------------------------------------------<br />
<br />
//サンプル2<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},24) //24フレームかけて(x:100)へ移動<br />
.start() //スタート<br />
.chain() //(x:100)への移動が完了した後に新たなトゥイーンを生成<br />
.delay(24) //24フレーム、ウェイト状態に<br />
.onComplete(function(){ //24フレームウェイトが完了したら実行する関数<br />
console.log("24フレーム待ちました");<br />
})<br />
.chain()<br />
.to({rotation:180},12) //12フレームかけて180度回転<br />
.onComplete(function(){ //回転が完了したら実行する関数<br />
console.log("完了");<br />
})<br />
※Tweenクラスの詳しい扱い方<br/><br />
[[Tween%E3%82%AF%E3%83%A9%E3%82%B9 | Tweenクラス]]<br/><br />
[[Tween | API]]<br/><br />
<br />
==Movieに適用したトゥイーンをすべて止めたい==<br />
MovieにaddTween()で適用したトゥイーンをすべて止めるサンプルになります。<br/><br />
タイムラインで設定したモーショントゥイーンは対象外です。<br/><br />
//movieにかかっている全てのトゥイーンを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br />
==Movieに空の子Movieを追加する==<br />
Movieインスタンスに何もない空のMovieを追加するには下記のサンプルを参考にしてください<br />
//空Movieをattach<br />
var emptyMovie = <Movieインスタンス>.attachEmptyMovie("movieName");<br />
attachEmptyMovieの第1引数はattachした空Movieの名前になります。<br/><br />
<br/><br />
なお、LWFには"_empty"というリンケージ名の空Movieが自動で挿入されます。<br/><br />
なのでFlash上で_emptyという名前のムービークリップをライブラリには作らないでください。<br/><br />
<br />
==Movieにイベントリスナーをセットする==<br />
Movieにイベントリスナーを設定することで様々なタイミングで指定した関数を実行させることが出来ます。<br/><br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
==Movieのイベントリスナーを解除する==<br />
Movieに設定したイベントリスナーを解除することができます。<br/><br />
主に2通りの方法があります。<br/><br />
*指定したイベントタイプ内の指定した関数を解除する<br />
*指定したイベントタイプの関数を全て解除する<br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieにイベントを送信する==<br />
任意のイベントを発火することができます。(カスタムイベント)<br/><br />
そのイベントに対応したイベントリスナーが設定されていれば、リスナー関数が実行されます。<br/><br />
/* js<br />
//イベントを発火<br />
<Movieインスタンス>.dispatchEvent("attack");<br />
*/<br />
<br />
<br/><br />
イベントについて、詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieのサイズを取得する==<br />
LWFのMovieは基本的にwidthやheightといったサイズを取得することはパフォーマンスの都合上できないのですが<br/><br />
どうしても取得したいという時に、Movieの現在のフレームのサイズを取得する機能があります。<br/><br />
下記はそのサンプルになります<br />
//現在のMovieのサイズを保持するようにリクエスト<br />
//第1引数に取得完了後のcallbackを指定することができる。<br />
<Movieインスタンス>.requestCalculateBounds(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br />
//旧バージョン(LWFS-20131219-1614 より前) の方法(第1引数のcallbackがない)<br />
//現在のMovieのサイズを取得するようにリクエスト<br />
<Movieインスタンス>.requestCalculateBounds();<br />
<br />
//計算結果は次のフレームから取得できるので、1フレーム待ってから取得するように設定<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br/><br />
まだ、サイズ計算が終わっていない状態でgetBounds()を行うとundefinedが返ってきます。<br />
<br />
==Movieのタイムラインを操作する==<br />
MovieはFlashのムービークリップと同様にgotoAndPlay()などでフレームを操作することができます。<br/><br />
下記はフレーム操作に使用するメソッドになります。<br/><br />
*gotoAndPlay(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し再生<br />
*gotoAndStop(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し停止<br />
*nextFrame()<br />
*:１つ次のフレームへ移動<br />
*prevFrame()<br />
*:１つ前のフレームへ移動<br />
*play()<br />
*:再生<br />
*stop()<br />
*:停止<br />
<br/><br />
下記はサンプルになります。<br/><br />
詳しくは[[Movie|API]] を参照してください<br/><br />
//Flashで指定したラベルのフレームへ<br />
<Movieインスタンス>.gotoAndPlay("jump");<br />
Flashでは、複数のフレーム操作を行った際に途中で通過したフレームのスクリプトが全て実行されますが<br/><br />
LWFでは最終的に到達したフレームのスクリプトだけが実行されますので注意してください。<br/><br />
<br />
==Movieの子Movieを検索する==<br />
Movieの子となっているMovieを取得することができます。<br/><br />
下記はそのサンプルです。<br/><br />
//子Movieを取得<br />
var childMovie = <Movieインスタンス>["子のインスタンス名"];<br />
<br />
==Movieの所属するLwfを取得する==<br />
Movieの所属しているLWFインスタンスを取得することができます。<br/><br />
LWFインスンタンスには全体的な設定に関するメソッドやプロパティがあります。<br/><br />
詳しくは、 [[LWF|API]] や [[Lwf%E3%82%AF%E3%83%A9%E3%82%B9|LWFクラスについて]] で扱っています。<br/><br />
下記は取得のサンプルになります<br/><br />
//lwfインスタンスを取得<br />
var lwf = <Movieインスタンス>.lwf;<br />
==Movieに別のLWFのrootMovieを追加する==<br />
Movieには別のLWFをattachMovieの要領で表示させることが出来ます。<br/><br />
そうすることで、動的に必要なLWFだけを読み込んで利用することが可能になります。<br/><br />
<br/><br />
まずは、LwfLoader.loadLWF()を使用して新たに必要なLWFファイル一式を読み込む必要があります。<br/><br />
自身を制御しているLwfLoaderは <Lwfインスタンス>.privateData.lwfLoader で取得することができます。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
lwfLoader.loadLWF()の引数はLWFファイル一式を読み込む関数です。<br/><br />
引数は(<自身のLWFインスタンス>, "読み込むLWFのパス", <imageMap object>, <privateData object>, callback関数)という感じになっています。<br/><br />
詳しくはlwfLoaderの公式リファレンスを参照してください。<br/><br />
http://gree.github.io/lwf-loader/lwfloader-doc/ja/lwfloader.html#loadLWF<br/><br />
<br/><br />
<Movieインスタンス>.attachLWF()は読み込んだLWFのrootMovieを子としてmovieに追加する関数です。<br/><br />
引数は(<追加するLWFインスタンス>,"LWFの識別名",<オプション object>)という感じになっています。<br/><br />
追加された子LWFは、親のLWFとは独立して動きます。<br/><br />
<br/><br />
※同じLWFでも複数追加する場合は必要な数だけloadLWF()を行ってください。<br/><br />
※LWFを追加する際、空のMovieにattachした方が制御しやすいのでそちらをオススメします。<br/><br />
<br/><br />
<hr /><br />
例:<br /><br />
下記のフォルダ構成の場合で、baseLWFに、effect1LWFを読み込む場合<br /><br />
<br /><br />
<pre><br />
■フォルダ構成<br />
LWFS_work<br />
└─KING<br />
├─BATTLE<br />
│ └─base<br />
│ ├─base.swf<br />
│ └─その他ファイル <br />
└─EFFECT<br />
└─effect1<br />
├─effect1.swf<br />
└─その他ファイル<br />
</pre><br />
<br /><br />
<pre><br />
<br />
// ※このthisは、LWF.Movieのインスタンスです。<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
<br />
// 外部LWFのパス<br />
// ※effect1フォルダまでのパスを指定する<br />
var path = "../EFFECT/effect1";<br />
<br />
// 読み込み処理<br />
lwfLoader.loadLWF(this.lwf, path, null, null, function(pError, pLWF){<br />
// pLWFが、読み込んだ外部LWF<br />
<br />
//読み込んだ外部LWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
</pre><br />
<br />
==Movieに追加したLWFを削除したい==<br />
attachLWFを使用して追加したLWFを削除するには<Movieインスタンス>.detachLWF()を使用します。<br />
【サンプル】<br />
//追加したLWFを削除<br />
<Movieインスタンス>.detachLWF(<削除したいLWFインスタンス> or LWFの識別名);<br />
一度削除したLWFインスタンスは再利用してattachすることはできません。<br/><br />
再利用したい場合は、attachLWF時にdetachLWFしてもインスタンスが削除されないようにオプションで指定する必要があります。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
//第3引数のオプションでdetachLWFしてもインスタンスが破棄されないように設定する<br />
self.attachLWF(pLWF, "lwfName1", {"detach":function(){return false;}});<br />
});<br />
<br />
==1フレーム待ってから関数を実行させたい==<br />
LWFでは処理の都合上、1フレーム待ってからでないと行えないことがあったりします。<br />
*attachLWFで追加したLWFの子Movieを構築が終わってから取得したい場合<br />
*gotoAndPlay等で飛んだ先で生成される子Movieを取得する場合<br />
等々です。<br/><br />
そういった時のために、1フレーム待ってから実行する関数を設定することが出来ます。<br/><br />
下記がサンプルになります。<br/><br />
//1フレーム待ってから実行<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
console.log("1フレーム待ちました");<br />
});<br />
<br />
==全ての子要素に対して関数を実行する==<br />
Movieの子要素(Movie,Button,BitmapClip)に対して指定した関数を実行することが出来ます。<br/><br />
これを利用することで、全ての子Movieにstop()を簡単にかけたりすることができます。<br/><br />
【sample】<br />
//全ての子要素に対して関数を実行<br />
(Movieインスタンス).inspect(function(obj){<br />
if(obj.isMovie() === true){<br />
//Movieなのでstop<br />
obj.stop();<br />
} <br />
if(obj.isButton() === true){<br />
//Buttonにはなにもしない<br />
}<br />
if(obj.isBitmapClip() === true){<br />
//BitmapClipなら非表示<br />
obj.visible = false;<br />
}<br />
});<br />
Movieの子要素全てに対して(Movieインスタンス).inspect()で設定した関数が実行されます。<br/><br />
関数の第1引数には、子要素が入ります。<br/><br />
子要素の種類(Movie等)を判別する際にはisMovie()、isButton()、isBitmapClip()を使用します。<br/></div>
User
http://lwf-users.org/index.php?title=Movie%E3%82%AF%E3%83%A9%E3%82%B9
Movieクラス
2016-07-14T05:45:14Z
<p>User: /* Movieに別のLWFのrootMovieを追加する */</p>
<hr />
<div>==Movieクラスとは?==<br />
MovieクラスはFlashのムービークリップに相当します。<br/><br />
javascriptを用いることでMovieを制御したり情報を得たりすることができます。<br/><br />
<br />
==Movieを作る==<br />
Movieクラスを作成するには主に2つの方法があります。<br />
*Flashで静的に配置する。<br />
Flashのタイムライン上にムービークリップを配置することで作成します。<br/><br />
インスタンス名を設定することでjavascriptで参照得ることもできます。<br/><br />
※FlashCC(as3書き出し)ではリンケージ名と同じインスタンス名を設定するとエラーが発生するため<br/><br />
LWF側で自動に設定するリンケージ名とインスタンス名が同じにならないようにしてください。<br/><br />
*javascriptを用いて動的に生成する。<br />
下記のコードでFlashのライブラリに存在するムービークリップを子Movieとして動的に配置することができます。<br/><br />
戻り値として生成されたMovieの参照を取得することができます。<br/><br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//sample<br />
var movie = this.attachMovie("hoge", "piyo");<br />
上記のthisは、フレームスクリプトが記述されているムービークリップ自身になります。<br/><br />
なので、上記の例は自身にリンケージ名"hoge"のムービークリップを"piyo"という名前の子Movieとして配置します。<br/><br />
<br />
==Movieを移動させる==<br />
Movieをjavascriptで移動させるサンプルです。<br />
//movieをx:100,y:100に移動させる<br />
<Movieインスタンス>.x = 100;<br />
<Movieインスタンス>.y = 100;<br />
<br />
//movieをx:50,y:50に移動させる<br />
<Movieインスタンス).moveTo(50,50);<br />
<br />
//movieを現在地からx+200 y+50する<br />
<Movieインスタンス>.move(200,50);<br />
<br />
==Movieを回転させる==<br />
Movieをjavascriptで回転させるサンプルです。<br />
//movieを45度回転させる<br />
<Movieインスタンス>.rotation = 45;<br />
<br />
//movieを現在の角度から-20度回転させる<br />
<Movieインスタンス>.rotate(-20);<br />
<br />
==Movieを拡大縮小させる==<br />
Movieをjavascriptで拡縮させるサンプルです。<br />
//movieの横スケールを2倍にする<br />
<Movieインスタンス>.scaleX = 2;<br />
<br />
//movieの縦横スケールを2倍にする<br />
<Movieインスタンス>.scaleTo(2,2);<br />
<br />
//movieの現在のスケールに設定した値を加算する<br />
<Movieインスタンス>.scale(0.1, 0.1);<br />
<br />
==Movieを反転させる==<br />
Movieを反転させるにはscale値をマイナスに設定します。<br/><br />
//movieを左右反転する<br />
<Movieインスタンス>.scaleX = -1;<br />
//movieを上下反転する<br />
<Movieインスタンス>.scaleY = -1;<br />
==Movieを半透明にする==<br />
Movieのアルファ(透明度)を設定します。0で透明 1で不透明になります。<br />
//movieを半透明にする<br />
<Movieインスタンス>.alpha = 0.5;<br />
完全に非表示したい場合はalphaよりvisibleを使用してください。<br/><br />
alpha=0; は visible=false より描画負荷がかかってしまいます。<br/><br />
==Movieを非表示にする==<br />
Movieの表示状態を設定します。<br/><br />
非表示にしている間は描画処理がストップし、alpha=0にして完全に透明にするよりもパフォーマンスの向上が期待できます。<br/><br />
//movieを非表示する<br />
<Movieインスタンス>.visible = false;<br />
//movieを表示する<br />
<Movieインスタンス>.visible = true;<br />
<br />
==動的にMovieを生成する==<br />
Movieにライブラリに存在するムービークリップを子Movieとして配置するサンプルです。<br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//movieを子として配置し参照を取得。 生成時に非表示状態を設定する。<br />
var movie = this.attachMovie("hoge", "piyo", {<br />
"load":function(){<br />
this.visible = false;<br />
}<br />
});<br />
第3引数のオプションは省略することもできますが、設定することで特定のタイミングで指定した関数を実行することができます。<br/><br />
{| border="1" cellpadding="3"<br />
!オプション名<br />
!実行タイミング<br />
|-<br />
|load<br />
|movieが生成されたタイミング。<br/>この時点では、まだタイムラインの制御などは行うことができません。<br />
|-<br />
|postLoad<br />
|movieの生成が完了したタイミング。<br />
|}<br />
<br />
==動的に生成したMovieを破棄する==<br />
動的に配置されたMovieを破棄するサンプルです。タイムライン上に静的に配置されたMovieには適用できません。<br/><br />
//自身を親から破棄する<br />
<Movieインスタンス>.removeMovieClip();<br />
<br />
//子のMovieを破棄する<br />
<Movieインスタンス>.detachMovie(<破棄するMovieインスタンス>);<br />
破棄したあともmovieインスタンスは残っていますが、再attachすることはできません。<br/><br />
再利用したい場合は [[Movie%E3%82%AF%E3%83%A9%E3%82%B9#Movie.E3.81.AE.E5.87.A6.E7.90.86.E3.82.92.E6.AD.A2.E3.82.81.E3.81.9F.E3.81.84 | <Movieインスタンス>.active]] を使用してください。<br/><br />
//NG<br />
var movie = this.attachMovie("hoge","piyo");<br />
movie.removeMovieClip();<br />
this.attachMovie(movie);<br />
<br />
==別のMovieに再attachしたい==<br />
動的に配置されたMovieは別のMovieに再attachすることができます。<br/><br />
その場合、前にいた場所からはいなくなり、新しく指定してたMovieの子Movieとして扱われます。<br/><br />
以下がサンプルです。<br/><br />
//movieを配置<br />
var movie = this.attachMovie("hoge","piyo");<br />
<br />
//別のmovieの子movieとして配置<br />
<別のMovieインスタンス>.attachMovie(movie);<br />
※removeMovieClip()を行った後はmovieが破棄されているため再attachできないので注意してください。<br />
<br />
==Movieの処理を止めたい==<br />
一時的に不必要だが、後に再度利用したいといった場合にMovieを破棄せずに処理を止めることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//movieの処理を止めたい<br />
<Movieインスタンス>.active = false;<br />
Movie.removeMovieClip()を行うと再attachができません。<br/><br />
Movie.visibleでは描画処理は停止しますが、Matrix計算やタイムラインの処理などは動いているので負荷がかかってしまいます。<br/><br />
なので、再利用したいMovieが一時的に不必要になる場合はMovie.activeを使用してください。<br/><br />
また、Movie.activeはタイムライン上で静的に配置されたものにも適用できます。<br/><br />
<br/><br />
※処理を停止しているMovieのデータを弄ると不具合の原因になる可能性があるので、停止中は極力触らないようにしてください。<br />
<br />
==Movieの深度を取得する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度の値は下記のように取得することができます。<br/><br />
//Movieの深度<br />
<Movieインスタンス>.depth;<br />
※上記のプロパティは読み取り専用です。書き換えると不具合の原因になる可能性があるので書き換えないでください。<br />
<br />
==Movieの深度を変更する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度を変更してMovieの重ね順を変更することができます。<br/><br />
//Movieの深度を設定<br />
<Movieインスタンス>.swapDepths(30);<br />
深度の値は0からはじまり数字が大きいほど重ね順が上になります。<br/><br />
<br/><br />
タイムラインで静的に配置されたMovieの深度は変更することはできません。<br/><br />
また、静的に配置されたMovieは動的に配置されたMovieより下になります。<br/><br />
<br />
==Movieにブレンドを適用する==<br />
Movieのブレンドモードを変更することができます。<br/><br />
ブレンドモードを変更することで加算合成を行うことができるようになります<br/><br />
//加算合成にする<br />
<Movieインスタンス>.blendMode = "add";<br />
//通常状態にする<br />
<Movieインスタンス>.blendMode = "normal";<br />
加算合成はwebkitcss描画モードでは適用されないので注意してください<br/><br />
<br />
==Movieにマスクを適用する==<br />
LWFではFlashタイムラインによるマスクの適用は行うことはできませんが、スクリプトによってマスクを適用することができます。<br/><br />
しかし、マスク処理は非常にパフォーマンスに影響するため、使わなくても良い場合は極力使わないようにしましょう。<br/><br />
※マスクの大きさに変わらず、マスクの数が大きくパフォーマンスに影響します。<br />
<br/><br />
*マスク<br />
マスク対象のMovieの内容に合わせて、被マスク対象のMovieが切り抜かれます。<br/><br />
このマスクはwebkitcss版では使用することができません。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
//マスク形状として設定<br />
<Movieインスタンス>.blendMode = "erase";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*矩形マスク<br />
マスク対象のMovieの矩形領域内に含まれている部分のみ、被マスク対象のMovieが表示されます。<br/><br />
このマスクはすべての描画方式に対応しています。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
また、マスク形状として設定するMovieは同じMovie内に２つ以上存在することはできません。<br/><br />
※Movie内に２つ以上設定した場合webkitcss版で正常に動作しなくなります。<br/><br />
//マスク形状として設定 "erase"と違い Movie内に２つ以上存在してはいけない。<br />
<Movieインスタンス>.blendMode = "mask";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*注意点<br />
**<span style="color:blue">※マスクを使ったMovieに更にマスクをかける。といったことはできません。</span><br />
**<span style="color:blue">※css版ではdivのoverflow:hiddenを使ってマスクかける構造上、Movie内にblendMode="mask"は1つしか使えません。</span><br />
<br />
==Movieのステージ上の座標を取得する==<br />
下記のサンプルで、Movieから見た任意の座標をステージから見た座標に変換して取得することができます。<br />
//Movie内の座標(100,100)をグローバル座標に変換して取得<br />
var globalPoint = <Movieインスタンス>.localToGlobal(new Point(100,100));<br />
//座標出力<br />
console.log(globalPoint.x, globalPoint.y);<br />
<br/><br />
逆にステージの任意の座標をMovieから見た座標に変換して取得する場合は下記のようにして取得できます。<br />
//グローバル座標(100,100)をMovieから見たローカル座標に変換して取得<br />
var localPoint = <Movieインスタンス>.globalToLocal(new Point(100,100));<br />
//座標出力<br />
console.log(localPoint.x, localPoint.y);<br />
<br />
※これらの処理は、マトリックス処理が走ってからでないと取得することができません。<br/><br />
なので、attachMovie直後や登場したフレームでは取得できないので注意してください。<br/><br />
<br />
==Movieの名前を取得する==<br />
attachMovieの際に設定したMovieの名前は下記のようにして取得することができます。<br/><br />
タイムラインで静的に配置したMovieはnullになります。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.attachName;<br />
//出力<br />
console.log(name);<br />
タイムラインで静的に配置しインスタンス名をつけたMovieのインスタンス名に関しては下記のようにして取得することができます。<br/><br />
attachMovieで生成したmovieもattachMovie時に設定した名前を取得することができます。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.name;<br />
//出力<br />
console.log(name);<br />
<br />
==Movieの親Movieを取得する==<br />
Movieの親にあたるMovieを取得することができます。下記がサンプルになります。<br />
//親Movieを取得<br />
var parentMovie = <Movieインスタンス>.parent;<br />
//親Movieを移動<br />
parentMovie.moveTo(100,0);<br />
<br />
==Movieの再生状況を取得する==<br />
Movieの現在の再生状況をブール値で取得することができます。下記がサンプルになります。<br/><br />
//再生状況を取得<br />
var playing = <Movieインスタンス>.playing;<br />
//停止していれば出力<br />
if(playing === false){<br />
console.log("movieは現在停止中です");<br />
}<br />
※読み取り専用なので、書き換えたりはしないでください。<br/><br />
<br />
==Movieの総フレーム数を取得する==<br />
Movieのタイムラインの総フレーム数を取得できます。下記がサンプルになります。<br />
//総フレーム数を取得<br />
var frames = <Movieインスタンス>.totalFrames;<br />
//出力<br />
console.log(frames);<br />
<br />
==Movieの現在のフレームを取得する==<br />
Movieが現在再生しているフレームを取得できます。下記がサンプルになります。<br />
//現在再生中のフレームを取得<br />
var frame = <Movieインスタンス>.currentFrame;<br />
//出力<br />
console.log("現在、" + frame + "を再生中です");<br />
<br />
==Movieにトゥイーンクラスを適用する==<br />
LWFではTween.jsというアニメーションライブラリが使用できます。<br/><br />
Movieクラスで使用する際、下記のサンプルようにして使用します。<br/><br />
//サンプル1<br />
<Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) //イージング設定<br />
.to({x:150,y:200},24) //(24フレームかけてx:150,y:200)へ移動<br />
.onComplete(function(){ //移動が完了したら指定した関数を実行<br />
console.log("着きました");<br />
})<br />
.start(); //スタート<br />
<br />
//------------------------------------------------------------<br />
<br />
//サンプル2<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},24) //24フレームかけて(x:100)へ移動<br />
.start() //スタート<br />
.chain() //(x:100)への移動が完了した後に新たなトゥイーンを生成<br />
.delay(24) //24フレーム、ウェイト状態に<br />
.onComplete(function(){ //24フレームウェイトが完了したら実行する関数<br />
console.log("24フレーム待ちました");<br />
})<br />
.chain()<br />
.to({rotation:180},12) //12フレームかけて180度回転<br />
.onComplete(function(){ //回転が完了したら実行する関数<br />
console.log("完了");<br />
})<br />
※Tweenクラスの詳しい扱い方<br/><br />
[[Tween%E3%82%AF%E3%83%A9%E3%82%B9 | Tweenクラス]]<br/><br />
[[Tween | API]]<br/><br />
<br />
==Movieに適用したトゥイーンをすべて止めたい==<br />
MovieにaddTween()で適用したトゥイーンをすべて止めるサンプルになります。<br/><br />
タイムラインで設定したモーショントゥイーンは対象外です。<br/><br />
//movieにかかっている全てのトゥイーンを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br />
==Movieに空の子Movieを追加する==<br />
Movieインスタンスに何もない空のMovieを追加するには下記のサンプルを参考にしてください<br />
//空Movieをattach<br />
var emptyMovie = <Movieインスタンス>.attachEmptyMovie("movieName");<br />
attachEmptyMovieの第1引数はattachした空Movieの名前になります。<br/><br />
<br/><br />
なお、LWFには"_empty"というリンケージ名の空Movieが自動で挿入されます。<br/><br />
なのでFlash上で_emptyという名前のムービークリップをライブラリには作らないでください。<br/><br />
<br />
==Movieにイベントリスナーをセットする==<br />
Movieにイベントリスナーを設定することで様々なタイミングで指定した関数を実行させることが出来ます。<br/><br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
==Movieのイベントリスナーを解除する==<br />
Movieに設定したイベントリスナーを解除することができます。<br/><br />
主に2通りの方法があります。<br/><br />
*指定したイベントタイプ内の指定した関数を解除する<br />
*指定したイベントタイプの関数を全て解除する<br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieにイベントを送信する==<br />
任意のイベントを発火することができます。(カスタムイベント)<br/><br />
そのイベントに対応したイベントリスナーが設定されていれば、リスナー関数が実行されます。<br/><br />
/* js<br />
//イベントを発火<br />
<Movieインスタンス>.dispatchEvent("attack");<br />
*/<br />
<br />
<br/><br />
イベントについて、詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieのサイズを取得する==<br />
LWFのMovieは基本的にwidthやheightといったサイズを取得することはパフォーマンスの都合上できないのですが<br/><br />
どうしても取得したいという時に、Movieの現在のフレームのサイズを取得する機能があります。<br/><br />
下記はそのサンプルになります<br />
//現在のMovieのサイズを保持するようにリクエスト<br />
//第1引数に取得完了後のcallbackを指定することができる。<br />
<Movieインスタンス>.requestCalculateBounds(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br />
//旧バージョン(LWFS-20131219-1614 より前) の方法(第1引数のcallbackがない)<br />
//現在のMovieのサイズを取得するようにリクエスト<br />
<Movieインスタンス>.requestCalculateBounds();<br />
<br />
//計算結果は次のフレームから取得できるので、1フレーム待ってから取得するように設定<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br/><br />
まだ、サイズ計算が終わっていない状態でgetBounds()を行うとundefinedが返ってきます。<br />
<br />
==Movieのタイムラインを操作する==<br />
MovieはFlashのムービークリップと同様にgotoAndPlay()などでフレームを操作することができます。<br/><br />
下記はフレーム操作に使用するメソッドになります。<br/><br />
*gotoAndPlay(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し再生<br />
*gotoAndStop(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し停止<br />
*nextFrame()<br />
*:１つ次のフレームへ移動<br />
*prevFrame()<br />
*:１つ前のフレームへ移動<br />
*play()<br />
*:再生<br />
*stop()<br />
*:停止<br />
<br/><br />
下記はサンプルになります。<br/><br />
詳しくは[[Movie|API]] を参照してください<br/><br />
//Flashで指定したラベルのフレームへ<br />
<Movieインスタンス>.gotoAndPlay("jump");<br />
Flashでは、複数のフレーム操作を行った際に途中で通過したフレームのスクリプトが全て実行されますが<br/><br />
LWFでは最終的に到達したフレームのスクリプトだけが実行されますので注意してください。<br/><br />
<br />
==Movieの子Movieを検索する==<br />
Movieの子となっているMovieを取得することができます。<br/><br />
下記はそのサンプルです。<br/><br />
//子Movieを取得<br />
var childMovie = <Movieインスタンス>["子のインスタンス名"];<br />
<br />
==Movieの所属するLwfを取得する==<br />
Movieの所属しているLWFインスタンスを取得することができます。<br/><br />
LWFインスンタンスには全体的な設定に関するメソッドやプロパティがあります。<br/><br />
詳しくは、 [[LWF|API]] や [[Lwf%E3%82%AF%E3%83%A9%E3%82%B9|LWFクラスについて]] で扱っています。<br/><br />
下記は取得のサンプルになります<br/><br />
//lwfインスタンスを取得<br />
var lwf = <Movieインスタンス>.lwf;<br />
==Movieに別のLWFのrootMovieを追加する==<br />
Movieには別のLWFをattachMovieの要領で表示させることが出来ます。<br/><br />
そうすることで、動的に必要なLWFだけを読み込んで利用することが可能になります。<br/><br />
<br/><br />
まずは、LwfLoader.loadLWF()を使用して新たに必要なLWFファイル一式を読み込む必要があります。<br/><br />
自身を制御しているLwfLoaderは <Lwfインスタンス>.privateData.lwfLoader で取得することができます。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
lwfLoader.loadLWF()の引数はLWFファイル一式を読み込む関数です。<br/><br />
引数は(<自身のLWFインスタンス>, "読み込むLWFのパス", <imageMap object>, <privateData object>, callback関数)という感じになっています。<br/><br />
詳しくはlwfLoaderの公式リファレンスを参照してください。<br/><br />
http://gree.github.io/lwf-loader/lwfloader-doc/ja/lwfloader.html#loadLWF<br/><br />
<br/><br />
<Movieインスタンス>.attachLWF()は読み込んだLWFのrootMovieを子としてmovieに追加する関数です。<br/><br />
引数は(<追加するLWFインスタンス>,"LWFの識別名",<オプション object>)という感じになっています。<br/><br />
追加された子LWFは、親のLWFとは独立して動きます。<br/><br />
<br/><br />
※同じLWFでも複数追加する場合は必要な数だけloadLWF()を行ってください。<br/><br />
※LWFを追加する際、空のMovieにattachした方が制御しやすいのでそちらをオススメします。<br/><br />
<br/><br />
<hr /><br />
例:<br /><br />
<pre><br />
■フォルダ構成<br />
LWFS_work<br />
└─KING<br />
├─BATTLE<br />
│ └─base<br />
│ ├─base.swf<br />
└─その他ファイル <br />
└─EFFECT<br />
└─effect1<br />
├─effect1.swf<br />
└─その他ファイル<br />
</pre><br />
<br /><br />
baseLWFに、effect1LWFを読み込む場合<br /><br />
<pre><br />
<br />
// ※このthisは、LWF.Movieのインスタンスです。<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
<br />
// 外部LWFのパス<br />
// ※effect1フォルダまでのパスを指定する<br />
var path = "../EFFECT/effect1";<br />
<br />
// 読み込み処理<br />
lwfLoader.loadLWF(this.lwf, path, null, null, function(pError, pLWF){<br />
// pLWFが、読み込んだ外部LWF<br />
<br />
//読み込んだ外部LWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
</pre><br />
<br />
==Movieに追加したLWFを削除したい==<br />
attachLWFを使用して追加したLWFを削除するには<Movieインスタンス>.detachLWF()を使用します。<br />
【サンプル】<br />
//追加したLWFを削除<br />
<Movieインスタンス>.detachLWF(<削除したいLWFインスタンス> or LWFの識別名);<br />
一度削除したLWFインスタンスは再利用してattachすることはできません。<br/><br />
再利用したい場合は、attachLWF時にdetachLWFしてもインスタンスが削除されないようにオプションで指定する必要があります。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
//第3引数のオプションでdetachLWFしてもインスタンスが破棄されないように設定する<br />
self.attachLWF(pLWF, "lwfName1", {"detach":function(){return false;}});<br />
});<br />
<br />
==1フレーム待ってから関数を実行させたい==<br />
LWFでは処理の都合上、1フレーム待ってからでないと行えないことがあったりします。<br />
*attachLWFで追加したLWFの子Movieを構築が終わってから取得したい場合<br />
*gotoAndPlay等で飛んだ先で生成される子Movieを取得する場合<br />
等々です。<br/><br />
そういった時のために、1フレーム待ってから実行する関数を設定することが出来ます。<br/><br />
下記がサンプルになります。<br/><br />
//1フレーム待ってから実行<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
console.log("1フレーム待ちました");<br />
});<br />
<br />
==全ての子要素に対して関数を実行する==<br />
Movieの子要素(Movie,Button,BitmapClip)に対して指定した関数を実行することが出来ます。<br/><br />
これを利用することで、全ての子Movieにstop()を簡単にかけたりすることができます。<br/><br />
【sample】<br />
//全ての子要素に対して関数を実行<br />
(Movieインスタンス).inspect(function(obj){<br />
if(obj.isMovie() === true){<br />
//Movieなのでstop<br />
obj.stop();<br />
} <br />
if(obj.isButton() === true){<br />
//Buttonにはなにもしない<br />
}<br />
if(obj.isBitmapClip() === true){<br />
//BitmapClipなら非表示<br />
obj.visible = false;<br />
}<br />
});<br />
Movieの子要素全てに対して(Movieインスタンス).inspect()で設定した関数が実行されます。<br/><br />
関数の第1引数には、子要素が入ります。<br/><br />
子要素の種類(Movie等)を判別する際にはisMovie()、isButton()、isBitmapClip()を使用します。<br/></div>
User
http://lwf-users.org/index.php?title=Movie%E3%82%AF%E3%83%A9%E3%82%B9
Movieクラス
2016-07-14T05:31:10Z
<p>User: /* 例 */</p>
<hr />
<div>==Movieクラスとは?==<br />
MovieクラスはFlashのムービークリップに相当します。<br/><br />
javascriptを用いることでMovieを制御したり情報を得たりすることができます。<br/><br />
<br />
==Movieを作る==<br />
Movieクラスを作成するには主に2つの方法があります。<br />
*Flashで静的に配置する。<br />
Flashのタイムライン上にムービークリップを配置することで作成します。<br/><br />
インスタンス名を設定することでjavascriptで参照得ることもできます。<br/><br />
※FlashCC(as3書き出し)ではリンケージ名と同じインスタンス名を設定するとエラーが発生するため<br/><br />
LWF側で自動に設定するリンケージ名とインスタンス名が同じにならないようにしてください。<br/><br />
*javascriptを用いて動的に生成する。<br />
下記のコードでFlashのライブラリに存在するムービークリップを子Movieとして動的に配置することができます。<br/><br />
戻り値として生成されたMovieの参照を取得することができます。<br/><br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//sample<br />
var movie = this.attachMovie("hoge", "piyo");<br />
上記のthisは、フレームスクリプトが記述されているムービークリップ自身になります。<br/><br />
なので、上記の例は自身にリンケージ名"hoge"のムービークリップを"piyo"という名前の子Movieとして配置します。<br/><br />
<br />
==Movieを移動させる==<br />
Movieをjavascriptで移動させるサンプルです。<br />
//movieをx:100,y:100に移動させる<br />
<Movieインスタンス>.x = 100;<br />
<Movieインスタンス>.y = 100;<br />
<br />
//movieをx:50,y:50に移動させる<br />
<Movieインスタンス).moveTo(50,50);<br />
<br />
//movieを現在地からx+200 y+50する<br />
<Movieインスタンス>.move(200,50);<br />
<br />
==Movieを回転させる==<br />
Movieをjavascriptで回転させるサンプルです。<br />
//movieを45度回転させる<br />
<Movieインスタンス>.rotation = 45;<br />
<br />
//movieを現在の角度から-20度回転させる<br />
<Movieインスタンス>.rotate(-20);<br />
<br />
==Movieを拡大縮小させる==<br />
Movieをjavascriptで拡縮させるサンプルです。<br />
//movieの横スケールを2倍にする<br />
<Movieインスタンス>.scaleX = 2;<br />
<br />
//movieの縦横スケールを2倍にする<br />
<Movieインスタンス>.scaleTo(2,2);<br />
<br />
//movieの現在のスケールに設定した値を加算する<br />
<Movieインスタンス>.scale(0.1, 0.1);<br />
<br />
==Movieを反転させる==<br />
Movieを反転させるにはscale値をマイナスに設定します。<br/><br />
//movieを左右反転する<br />
<Movieインスタンス>.scaleX = -1;<br />
//movieを上下反転する<br />
<Movieインスタンス>.scaleY = -1;<br />
==Movieを半透明にする==<br />
Movieのアルファ(透明度)を設定します。0で透明 1で不透明になります。<br />
//movieを半透明にする<br />
<Movieインスタンス>.alpha = 0.5;<br />
完全に非表示したい場合はalphaよりvisibleを使用してください。<br/><br />
alpha=0; は visible=false より描画負荷がかかってしまいます。<br/><br />
==Movieを非表示にする==<br />
Movieの表示状態を設定します。<br/><br />
非表示にしている間は描画処理がストップし、alpha=0にして完全に透明にするよりもパフォーマンスの向上が期待できます。<br/><br />
//movieを非表示する<br />
<Movieインスタンス>.visible = false;<br />
//movieを表示する<br />
<Movieインスタンス>.visible = true;<br />
<br />
==動的にMovieを生成する==<br />
Movieにライブラリに存在するムービークリップを子Movieとして配置するサンプルです。<br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//movieを子として配置し参照を取得。 生成時に非表示状態を設定する。<br />
var movie = this.attachMovie("hoge", "piyo", {<br />
"load":function(){<br />
this.visible = false;<br />
}<br />
});<br />
第3引数のオプションは省略することもできますが、設定することで特定のタイミングで指定した関数を実行することができます。<br/><br />
{| border="1" cellpadding="3"<br />
!オプション名<br />
!実行タイミング<br />
|-<br />
|load<br />
|movieが生成されたタイミング。<br/>この時点では、まだタイムラインの制御などは行うことができません。<br />
|-<br />
|postLoad<br />
|movieの生成が完了したタイミング。<br />
|}<br />
<br />
==動的に生成したMovieを破棄する==<br />
動的に配置されたMovieを破棄するサンプルです。タイムライン上に静的に配置されたMovieには適用できません。<br/><br />
//自身を親から破棄する<br />
<Movieインスタンス>.removeMovieClip();<br />
<br />
//子のMovieを破棄する<br />
<Movieインスタンス>.detachMovie(<破棄するMovieインスタンス>);<br />
破棄したあともmovieインスタンスは残っていますが、再attachすることはできません。<br/><br />
再利用したい場合は [[Movie%E3%82%AF%E3%83%A9%E3%82%B9#Movie.E3.81.AE.E5.87.A6.E7.90.86.E3.82.92.E6.AD.A2.E3.82.81.E3.81.9F.E3.81.84 | <Movieインスタンス>.active]] を使用してください。<br/><br />
//NG<br />
var movie = this.attachMovie("hoge","piyo");<br />
movie.removeMovieClip();<br />
this.attachMovie(movie);<br />
<br />
==別のMovieに再attachしたい==<br />
動的に配置されたMovieは別のMovieに再attachすることができます。<br/><br />
その場合、前にいた場所からはいなくなり、新しく指定してたMovieの子Movieとして扱われます。<br/><br />
以下がサンプルです。<br/><br />
//movieを配置<br />
var movie = this.attachMovie("hoge","piyo");<br />
<br />
//別のmovieの子movieとして配置<br />
<別のMovieインスタンス>.attachMovie(movie);<br />
※removeMovieClip()を行った後はmovieが破棄されているため再attachできないので注意してください。<br />
<br />
==Movieの処理を止めたい==<br />
一時的に不必要だが、後に再度利用したいといった場合にMovieを破棄せずに処理を止めることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//movieの処理を止めたい<br />
<Movieインスタンス>.active = false;<br />
Movie.removeMovieClip()を行うと再attachができません。<br/><br />
Movie.visibleでは描画処理は停止しますが、Matrix計算やタイムラインの処理などは動いているので負荷がかかってしまいます。<br/><br />
なので、再利用したいMovieが一時的に不必要になる場合はMovie.activeを使用してください。<br/><br />
また、Movie.activeはタイムライン上で静的に配置されたものにも適用できます。<br/><br />
<br/><br />
※処理を停止しているMovieのデータを弄ると不具合の原因になる可能性があるので、停止中は極力触らないようにしてください。<br />
<br />
==Movieの深度を取得する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度の値は下記のように取得することができます。<br/><br />
//Movieの深度<br />
<Movieインスタンス>.depth;<br />
※上記のプロパティは読み取り専用です。書き換えると不具合の原因になる可能性があるので書き換えないでください。<br />
<br />
==Movieの深度を変更する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度を変更してMovieの重ね順を変更することができます。<br/><br />
//Movieの深度を設定<br />
<Movieインスタンス>.swapDepths(30);<br />
深度の値は0からはじまり数字が大きいほど重ね順が上になります。<br/><br />
<br/><br />
タイムラインで静的に配置されたMovieの深度は変更することはできません。<br/><br />
また、静的に配置されたMovieは動的に配置されたMovieより下になります。<br/><br />
<br />
==Movieにブレンドを適用する==<br />
Movieのブレンドモードを変更することができます。<br/><br />
ブレンドモードを変更することで加算合成を行うことができるようになります<br/><br />
//加算合成にする<br />
<Movieインスタンス>.blendMode = "add";<br />
//通常状態にする<br />
<Movieインスタンス>.blendMode = "normal";<br />
加算合成はwebkitcss描画モードでは適用されないので注意してください<br/><br />
<br />
==Movieにマスクを適用する==<br />
LWFではFlashタイムラインによるマスクの適用は行うことはできませんが、スクリプトによってマスクを適用することができます。<br/><br />
しかし、マスク処理は非常にパフォーマンスに影響するため、使わなくても良い場合は極力使わないようにしましょう。<br/><br />
※マスクの大きさに変わらず、マスクの数が大きくパフォーマンスに影響します。<br />
<br/><br />
*マスク<br />
マスク対象のMovieの内容に合わせて、被マスク対象のMovieが切り抜かれます。<br/><br />
このマスクはwebkitcss版では使用することができません。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
//マスク形状として設定<br />
<Movieインスタンス>.blendMode = "erase";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*矩形マスク<br />
マスク対象のMovieの矩形領域内に含まれている部分のみ、被マスク対象のMovieが表示されます。<br/><br />
このマスクはすべての描画方式に対応しています。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
また、マスク形状として設定するMovieは同じMovie内に２つ以上存在することはできません。<br/><br />
※Movie内に２つ以上設定した場合webkitcss版で正常に動作しなくなります。<br/><br />
//マスク形状として設定 "erase"と違い Movie内に２つ以上存在してはいけない。<br />
<Movieインスタンス>.blendMode = "mask";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*注意点<br />
**<span style="color:blue">※マスクを使ったMovieに更にマスクをかける。といったことはできません。</span><br />
**<span style="color:blue">※css版ではdivのoverflow:hiddenを使ってマスクかける構造上、Movie内にblendMode="mask"は1つしか使えません。</span><br />
<br />
==Movieのステージ上の座標を取得する==<br />
下記のサンプルで、Movieから見た任意の座標をステージから見た座標に変換して取得することができます。<br />
//Movie内の座標(100,100)をグローバル座標に変換して取得<br />
var globalPoint = <Movieインスタンス>.localToGlobal(new Point(100,100));<br />
//座標出力<br />
console.log(globalPoint.x, globalPoint.y);<br />
<br/><br />
逆にステージの任意の座標をMovieから見た座標に変換して取得する場合は下記のようにして取得できます。<br />
//グローバル座標(100,100)をMovieから見たローカル座標に変換して取得<br />
var localPoint = <Movieインスタンス>.globalToLocal(new Point(100,100));<br />
//座標出力<br />
console.log(localPoint.x, localPoint.y);<br />
<br />
※これらの処理は、マトリックス処理が走ってからでないと取得することができません。<br/><br />
なので、attachMovie直後や登場したフレームでは取得できないので注意してください。<br/><br />
<br />
==Movieの名前を取得する==<br />
attachMovieの際に設定したMovieの名前は下記のようにして取得することができます。<br/><br />
タイムラインで静的に配置したMovieはnullになります。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.attachName;<br />
//出力<br />
console.log(name);<br />
タイムラインで静的に配置しインスタンス名をつけたMovieのインスタンス名に関しては下記のようにして取得することができます。<br/><br />
attachMovieで生成したmovieもattachMovie時に設定した名前を取得することができます。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.name;<br />
//出力<br />
console.log(name);<br />
<br />
==Movieの親Movieを取得する==<br />
Movieの親にあたるMovieを取得することができます。下記がサンプルになります。<br />
//親Movieを取得<br />
var parentMovie = <Movieインスタンス>.parent;<br />
//親Movieを移動<br />
parentMovie.moveTo(100,0);<br />
<br />
==Movieの再生状況を取得する==<br />
Movieの現在の再生状況をブール値で取得することができます。下記がサンプルになります。<br/><br />
//再生状況を取得<br />
var playing = <Movieインスタンス>.playing;<br />
//停止していれば出力<br />
if(playing === false){<br />
console.log("movieは現在停止中です");<br />
}<br />
※読み取り専用なので、書き換えたりはしないでください。<br/><br />
<br />
==Movieの総フレーム数を取得する==<br />
Movieのタイムラインの総フレーム数を取得できます。下記がサンプルになります。<br />
//総フレーム数を取得<br />
var frames = <Movieインスタンス>.totalFrames;<br />
//出力<br />
console.log(frames);<br />
<br />
==Movieの現在のフレームを取得する==<br />
Movieが現在再生しているフレームを取得できます。下記がサンプルになります。<br />
//現在再生中のフレームを取得<br />
var frame = <Movieインスタンス>.currentFrame;<br />
//出力<br />
console.log("現在、" + frame + "を再生中です");<br />
<br />
==Movieにトゥイーンクラスを適用する==<br />
LWFではTween.jsというアニメーションライブラリが使用できます。<br/><br />
Movieクラスで使用する際、下記のサンプルようにして使用します。<br/><br />
//サンプル1<br />
<Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) //イージング設定<br />
.to({x:150,y:200},24) //(24フレームかけてx:150,y:200)へ移動<br />
.onComplete(function(){ //移動が完了したら指定した関数を実行<br />
console.log("着きました");<br />
})<br />
.start(); //スタート<br />
<br />
//------------------------------------------------------------<br />
<br />
//サンプル2<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},24) //24フレームかけて(x:100)へ移動<br />
.start() //スタート<br />
.chain() //(x:100)への移動が完了した後に新たなトゥイーンを生成<br />
.delay(24) //24フレーム、ウェイト状態に<br />
.onComplete(function(){ //24フレームウェイトが完了したら実行する関数<br />
console.log("24フレーム待ちました");<br />
})<br />
.chain()<br />
.to({rotation:180},12) //12フレームかけて180度回転<br />
.onComplete(function(){ //回転が完了したら実行する関数<br />
console.log("完了");<br />
})<br />
※Tweenクラスの詳しい扱い方<br/><br />
[[Tween%E3%82%AF%E3%83%A9%E3%82%B9 | Tweenクラス]]<br/><br />
[[Tween | API]]<br/><br />
<br />
==Movieに適用したトゥイーンをすべて止めたい==<br />
MovieにaddTween()で適用したトゥイーンをすべて止めるサンプルになります。<br/><br />
タイムラインで設定したモーショントゥイーンは対象外です。<br/><br />
//movieにかかっている全てのトゥイーンを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br />
==Movieに空の子Movieを追加する==<br />
Movieインスタンスに何もない空のMovieを追加するには下記のサンプルを参考にしてください<br />
//空Movieをattach<br />
var emptyMovie = <Movieインスタンス>.attachEmptyMovie("movieName");<br />
attachEmptyMovieの第1引数はattachした空Movieの名前になります。<br/><br />
<br/><br />
なお、LWFには"_empty"というリンケージ名の空Movieが自動で挿入されます。<br/><br />
なのでFlash上で_emptyという名前のムービークリップをライブラリには作らないでください。<br/><br />
<br />
==Movieにイベントリスナーをセットする==<br />
Movieにイベントリスナーを設定することで様々なタイミングで指定した関数を実行させることが出来ます。<br/><br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
==Movieのイベントリスナーを解除する==<br />
Movieに設定したイベントリスナーを解除することができます。<br/><br />
主に2通りの方法があります。<br/><br />
*指定したイベントタイプ内の指定した関数を解除する<br />
*指定したイベントタイプの関数を全て解除する<br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieにイベントを送信する==<br />
任意のイベントを発火することができます。(カスタムイベント)<br/><br />
そのイベントに対応したイベントリスナーが設定されていれば、リスナー関数が実行されます。<br/><br />
/* js<br />
//イベントを発火<br />
<Movieインスタンス>.dispatchEvent("attack");<br />
*/<br />
<br />
<br/><br />
イベントについて、詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieのサイズを取得する==<br />
LWFのMovieは基本的にwidthやheightといったサイズを取得することはパフォーマンスの都合上できないのですが<br/><br />
どうしても取得したいという時に、Movieの現在のフレームのサイズを取得する機能があります。<br/><br />
下記はそのサンプルになります<br />
//現在のMovieのサイズを保持するようにリクエスト<br />
//第1引数に取得完了後のcallbackを指定することができる。<br />
<Movieインスタンス>.requestCalculateBounds(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br />
//旧バージョン(LWFS-20131219-1614 より前) の方法(第1引数のcallbackがない)<br />
//現在のMovieのサイズを取得するようにリクエスト<br />
<Movieインスタンス>.requestCalculateBounds();<br />
<br />
//計算結果は次のフレームから取得できるので、1フレーム待ってから取得するように設定<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br/><br />
まだ、サイズ計算が終わっていない状態でgetBounds()を行うとundefinedが返ってきます。<br />
<br />
==Movieのタイムラインを操作する==<br />
MovieはFlashのムービークリップと同様にgotoAndPlay()などでフレームを操作することができます。<br/><br />
下記はフレーム操作に使用するメソッドになります。<br/><br />
*gotoAndPlay(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し再生<br />
*gotoAndStop(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し停止<br />
*nextFrame()<br />
*:１つ次のフレームへ移動<br />
*prevFrame()<br />
*:１つ前のフレームへ移動<br />
*play()<br />
*:再生<br />
*stop()<br />
*:停止<br />
<br/><br />
下記はサンプルになります。<br/><br />
詳しくは[[Movie|API]] を参照してください<br/><br />
//Flashで指定したラベルのフレームへ<br />
<Movieインスタンス>.gotoAndPlay("jump");<br />
Flashでは、複数のフレーム操作を行った際に途中で通過したフレームのスクリプトが全て実行されますが<br/><br />
LWFでは最終的に到達したフレームのスクリプトだけが実行されますので注意してください。<br/><br />
<br />
==Movieの子Movieを検索する==<br />
Movieの子となっているMovieを取得することができます。<br/><br />
下記はそのサンプルです。<br/><br />
//子Movieを取得<br />
var childMovie = <Movieインスタンス>["子のインスタンス名"];<br />
<br />
==Movieの所属するLwfを取得する==<br />
Movieの所属しているLWFインスタンスを取得することができます。<br/><br />
LWFインスンタンスには全体的な設定に関するメソッドやプロパティがあります。<br/><br />
詳しくは、 [[LWF|API]] や [[Lwf%E3%82%AF%E3%83%A9%E3%82%B9|LWFクラスについて]] で扱っています。<br/><br />
下記は取得のサンプルになります<br/><br />
//lwfインスタンスを取得<br />
var lwf = <Movieインスタンス>.lwf;<br />
==Movieに別のLWFのrootMovieを追加する==<br />
Movieには別のLWFをattachMovieの要領で表示させることが出来ます。<br/><br />
そうすることで、動的に必要なLWFだけを読み込んで利用することが可能になります。<br/><br />
<br/><br />
まずは、LwfLoader.loadLWF()を使用して新たに必要なLWFファイル一式を読み込む必要があります。<br/><br />
自身を制御しているLwfLoaderは <Lwfインスタンス>.privateData.lwfLoader で取得することができます。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
lwfLoader.loadLWF()の引数はLWFファイル一式を読み込む関数です。<br/><br />
引数は(<自身のLWFインスタンス>, "読み込むLWFのパス", <imageMap object>, <privateData object>, callback関数)という感じになっています。<br/><br />
詳しくはlwfLoaderの公式リファレンスを参照してください。<br/><br />
http://gree.github.io/lwf-loader/lwfloader-doc/ja/lwfloader.html#loadLWF<br/><br />
<br/><br />
<Movieインスタンス>.attachLWF()は読み込んだLWFのrootMovieを子としてmovieに追加する関数です。<br/><br />
引数は(<追加するLWFインスタンス>,"LWFの識別名",<オプション object>)という感じになっています。<br/><br />
追加された子LWFは、親のLWFとは独立して動きます。<br/><br />
<br/><br />
※同じLWFでも複数追加する場合は必要な数だけloadLWF()を行ってください。<br/><br />
※LWFを追加する際、空のMovieにattachした方が制御しやすいのでそちらをオススメします。<br/><br />
<br/><br />
<br /><br />
例:<br /><br />
<pre><br />
■フォルダ構成<br />
KING<br />
├─BATTLE<br />
│ └─base<br />
│ ├─base.swf<br />
└─EFFECT<br />
└─effect1<br />
└─effect1.swf<br />
</pre><br />
<br /><br />
<br />
==Movieに追加したLWFを削除したい==<br />
attachLWFを使用して追加したLWFを削除するには<Movieインスタンス>.detachLWF()を使用します。<br />
【サンプル】<br />
//追加したLWFを削除<br />
<Movieインスタンス>.detachLWF(<削除したいLWFインスタンス> or LWFの識別名);<br />
一度削除したLWFインスタンスは再利用してattachすることはできません。<br/><br />
再利用したい場合は、attachLWF時にdetachLWFしてもインスタンスが削除されないようにオプションで指定する必要があります。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
//第3引数のオプションでdetachLWFしてもインスタンスが破棄されないように設定する<br />
self.attachLWF(pLWF, "lwfName1", {"detach":function(){return false;}});<br />
});<br />
<br />
==1フレーム待ってから関数を実行させたい==<br />
LWFでは処理の都合上、1フレーム待ってからでないと行えないことがあったりします。<br />
*attachLWFで追加したLWFの子Movieを構築が終わってから取得したい場合<br />
*gotoAndPlay等で飛んだ先で生成される子Movieを取得する場合<br />
等々です。<br/><br />
そういった時のために、1フレーム待ってから実行する関数を設定することが出来ます。<br/><br />
下記がサンプルになります。<br/><br />
//1フレーム待ってから実行<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
console.log("1フレーム待ちました");<br />
});<br />
<br />
==全ての子要素に対して関数を実行する==<br />
Movieの子要素(Movie,Button,BitmapClip)に対して指定した関数を実行することが出来ます。<br/><br />
これを利用することで、全ての子Movieにstop()を簡単にかけたりすることができます。<br/><br />
【sample】<br />
//全ての子要素に対して関数を実行<br />
(Movieインスタンス).inspect(function(obj){<br />
if(obj.isMovie() === true){<br />
//Movieなのでstop<br />
obj.stop();<br />
} <br />
if(obj.isButton() === true){<br />
//Buttonにはなにもしない<br />
}<br />
if(obj.isBitmapClip() === true){<br />
//BitmapClipなら非表示<br />
obj.visible = false;<br />
}<br />
});<br />
Movieの子要素全てに対して(Movieインスタンス).inspect()で設定した関数が実行されます。<br/><br />
関数の第1引数には、子要素が入ります。<br/><br />
子要素の種類(Movie等)を判別する際にはisMovie()、isButton()、isBitmapClip()を使用します。<br/></div>
User
http://lwf-users.org/index.php?title=Movie%E3%82%AF%E3%83%A9%E3%82%B9
Movieクラス
2016-07-14T05:00:50Z
<p>User: /* Movieに別のLWFのrootMovieを追加する */</p>
<hr />
<div>==Movieクラスとは?==<br />
MovieクラスはFlashのムービークリップに相当します。<br/><br />
javascriptを用いることでMovieを制御したり情報を得たりすることができます。<br/><br />
<br />
==Movieを作る==<br />
Movieクラスを作成するには主に2つの方法があります。<br />
*Flashで静的に配置する。<br />
Flashのタイムライン上にムービークリップを配置することで作成します。<br/><br />
インスタンス名を設定することでjavascriptで参照得ることもできます。<br/><br />
※FlashCC(as3書き出し)ではリンケージ名と同じインスタンス名を設定するとエラーが発生するため<br/><br />
LWF側で自動に設定するリンケージ名とインスタンス名が同じにならないようにしてください。<br/><br />
*javascriptを用いて動的に生成する。<br />
下記のコードでFlashのライブラリに存在するムービークリップを子Movieとして動的に配置することができます。<br/><br />
戻り値として生成されたMovieの参照を取得することができます。<br/><br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//sample<br />
var movie = this.attachMovie("hoge", "piyo");<br />
上記のthisは、フレームスクリプトが記述されているムービークリップ自身になります。<br/><br />
なので、上記の例は自身にリンケージ名"hoge"のムービークリップを"piyo"という名前の子Movieとして配置します。<br/><br />
<br />
==Movieを移動させる==<br />
Movieをjavascriptで移動させるサンプルです。<br />
//movieをx:100,y:100に移動させる<br />
<Movieインスタンス>.x = 100;<br />
<Movieインスタンス>.y = 100;<br />
<br />
//movieをx:50,y:50に移動させる<br />
<Movieインスタンス).moveTo(50,50);<br />
<br />
//movieを現在地からx+200 y+50する<br />
<Movieインスタンス>.move(200,50);<br />
<br />
==Movieを回転させる==<br />
Movieをjavascriptで回転させるサンプルです。<br />
//movieを45度回転させる<br />
<Movieインスタンス>.rotation = 45;<br />
<br />
//movieを現在の角度から-20度回転させる<br />
<Movieインスタンス>.rotate(-20);<br />
<br />
==Movieを拡大縮小させる==<br />
Movieをjavascriptで拡縮させるサンプルです。<br />
//movieの横スケールを2倍にする<br />
<Movieインスタンス>.scaleX = 2;<br />
<br />
//movieの縦横スケールを2倍にする<br />
<Movieインスタンス>.scaleTo(2,2);<br />
<br />
//movieの現在のスケールに設定した値を加算する<br />
<Movieインスタンス>.scale(0.1, 0.1);<br />
<br />
==Movieを反転させる==<br />
Movieを反転させるにはscale値をマイナスに設定します。<br/><br />
//movieを左右反転する<br />
<Movieインスタンス>.scaleX = -1;<br />
//movieを上下反転する<br />
<Movieインスタンス>.scaleY = -1;<br />
==Movieを半透明にする==<br />
Movieのアルファ(透明度)を設定します。0で透明 1で不透明になります。<br />
//movieを半透明にする<br />
<Movieインスタンス>.alpha = 0.5;<br />
完全に非表示したい場合はalphaよりvisibleを使用してください。<br/><br />
alpha=0; は visible=false より描画負荷がかかってしまいます。<br/><br />
==Movieを非表示にする==<br />
Movieの表示状態を設定します。<br/><br />
非表示にしている間は描画処理がストップし、alpha=0にして完全に透明にするよりもパフォーマンスの向上が期待できます。<br/><br />
//movieを非表示する<br />
<Movieインスタンス>.visible = false;<br />
//movieを表示する<br />
<Movieインスタンス>.visible = true;<br />
<br />
==動的にMovieを生成する==<br />
Movieにライブラリに存在するムービークリップを子Movieとして配置するサンプルです。<br />
<Movieインスタンス>.attachMovie(<リンケージ名>, <配置後のMovieの名前>, <オプション(省略可)>);<br />
<br />
//movieを子として配置し参照を取得。 生成時に非表示状態を設定する。<br />
var movie = this.attachMovie("hoge", "piyo", {<br />
"load":function(){<br />
this.visible = false;<br />
}<br />
});<br />
第3引数のオプションは省略することもできますが、設定することで特定のタイミングで指定した関数を実行することができます。<br/><br />
{| border="1" cellpadding="3"<br />
!オプション名<br />
!実行タイミング<br />
|-<br />
|load<br />
|movieが生成されたタイミング。<br/>この時点では、まだタイムラインの制御などは行うことができません。<br />
|-<br />
|postLoad<br />
|movieの生成が完了したタイミング。<br />
|}<br />
<br />
==動的に生成したMovieを破棄する==<br />
動的に配置されたMovieを破棄するサンプルです。タイムライン上に静的に配置されたMovieには適用できません。<br/><br />
//自身を親から破棄する<br />
<Movieインスタンス>.removeMovieClip();<br />
<br />
//子のMovieを破棄する<br />
<Movieインスタンス>.detachMovie(<破棄するMovieインスタンス>);<br />
破棄したあともmovieインスタンスは残っていますが、再attachすることはできません。<br/><br />
再利用したい場合は [[Movie%E3%82%AF%E3%83%A9%E3%82%B9#Movie.E3.81.AE.E5.87.A6.E7.90.86.E3.82.92.E6.AD.A2.E3.82.81.E3.81.9F.E3.81.84 | <Movieインスタンス>.active]] を使用してください。<br/><br />
//NG<br />
var movie = this.attachMovie("hoge","piyo");<br />
movie.removeMovieClip();<br />
this.attachMovie(movie);<br />
<br />
==別のMovieに再attachしたい==<br />
動的に配置されたMovieは別のMovieに再attachすることができます。<br/><br />
その場合、前にいた場所からはいなくなり、新しく指定してたMovieの子Movieとして扱われます。<br/><br />
以下がサンプルです。<br/><br />
//movieを配置<br />
var movie = this.attachMovie("hoge","piyo");<br />
<br />
//別のmovieの子movieとして配置<br />
<別のMovieインスタンス>.attachMovie(movie);<br />
※removeMovieClip()を行った後はmovieが破棄されているため再attachできないので注意してください。<br />
<br />
==Movieの処理を止めたい==<br />
一時的に不必要だが、後に再度利用したいといった場合にMovieを破棄せずに処理を止めることが出来ます。<br/><br />
下記はサンプルになります。<br/><br />
//movieの処理を止めたい<br />
<Movieインスタンス>.active = false;<br />
Movie.removeMovieClip()を行うと再attachができません。<br/><br />
Movie.visibleでは描画処理は停止しますが、Matrix計算やタイムラインの処理などは動いているので負荷がかかってしまいます。<br/><br />
なので、再利用したいMovieが一時的に不必要になる場合はMovie.activeを使用してください。<br/><br />
また、Movie.activeはタイムライン上で静的に配置されたものにも適用できます。<br/><br />
<br/><br />
※処理を停止しているMovieのデータを弄ると不具合の原因になる可能性があるので、停止中は極力触らないようにしてください。<br />
<br />
==Movieの深度を取得する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度の値は下記のように取得することができます。<br/><br />
//Movieの深度<br />
<Movieインスタンス>.depth;<br />
※上記のプロパティは読み取り専用です。書き換えると不具合の原因になる可能性があるので書き換えないでください。<br />
<br />
==Movieの深度を変更する==<br />
attachMovie等で動的に配置されたMovieは深度が設定されています。<br/><br />
その深度を変更してMovieの重ね順を変更することができます。<br/><br />
//Movieの深度を設定<br />
<Movieインスタンス>.swapDepths(30);<br />
深度の値は0からはじまり数字が大きいほど重ね順が上になります。<br/><br />
<br/><br />
タイムラインで静的に配置されたMovieの深度は変更することはできません。<br/><br />
また、静的に配置されたMovieは動的に配置されたMovieより下になります。<br/><br />
<br />
==Movieにブレンドを適用する==<br />
Movieのブレンドモードを変更することができます。<br/><br />
ブレンドモードを変更することで加算合成を行うことができるようになります<br/><br />
//加算合成にする<br />
<Movieインスタンス>.blendMode = "add";<br />
//通常状態にする<br />
<Movieインスタンス>.blendMode = "normal";<br />
加算合成はwebkitcss描画モードでは適用されないので注意してください<br/><br />
<br />
==Movieにマスクを適用する==<br />
LWFではFlashタイムラインによるマスクの適用は行うことはできませんが、スクリプトによってマスクを適用することができます。<br/><br />
しかし、マスク処理は非常にパフォーマンスに影響するため、使わなくても良い場合は極力使わないようにしましょう。<br/><br />
※マスクの大きさに変わらず、マスクの数が大きくパフォーマンスに影響します。<br />
<br/><br />
*マスク<br />
マスク対象のMovieの内容に合わせて、被マスク対象のMovieが切り抜かれます。<br/><br />
このマスクはwebkitcss版では使用することができません。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
//マスク形状として設定<br />
<Movieインスタンス>.blendMode = "erase";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*矩形マスク<br />
マスク対象のMovieの矩形領域内に含まれている部分のみ、被マスク対象のMovieが表示されます。<br/><br />
このマスクはすべての描画方式に対応しています。<br/><br />
マスク対象は被マスク対象より上の深度にしてください。<br/><br />
また、マスク形状として設定するMovieは同じMovie内に２つ以上存在することはできません。<br/><br />
※Movie内に２つ以上設定した場合webkitcss版で正常に動作しなくなります。<br/><br />
//マスク形状として設定 "erase"と違い Movie内に２つ以上存在してはいけない。<br />
<Movieインスタンス>.blendMode = "mask";<br />
//被マスク対象設定<br />
<Movieインスタンス>.blendMode = "layer";<br />
*注意点<br />
**<span style="color:blue">※マスクを使ったMovieに更にマスクをかける。といったことはできません。</span><br />
**<span style="color:blue">※css版ではdivのoverflow:hiddenを使ってマスクかける構造上、Movie内にblendMode="mask"は1つしか使えません。</span><br />
<br />
==Movieのステージ上の座標を取得する==<br />
下記のサンプルで、Movieから見た任意の座標をステージから見た座標に変換して取得することができます。<br />
//Movie内の座標(100,100)をグローバル座標に変換して取得<br />
var globalPoint = <Movieインスタンス>.localToGlobal(new Point(100,100));<br />
//座標出力<br />
console.log(globalPoint.x, globalPoint.y);<br />
<br/><br />
逆にステージの任意の座標をMovieから見た座標に変換して取得する場合は下記のようにして取得できます。<br />
//グローバル座標(100,100)をMovieから見たローカル座標に変換して取得<br />
var localPoint = <Movieインスタンス>.globalToLocal(new Point(100,100));<br />
//座標出力<br />
console.log(localPoint.x, localPoint.y);<br />
<br />
※これらの処理は、マトリックス処理が走ってからでないと取得することができません。<br/><br />
なので、attachMovie直後や登場したフレームでは取得できないので注意してください。<br/><br />
<br />
==Movieの名前を取得する==<br />
attachMovieの際に設定したMovieの名前は下記のようにして取得することができます。<br/><br />
タイムラインで静的に配置したMovieはnullになります。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.attachName;<br />
//出力<br />
console.log(name);<br />
タイムラインで静的に配置しインスタンス名をつけたMovieのインスタンス名に関しては下記のようにして取得することができます。<br/><br />
attachMovieで生成したmovieもattachMovie時に設定した名前を取得することができます。<br/><br />
読み取り専用なので書き換えは行わないでください。<br/><br />
//attachMovieの際に設定した名前を取得。<br />
var name = <Movieインスタンス>.name;<br />
//出力<br />
console.log(name);<br />
<br />
==Movieの親Movieを取得する==<br />
Movieの親にあたるMovieを取得することができます。下記がサンプルになります。<br />
//親Movieを取得<br />
var parentMovie = <Movieインスタンス>.parent;<br />
//親Movieを移動<br />
parentMovie.moveTo(100,0);<br />
<br />
==Movieの再生状況を取得する==<br />
Movieの現在の再生状況をブール値で取得することができます。下記がサンプルになります。<br/><br />
//再生状況を取得<br />
var playing = <Movieインスタンス>.playing;<br />
//停止していれば出力<br />
if(playing === false){<br />
console.log("movieは現在停止中です");<br />
}<br />
※読み取り専用なので、書き換えたりはしないでください。<br/><br />
<br />
==Movieの総フレーム数を取得する==<br />
Movieのタイムラインの総フレーム数を取得できます。下記がサンプルになります。<br />
//総フレーム数を取得<br />
var frames = <Movieインスタンス>.totalFrames;<br />
//出力<br />
console.log(frames);<br />
<br />
==Movieの現在のフレームを取得する==<br />
Movieが現在再生しているフレームを取得できます。下記がサンプルになります。<br />
//現在再生中のフレームを取得<br />
var frame = <Movieインスタンス>.currentFrame;<br />
//出力<br />
console.log("現在、" + frame + "を再生中です");<br />
<br />
==Movieにトゥイーンクラスを適用する==<br />
LWFではTween.jsというアニメーションライブラリが使用できます。<br/><br />
Movieクラスで使用する際、下記のサンプルようにして使用します。<br/><br />
//サンプル1<br />
<Movieインスタンス>.addTween()<br />
.easing(Tween.Easing.Quadratic.Out) //イージング設定<br />
.to({x:150,y:200},24) //(24フレームかけてx:150,y:200)へ移動<br />
.onComplete(function(){ //移動が完了したら指定した関数を実行<br />
console.log("着きました");<br />
})<br />
.start(); //スタート<br />
<br />
//------------------------------------------------------------<br />
<br />
//サンプル2<br />
<Movieインスタンス>.addTween()<br />
.to({x:100},24) //24フレームかけて(x:100)へ移動<br />
.start() //スタート<br />
.chain() //(x:100)への移動が完了した後に新たなトゥイーンを生成<br />
.delay(24) //24フレーム、ウェイト状態に<br />
.onComplete(function(){ //24フレームウェイトが完了したら実行する関数<br />
console.log("24フレーム待ちました");<br />
})<br />
.chain()<br />
.to({rotation:180},12) //12フレームかけて180度回転<br />
.onComplete(function(){ //回転が完了したら実行する関数<br />
console.log("完了");<br />
})<br />
※Tweenクラスの詳しい扱い方<br/><br />
[[Tween%E3%82%AF%E3%83%A9%E3%82%B9 | Tweenクラス]]<br/><br />
[[Tween | API]]<br/><br />
<br />
==Movieに適用したトゥイーンをすべて止めたい==<br />
MovieにaddTween()で適用したトゥイーンをすべて止めるサンプルになります。<br/><br />
タイムラインで設定したモーショントゥイーンは対象外です。<br/><br />
//movieにかかっている全てのトゥイーンを停止<br />
<Movieインスタンス>.stopTweens();<br />
<br />
==Movieに空の子Movieを追加する==<br />
Movieインスタンスに何もない空のMovieを追加するには下記のサンプルを参考にしてください<br />
//空Movieをattach<br />
var emptyMovie = <Movieインスタンス>.attachEmptyMovie("movieName");<br />
attachEmptyMovieの第1引数はattachした空Movieの名前になります。<br/><br />
<br/><br />
なお、LWFには"_empty"というリンケージ名の空Movieが自動で挿入されます。<br/><br />
なのでFlash上で_emptyという名前のムービークリップをライブラリには作らないでください。<br/><br />
<br />
==Movieにイベントリスナーをセットする==<br />
Movieにイベントリスナーを設定することで様々なタイミングで指定した関数を実行させることが出来ます。<br/><br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
==Movieのイベントリスナーを解除する==<br />
Movieに設定したイベントリスナーを解除することができます。<br/><br />
主に2通りの方法があります。<br/><br />
*指定したイベントタイプ内の指定した関数を解除する<br />
*指定したイベントタイプの関数を全て解除する<br />
詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieにイベントを送信する==<br />
任意のイベントを発火することができます。(カスタムイベント)<br/><br />
そのイベントに対応したイベントリスナーが設定されていれば、リスナー関数が実行されます。<br/><br />
/* js<br />
//イベントを発火<br />
<Movieインスタンス>.dispatchEvent("attack");<br />
*/<br />
<br />
<br/><br />
イベントについて、詳しくは[[%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 | コチラ→]]<br/><br />
<br />
==Movieのサイズを取得する==<br />
LWFのMovieは基本的にwidthやheightといったサイズを取得することはパフォーマンスの都合上できないのですが<br/><br />
どうしても取得したいという時に、Movieの現在のフレームのサイズを取得する機能があります。<br/><br />
下記はそのサンプルになります<br />
//現在のMovieのサイズを保持するようにリクエスト<br />
//第1引数に取得完了後のcallbackを指定することができる。<br />
<Movieインスタンス>.requestCalculateBounds(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br />
//旧バージョン(LWFS-20131219-1614 より前) の方法(第1引数のcallbackがない)<br />
//現在のMovieのサイズを取得するようにリクエスト<br />
<Movieインスタンス>.requestCalculateBounds();<br />
<br />
//計算結果は次のフレームから取得できるので、1フレーム待ってから取得するように設定<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
var bounds = <Movieインスタンス>.getBounds();<br />
var width = bounds.xMax - bounds.xMin;<br />
var height = bounds.yMax - bounds.yMin;<br />
});<br />
<br/><br />
まだ、サイズ計算が終わっていない状態でgetBounds()を行うとundefinedが返ってきます。<br />
<br />
==Movieのタイムラインを操作する==<br />
MovieはFlashのムービークリップと同様にgotoAndPlay()などでフレームを操作することができます。<br/><br />
下記はフレーム操作に使用するメソッドになります。<br/><br />
*gotoAndPlay(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し再生<br />
*gotoAndStop(フレーム数 または ラベル名)<br />
*:指定したフレームに移動し停止<br />
*nextFrame()<br />
*:１つ次のフレームへ移動<br />
*prevFrame()<br />
*:１つ前のフレームへ移動<br />
*play()<br />
*:再生<br />
*stop()<br />
*:停止<br />
<br/><br />
下記はサンプルになります。<br/><br />
詳しくは[[Movie|API]] を参照してください<br/><br />
//Flashで指定したラベルのフレームへ<br />
<Movieインスタンス>.gotoAndPlay("jump");<br />
Flashでは、複数のフレーム操作を行った際に途中で通過したフレームのスクリプトが全て実行されますが<br/><br />
LWFでは最終的に到達したフレームのスクリプトだけが実行されますので注意してください。<br/><br />
<br />
==Movieの子Movieを検索する==<br />
Movieの子となっているMovieを取得することができます。<br/><br />
下記はそのサンプルです。<br/><br />
//子Movieを取得<br />
var childMovie = <Movieインスタンス>["子のインスタンス名"];<br />
<br />
==Movieの所属するLwfを取得する==<br />
Movieの所属しているLWFインスタンスを取得することができます。<br/><br />
LWFインスンタンスには全体的な設定に関するメソッドやプロパティがあります。<br/><br />
詳しくは、 [[LWF|API]] や [[Lwf%E3%82%AF%E3%83%A9%E3%82%B9|LWFクラスについて]] で扱っています。<br/><br />
下記は取得のサンプルになります<br/><br />
//lwfインスタンスを取得<br />
var lwf = <Movieインスタンス>.lwf;<br />
==Movieに別のLWFのrootMovieを追加する==<br />
Movieには別のLWFをattachMovieの要領で表示させることが出来ます。<br/><br />
そうすることで、動的に必要なLWFだけを読み込んで利用することが可能になります。<br/><br />
<br/><br />
まずは、LwfLoader.loadLWF()を使用して新たに必要なLWFファイル一式を読み込む必要があります。<br/><br />
自身を制御しているLwfLoaderは <Lwfインスタンス>.privateData.lwfLoader で取得することができます。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
self.attachLWF(pLWF, "lwfName1");<br />
});<br />
lwfLoader.loadLWF()の引数はLWFファイル一式を読み込む関数です。<br/><br />
引数は(<自身のLWFインスタンス>, "読み込むLWFのパス", <imageMap object>, <privateData object>, callback関数)という感じになっています。<br/><br />
詳しくはlwfLoaderの公式リファレンスを参照してください。<br/><br />
http://gree.github.io/lwf-loader/lwfloader-doc/ja/lwfloader.html#loadLWF<br/><br />
<br/><br />
<Movieインスタンス>.attachLWF()は読み込んだLWFのrootMovieを子としてmovieに追加する関数です。<br/><br />
引数は(<追加するLWFインスタンス>,"LWFの識別名",<オプション object>)という感じになっています。<br/><br />
追加された子LWFは、親のLWFとは独立して動きます。<br/><br />
<br/><br />
※同じLWFでも複数追加する場合は必要な数だけloadLWF()を行ってください。<br/><br />
※LWFを追加する際、空のMovieにattachした方が制御しやすいのでそちらをオススメします。<br/><br />
<br/><br />
<br /><br />
==例==<br />
<br />
==Movieに追加したLWFを削除したい==<br />
attachLWFを使用して追加したLWFを削除するには<Movieインスタンス>.detachLWF()を使用します。<br />
【サンプル】<br />
//追加したLWFを削除<br />
<Movieインスタンス>.detachLWF(<削除したいLWFインスタンス> or LWFの識別名);<br />
一度削除したLWFインスタンスは再利用してattachすることはできません。<br/><br />
再利用したい場合は、attachLWF時にdetachLWFしてもインスタンスが削除されないようにオプションで指定する必要があります。<br/><br />
【サンプル】<br />
var self = this;<br />
//LWFの読み込み<br />
var lwfLoader = this.lwf.privateData.lwfLoader;<br />
lwfLoader.loadLWF(this.lwf, pSrc, null, null, function(pError, pLWF){<br />
//読み込んだLWFをMovieにattach<br />
//第3引数のオプションでdetachLWFしてもインスタンスが破棄されないように設定する<br />
self.attachLWF(pLWF, "lwfName1", {"detach":function(){return false;}});<br />
});<br />
<br />
==1フレーム待ってから関数を実行させたい==<br />
LWFでは処理の都合上、1フレーム待ってからでないと行えないことがあったりします。<br />
*attachLWFで追加したLWFの子Movieを構築が終わってから取得したい場合<br />
*gotoAndPlay等で飛んだ先で生成される子Movieを取得する場合<br />
等々です。<br/><br />
そういった時のために、1フレーム待ってから実行する関数を設定することが出来ます。<br/><br />
下記がサンプルになります。<br/><br />
//1フレーム待ってから実行<br />
<Movieインスタンス>.nextEnterFrame(function(){<br />
console.log("1フレーム待ちました");<br />
});<br />
<br />
==全ての子要素に対して関数を実行する==<br />
Movieの子要素(Movie,Button,BitmapClip)に対して指定した関数を実行することが出来ます。<br/><br />
これを利用することで、全ての子Movieにstop()を簡単にかけたりすることができます。<br/><br />
【sample】<br />
//全ての子要素に対して関数を実行<br />
(Movieインスタンス).inspect(function(obj){<br />
if(obj.isMovie() === true){<br />
//Movieなのでstop<br />
obj.stop();<br />
} <br />
if(obj.isButton() === true){<br />
//Buttonにはなにもしない<br />
}<br />
if(obj.isBitmapClip() === true){<br />
//BitmapClipなら非表示<br />
obj.visible = false;<br />
}<br />
});<br />
Movieの子要素全てに対して(Movieインスタンス).inspect()で設定した関数が実行されます。<br/><br />
関数の第1引数には、子要素が入ります。<br/><br />
子要素の種類(Movie等)を判別する際にはisMovie()、isButton()、isBitmapClip()を使用します。<br/></div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:28:17Z
<p>User: /* LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力します。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /><br />
システム環境変数(S)の[新規(W)]をクリックすると、新しいシステム変数ダイアログが表示されます。<br /><br />
<br /><br />
■新しいシステム変数ダイアログ<br /><br />
変数名(N)に、LWFS_DATA_FOLDER<br /><br />
変数値(V)に、.<br /><br />
※ 変数値(V)に入力するのは、「.」ドットです。<br /><br />
を入力して[OK]をクリックします。<br /><br />
<br /><br />
上記内容の設定を行うと、LWFS_workフォルダ、LWFS_work_outputフォルダが、LWFSの実行ファイルのstart.jseがあるフォルダ内に生成されるようになります。</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:27:19Z
<p>User: /* LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力すします。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /><br />
システム環境変数(S)の[新規(W)]をクリックすると、新しいシステム変数ダイアログが表示されます。<br /><br />
<br /><br />
■新しいシステム変数ダイアログ<br /><br />
変数名(N)に、LWFS_DATA_FOLDER<br /><br />
変数値(V)に、.<br /><br />
※ 変数値(V)に入力するのは、「.」ドットです。<br /><br />
を入力して[OK]をクリックします。<br /><br />
<br /><br />
上記内容の設定を行うと、LWFS_workフォルダ、LWFS_work_outputフォルダが、LWFSの実行ファイルのstart.jseがあるフォルダ内に生成されるようになります。</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:19:06Z
<p>User: </p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
■コントロールパネル<br /><br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力すします。<br /><br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br /><br />
<br /><br />
■システムのプロパティダイアログ<br /><br />
[詳細設定]タブ - [環境変数]をクリックすると、環境変数ダイアログが表示されます。<br /><br />
<br /><br />
■環境変数ダイアログ<br /></div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:14:14Z
<p>User: /* aaa */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==<br />
<br />
コントロールパネルの検索欄に、「システム環境変数の編集」を入力する。<br />
検索結果の「システム環境変数の編集」をクリックすると、システムのプロパティダイアログが表示されます。<br />
[[ファイル:サンプル.jpg]]<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:06:26Z
<p>User: /* 制作環境が構築されているか確認する */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
==aaa==<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:05:24Z
<p>User: </p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する==</div>
User
http://lwf-users.org/index.php?title=%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95
導入方法
2016-07-12T05:04:15Z
<p>User: /* 制作環境が構築されているか確認する */</p>
<hr />
<div>==LWFS(変換ツール)をダウンロードする==<br />
FlashからLWFに変換するにはLWFSというツールが非常に便利です。<br/><br />
LWFSのダウンロードは[https://github.com/gree/lwfs/releases/ コチラ]<br/><br />
一番最新のバージョンで各自のOSにあったものをダウンロードしてください。<br/><br />
<br/><br />
*Windowsの場合<br />
*:LWFS-win-(日付バージョン).zip<br />
*Macの場合<br />
*:LWFS-osx-(日付バージョン).zip<br />
<br/><br />
※WindowsではXP以降に対応しています。<br/><br />
<br/><br />
[[File:Dlpage01.png|thumb|400px|none]]<br/><br />
<br />
==ZIPを解凍する==<br />
ダウンロードしたzipファイルを好きな場所に解凍する。<br/><br />
<span style="color:red">※パスに日本語(2バイト文字)が混じらないようにしてください。</span><br/><br />
<br/><br />
◎ C:\hogehoge\LWFS<br/><br />
× C:\<span style="color:red">ほげほげ</span>\LWFS<br/><br />
<br />
==実行してビューワーを起動する==<br />
===Windowsの場合===<br />
LWFSフォルダの中にあるstart.jseをコマンドプロンプトから起動する。(右クリック -> コマンドプロンプトで開く)<br/><br />
すると、ブラウザが立ち上がりLWFSが起動します。<br/><br />
*<span style="color:blue">LWFのプレビューはHTML5版で行われます。webkit系ブラウザでしか動作しないのでGoogle Chromeで開いてください</span><br/><br />
*<span style="color:blue">もし、start.jseを実行しても何も起こらなかったり、右クリックで表示されるコマンドに「コマンドプロンプトで開く」が表示されていない場合は<br/>LWFSフォルダ内の.aフォルダの中にあるstart.batを実行してください。<br/>コマンドプロンプトが立ち上がった後LWFSが起動します。起動してもプロンプトは閉じないでください<br/><br />
<br />
===Macの場合===<br />
LWFSフォルダの中にあるstartアプリケーションを起動します。<br/><br />
*<span style="color:blue">startを実行して「壊れているため開けません」というメッセージが表示された場合は、LWFSフォルダのREADME_ja.txtに記述されている方法を実行してから再度startを実行してください。<br/><br />
==起動後に表示される画面==<br />
LWFSが起動すると同時に下記のようなリスト画面がブラウザで表示されます<br />
[[File:Lwfs1.png|thumb|300px|none|LWFS起動時の画面]]<br />
<br/><br />
<br />
==制作環境が構築されているか確認する==<br />
ビューワーが起動する際に、制作環境が構築されていない場合に自動で構築されます。<br/><br />
デスクトップに下記のフォルダが構築されているはずです<br/><br />
*LWFS_work<br />
*LWFS_work_output<br />
<br/><br />
[[File:Lwfs_work.png | thumb | 300px | none | フォルダが生成されます]]<br />
<br/><br />
構築を確認したらひとまず導入は成功です。<br />
<br />
<br />
==LWFS_workフォルダ、LWFS_work_outputフォルダの場所を変更する方法==</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T05:38:25Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==逆引きリファレンス==<br />
* [[逆引きリファレンス | 逆引きリファレンス]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T05:09:36Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==APIリファレンス==<br />
* [[Buttonクラス | Buttonクラス]]<br />
* [[Lwfクラス | Lwfクラス]]<br />
* [[LWF | LWF]]<br />
* [[Movieクラス | Movieクラス]]<br />
* [[Tweenクラス | Tweenクラス]]<br />
* [[イベント | イベント]]<br />
* [[テキスト | テキスト]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T04:30:21Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==APIリファレンス==<br />
* [[Buttonクラス | Buttonクラス]]<br />
* [[Lwfクラス | Lwfクラス]]<br />
* [[LWF | LWF]]<br />
* [[Movieクラス | Movieクラス]]<br />
* [[Tweenクラス | Tweenクラス]]<br />
* [[イベント | イベント]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T02:31:22Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==APIリファレンス==<br />
* [[Lwfクラス | Lwfクラス]]<br />
* [[LWF | LWF]]<br />
* [[Movieクラス | Movieクラス]]<br />
* [[Tweenクラス | Tweenクラス]]<br />
* [[イベント | イベント]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T02:24:22Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==APIリファレンス==<br />
* [[Lwfクラス | Lwfクラス]]<br />
* [[Movieクラス | Movieクラス]]<br />
* [[Tweenクラス | Tweenクラス]]<br />
* [[イベント | イベント]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User
http://lwf-users.org/index.php?title=%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
メインページ
2016-07-05T02:20:34Z
<p>User: </p>
<hr />
<div>==LWF Wiki==<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<b>Adobe Flashで汎用2Dアニメーションデータ</b>が作れる「LWF」についてのwikiです。<br/><br />
LWFデータは<b>HTML5、Unity、Cocos2d-x</b>などで利用することができます<br/><br />
※UnrealEngine4 対応中<br/><br />
| style="width:275px; vertical-align:top; padding-left:1em; background-color: #DDEBF0; border: 1px solid #006E93;"|<br />
<br />
'''最新版ダウンロード:''' <br />
<br />
LWFS<br/><br />
[https://github.com/gree/lwfs/releases/ ダウンロード]<br/><br />
[http://lwf-users.org/index.php?title=LWFS-20141212-2155 アップデートされる方へ注意]<br/><br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== はじめてのLWF ==<br />
* [[LWFとは | LWFとは]]<br />
* [[導入方法 | インストール]]<br />
* [[変換テスト | 変換テスト]]<br />
* [[出力ファイルの確認 | 出力ファイルの確認]]<br />
* [[端末での再生確認方法 | 端末での再生確認方法]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== LWFS更新情報 ==<br />
* https://github.com/gree/lwfs/releases/<br />
* [[:Category:リリース情報|過去の更新情報]]<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|-<br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== ドキュメント ==<br />
* [[Flashマニュアル | Flashマニュアル]]<br />
* [[テクスチャアトラス | テクスチャアトラスを作る ]]<br />
* [[LWFSの使い方 | LWFSの使い方]] <br />
===各環境ごとのドキュメント===<br />
* [[HTML5で利用する | HTML5で利用する]]<br />
* [[Unityで利用する | Unityで利用する]]<br />
* [[Cocos2d-xで利用する | Cocos2d-xで利用する]]<br />
* [https://github.com/gree/lwf/wiki/RendererComparison 環境ごとの機能差分]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
== リンク ==<br />
* [https://github.com/gree/lwf LWF - github]<br />
* [http://gree.github.io/lwf/ LWF - Lightweight SWF]<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
== その他 ==<br />
* [[LWFS設定(lwfs.conf)について | LWFS設定(lwfs.conf)について]]<br />
* [[LWFフォーマットについて | LWFフォーマットについて]]<br />
* [[よくある質問 | よくある質問]]<br />
<br />
| style="width:50%; vertical-align:top; padding-left:1em" |<br />
<br />
==コミュニティ==<br />
*[https://github.com/gree/lwf-ja LWF全般に関する質問]<br />
*[http://ja.stackoverflow.com/ プログラムに関する質問]<br />
*:タグは[lwf]を使用してください。<br />
<br />
|}<br />
<br />
{| style="width:100%;"<br />
|- <br />
| style="width:50%; vertical-align:top; padding-left:0.2em" |<br />
<br />
<br />
<br />
==お知らせ==<br />
<br />
==APIリファレンス==<br />
* [[Movieクラス | Movieクラス]]<br />
<br />
__NOEDITSECTION____NOTOC__</div>
User