cakephp/wordpress/flash/flex/iPhone/mixiアプリの開発しています。
Flashで動画再生する際にちょっとはまったので自分用にメモです.
FlvPlaybackコンポーネントを使うと、シークバーなどのコントローラーが表示されるのですが、
動画からマウスアウトした際にコントローラーを非表示にしたいと相談されました。
↑skinAutoHideをtrueにすると、マウスオーバー時のみコントローラーが表示するように出来るのですが、どうもIE系のブラウザではうまく動作しない現象がありました。
対処方法として、コンポーネントよりもステージサイズをひとまわり分大きくして上下左右に10pxほど大きくして見た所、想定通りの動作をするようになりました。
以下のサイトを参考にさせていただきました。感謝。
FlvPlayback、skinAutoHide=trueが効かない？
いまやFirebugはWeb開発には必須の拡張機能ですが、Flashでも使いたいという方のために「FlashFirebug」という物がありました。
AS3で作れらたFlashのデバッグが、HTMLやJSをデバッグするように簡単に作業できるようになりそうです。
アドオンをインストールすると、FirebugにFlashパネルが追加され、閲覧ページ内のFlashをデバッグできるようになります。
久しぶりにFlashでトゥイーンする機会があったので、最近のライブラリ事情はどうなっているか調べてみたのでシェア。
参考になれば幸いです。
まだアルファ版ですが開発者が日本人のため、情報は比較的多めです。
多数のオブジェクトを同時に動かしても、かなりの速度が出てくれます。
サンプルも豊富にあるのでかなりとっつきやすそうです。
BetweenAS3 入門・・が結構ハマった Overwrite と助けてもらったサイトなど
BetweenAS3 Transition cheat sheet
Wonderfl
サイト上にデモがたくさんありますが、エフェクト処理が簡単にできるようになっており、
炎や煙のエフェクトなど組み込まれています。
デモ
Tweensy イージングテスト & コード生成（Tweensy 0.2）
Wonderfl
軽量AS3用Tweenエンジン。
iOS用のアプリとしてコンパイルすることも考慮されているようです。
KTween – 軽量AS3用Tweenエンジンを公開！Tweenerより高速。モバイルに最適
Wonderfl
日本語の情報は少なめですが、かなり高速に動くようです。
TweenMax ： 公式サイト
TweenLight ： 公式サイト
いまさら?TweenMax
TweenMax ： Wonderfl
TweenLight ： Wonderfl
すでに開発は終了していますが、トゥイーン処理を有名にしたライブラリ。
古いサイトをメンテナンスしているとたまに出てきたりします。
jQuery風にメソッドチェーンで書けるライブラリです。
Actionscript, EazeTweenはじめの一歩
jQueryっぽく書けるTweenライブラリ「eaze-tween」をさくっと試してみた
使用するには、GoとHydroTweenという２つのライブラリが必要になります。
Tweensy vs. HydroTween, Actionscript Tween ライブラリを比べてみた
GTween
desuade
Animation System
各ライブラリのパフォーマンスを比較ができるサイトがありました。
海外製のライブラリ比較
Speed Test – Tweening Engine Comparison Tool
日本製のkTweenを含んでいます。
tween benchmark with KTween, BetweenAS3, Tweener
他にもあったら、ぜひ教えてください！
「SQLike」は配列やオブジェクトを扱う際にSQL風の文法で書けるライブラリです。
JavaScript版とActionScript版が用意されていました。Flashでも使えるのが嬉しいですね。
複雑なデータの条件を指定する場合に良さそうです。
以下のようなコードでデータの問い合わせができました。
SQLike.q(
{
Select: ['firstName','|count|','firstName','|sum|','salary','|min|','salary','|max|','salary','|avg|','salary'],
From: dataArray,
GroupBy: ['firstName'],
Having: function(){return this.count_firstName>1},
OrderBy: ['sum_salary','|desc|']
}
)
上記を実行するとJSONで戻り値を取得できます。
[{"firstName":"Stuart", "count_firstName":3, "sum_salary":180000, "min_salary":41000, "max_salary":90000, "avg_salary":60000}, {"firstName":"Vicki", "count_firstName":2, "sum_salary":163000, "min_salary":79000, "max_salary":84000, "avg_salary":81500}]
複雑なデータの条件を指定する場合に良さそうですね。
データの取得だけでなく、UpdateやDeleteもできるようになっていました。
いつか使うかも、という意味で覚えておいても損はないですね。
詳細＆ダウンロードは以下からどうぞ。
Flashで使える水平メニュー素材をダウンロードできる「46+ Flash Horizontal Navigation Menus」というエントリーをご紹介。
Flashを作る際のデザインインスピレーションにも使えますね。
詳しくは以下
haxeというプログラミング言語で作られたオープンソースのFLV Player「Jaris FLV Player」のご紹介です。
フリーで使えるFLV Playerは数々ありますが、ちょっと興味があったのでエントリー。
詳しくは以下
「FlexPaper」はウェブサイトやFlash内でPDFファイルを表示するためのオープンソースのドキュメントビューアです。
PDFファイルへのリンクは嫌がられる場合も多いため、こういったライブラリで表示させられると嬉しいですね。
ファイルはSWC形式で配布されているため、簡単に組み込む事が可能です。
詳しくは以下
「yogurt3d」は3Dゲームの開発に使えるActionscript3.0ライブラリです。
Maya、 XSI Softimage、 3D Studio Maxなどの3D作成ソフトと連携が取れるようです。
詳しくは以下
AdobeがMobile World Congress 2010にてAndroid用にAdobe Airを発表したとのNEWSがありました。
今年中にはAndroidケータイ用のアプリでFlashが使えるようになるようです。
これは嬉しいニュースですね。
英語ですが、モバイル用のFlash Playerを使用している動画がありました。
↑アバターの処理が画面のタッチでスムーズに動いている様子が見れます。
これは要チェックですね。
他にも様々なデモを見る事ができます。
今から、アプリ開発の準備をしても良いかもしれませんね。
SlickBoardは XML/SWF Chartsの作者が新たに作成したFlashです。
以下のようなFlashがXMLの設定を変更するだけで簡単に実装できるようです。
円や短形を描画したものを動かしたりもできるようです。
今ちょっと時間があまりないので、とりあえずご紹介だけ。
ギャラりーを見てもらうと、ここまでできるのかと感心します。
0