「Flex」の記事 - Crieit

flexコンポーネントが重い

2010-04-21T12:04:52+09:00

mxmlで配置したImageコンポーネントを移動させると、かなり重い。
同じ画像でも、動的に作成したBitmapをCanvasにaddChildして動かすと
速さが全然違う。
性能のいいPCだと違いは分からないが、CPUの弱いPCだと顕著にわかる。

自分の環境で確認したところ、
Imageコンポーネントをひとつ動かすだけでも平均17fpsだったが、
Bitmapにすると設定通りの30fpsになった。
もちろん、Imageコンポーネントを動かさないで配置しているだけなら
全く問題はないようだ。
これは気を付けた方がいいかもしれない。

サウンドをループ

2008-03-06T12:03:12+09:00

flexでサウンドをループする方法。
BGM等に使用したい場合。
あと、主に複数サウンドをならしたい時に
一つのリスナー関数で終わらしたい時の話。
Soundを再生する時、以下のようにチャンネルオブジェクトが出てくる。
その時そのチャンネルオブジェクトにイベントを設定。

|java|
var channel:SoundChannel = snd.play();
channel.addEventListener(Event.SOUND_COMPLETE, onSoundComplete);
||

で、ぐぐっても出なかったしリファレンスにも
ちゃんとした情報が載っていなかったのだけど、
リスナーで受け取ったパラメータに、SoundChannelが割り当てられている。
なのでSoundとSoundChannelをなにかで結びつけて保存しておけば、
どのSoundが終了したのかを判別できる。

|java|
public function onSoundComplete(evt:Event):void
{
for (var name:String in m_sounds)
{
if (m_sounds[name].channel == evt.target)
{
m_sounds[name].sound.play();
break;
}
}
}
||

画像の回転

2008-03-05T11:03:42+09:00

flexでBitmapオブジェクトを回転させる際、
リファレンスを見るとrotaionというプロパティがあり、
それを変更することで簡単に回転が出来る。
が、よくよく見るとx=0, y=0の部分で回転しているため、
ちゃんと真ん中で回転してくれない。
リファレンスを見ると、その基準点を変更するための
プロパティも何も無いようだ。

色々調べていると、行列変換が使えることが分かった。
これで回転どころか何もかも好き勝手に出来る。
さすがflex。携帯のアプリとは違う。

具体的には、Bitmap.transform.matrixに
Matrixオブジェクトを代入しておけばよい。
行列を知らない人はなんのこっちゃと思うかもしれないが、
特に難しいことはない。

|java|
var matrix:Matrix = new Matrix();
matrix.rotate(angle);
||

という感じで何も分からなくても簡単に変換行列は作成できる。
で、具体的に回転させるのは、
まず基準点を画像の中心に合わせ、
それから回転、スケール変更を行い、
表示する位置に移動する、という作業。
内容的にはこれだけ。

|java|
var matrix:Matrix = new Matrix();
matrix.tx = -bitmap.bitmapData.width / 2;
matrix.ty = -bitmap.bitmapData.height / 2;
matrix.scale(scalex, scaley);
matrix.rotate(Math.PI * angle / 180);
matrix.tx += x;
matrix.ty += y;
bitmap.transform.matrix = matrix;
||