笔贬笔での厂奥贵编集とその応用
- 1. 笔贬笔での厂奥贵编集とその応用 ２０11年４月２３日(土) “よや” yoya@awm.jp
- 2. 自己紹介 ? 六本木で携帯サイト作ってます。 ? PHPer & バイナリエンジニアです。 – http://d.hatena.ne.jp/yoya/ ? 一日中 SWF を眺めて暮らしてます。 ? Flash オーサリングツールは使えません。(キリっ
- 3. 宣伝 ? こんなの作って公開してます。 – http://sourceforge.jp/projects/swfed/ – http://openpear.org/package/IO_SWF (SWF を改造するライブラリ) – https://github.com/yoya/phpopengl (PHP4 対応版の PHP5 への移植 + α) 残念ながら、全部 PHP 用のライブラリです。
- 4. はじめに ? 前半は、「SWF って何？」「それ知って何か嬉 しいの？」といった方がターゲットです。 ? 後半は、SWF編集の実例をしめします。
- 5. SWF について ? Flash の実行ファイル ? ネットワークからダウンロードして実行するので、 画像や音声等のコンテンツも SWF の中に一塊に なる事が多い。 http://awm.jp/~yoya/php/swfed/index.php?i d=7795756057059e4f 分解結果
- 6. 携帯Flash の世界 ? PCデスクトップ環境に比べて – 貧弱なリソース。CPU もメモリも。 – 貧弱なディスプレイ。横240x – 貧弱なネットワーク。 – Flash Lite 1.x の仕様がアレ ☆ 注) 最新端末ではかなり改善されてますが、 古めの端末も対応したい。
- 7. Flash Lite 1.xの仕様がアレな感じ ? SWF のサイズは 100KB まで (通信込みで) ? 動的に画像を取って入れ替えとか面倒。(それ以 前に、ユーザは loading とか待ってくれない) ? 起動後にアプリが勝手に通信出来ない。ボタン を押す等のイベントをトリガーにしないとダメ ? そもそも、パラメータ(argc 的な奴)を渡せない。 何も出来ないじゃん。。。。
- 8. 例えば、携帯Flashでやりたい事 ? Flash ゲームを作りたい (キャラクタや敵キャラ の組み合わせで大量に SWF 作る？) ? 地図ソフトとか (地区ブロック毎に SWF 用意 する？位置パラメータ渡せないんだけど) ? 待ち受け Flashとか (任意の画像を含めたい ので、そもそも無理)
- 9. バッドノウハウ盛況 ? (仕方ないので) SWF バイナリを弄っちゃえ サーバ HTTP request PHP, SWFの元 etc.. データ ここで最低限必 要な画像に絞っ ? Flash Lite なら処理するデータの てSWFに入れたり、 パラメータを埋め 種類は少ないし、最大 100KB なので たりする ストリームみたいな事せず力づくで ＯＫ
- 10. SWF編集イメージ ABC ? PHP class object ? ABC XYZ ? XYZ
- 11. PHP で SWF を編集 ? ming (編集でなく、一から生成する) ? swfmill (swf ? xml 変換。テキストで編集) ? swftools (swf 対して操作。高機能。SWF 合成も簡単。 おしむらくは PHP binding が無い事か) 以上の話しは、普通すぎるのでしません。 ? バイナリを直接弄りたくなるよね？ – まずバイナリエディタで弄る – 手動が面倒になったら PHP とかで弄る – ライブラリ整備として整備していく > SWFEditor, IO_SWF
- 12. SWF の参考資料 ? 仕様書 – http://www.adobe.com/devnet/swf.html 公式 – http://www.m2osw.com/swf_alexref.html – http://hkpr.info/flash/swf/ 日本語 ? 解説 – http://codeazur.com.br/fitc/HackingSWF.pdf – http://doruby.kbmj.com/hal_on_rails/20100411/S WF – http://labs.gree.jp/blog/2011/01/2353/ 図解
- 13. SWF の参考コード ? swftools (C言語) – http://www.swftools.org/ ? IO_SWF (PHP) – http://openpear.org/package/IO_SWF どちらも抽象化も何もないベタな 素直な 実装なのでサンプルとして読みやすい。 (ming 読もうとしたけど、よく分からなかったデス)
- 14. SWF dump (hexdump) ? SWF dump 色々。(よりどりみどり) ? hexdump -C
- 15. SWF dump (swftools) ? swftools
- 16. SWF dump (swfmill) ? swfmill
- 17. で、 ? こういうの見ると。。
- 19. SWF Dumpツールの作り方 ? 仕様書を読みとく。 – http://labs.gree.jp/blog/2010/08/631/ ↑ この記事を読むと多分、分かります。 図を引用して基本構造だけ解説。
- 20. SWF Header 構造 SWF Header Tag Tag Tag Header Signature Version FileLength FrameSize FrameRate FrameCount 3 bytes 1 byte 4 bytes 2 bytes 2 bytes FrameSize (RECT) NBits Xmin Xmax Ymin Ymax 5Bits NBits NBits NBits NBits
- 21. SWF tag 構造 (short 形式) SWF Header Tag Tag Tag Tag Tag & Content Length TagCode Length Tag & Length 10 bits 6 bits 1byte 1 byte 1 byte 1byte Byte Swap
- 22. SWF tag 構造 (long 形式) Tag Tag & Content Length Tag & Length 1byte 1 byte Length Byte Swap 4 bytes 1 byte 1byte 10 bits 6 bits TagCode 111111=0x3f
- 23. 細かい事は ? ↓この辺、参考にしてください。 ? http://labs.gree.jp/blog/2011/01/2353/ ? 画像関连の解説がそこそこあります。
- 24. 作ってみた (php で dump) ? https://github.com/yoya/misc/blob/master/p hp/swf/BitIO.php ? https://github.com/yoya/misc/blob/master/p hp/swf/YSwf.php
- 25. 作ってみた (ruby で dump) ? https://github.com/yoya/misc/blob/master/ru by/SWF/Header.rb ? https://github.com/yoya/misc/blob/master/ru by/SWF/Tag/Factory.rb
- 26. 作ってみた (perl で dump) ? https://github.com/yoya/misc/blob/master/p erl/SWF.pm
- 27. 更に本気で作ってみた (PHP で) ? http://openpear.org/package/IO_SWF ? 16進と並べて表示 (デバッグに便利) ? Tag の中身も少し解析 → 次ページ
- 29. と言う訳で ? 仕様書に抵抗を感じる方も、以上の PHP/Ruby/Perl サンプルがとっかかりになれ ば幸いです。 ? この勉強会場に、そんな軟弱な言語を使う ユーザはいない気もしますが。。。
- 30. ここから応用編 ? 実際に、SWF を書き換えた話。 ? LL 言語でのバイナリ書き換えは、CPU やメモ リが勿体ないので、アクセスの多いサービス では、C 言語で実装して binding してます。 ? http://sourceforge.jp/projects/swfed/
- 31. 画像表示に関连するタグ SWF Header Tag Tag Tag Tag (DefineBitsJPEG2) JPEG Data 画像データ Tag=3 | Length Tag (DefineShape) 画像貼り付け Tag=3 | Length RECT + STYLE + SHAPE パターン指定 Tag (PlaceObject) Tag=26 | Length MATRIX , etc… 表示場所 Tag (ShowFrame) 画面表示指示 Tag=1 | Length
- 32. 画像入れ替えデモ ? ↓Ust ごめんなさい。権利的にアレなので ? http://diary.awm.jp/~yoya/?20080514#2008051 41 (実験記録) ? http://awm.jp/~yoya/php/swfed/index.php?id=2 c9763264074a8f0 (画像dump) ? ↑ Ust まずいのはココまで。(失礼しました)
- 33. 画像サイズ調整 Tag (DefineShape) Tag=3 | Length RECT + STYLE + SHAPE RECT: 枠サイズ TYPE: 貼り付けパターン FILLSTYLE (BITMAP) MATRIX: 表示スケール TYPE=4X RefID + MATRIX ? http://diary.awm.jp/~yoya/?20101027#20101 0270
- 34. ムービークリップ関连タグ Tag (DefineShape) Tag (PlaceObject2) Tag (ShowFrame) Tag (PlaceObject2) Tag (ShowFrame) Tag (RemoveObject2) Tag (PlaceObject2) Tag (RemoveObject2) メイン (root) の Tag (ShowFrame) Tag (PlaceObject2) TimeLine Tag (ShowFrame) Tag (DefineSprite) ムービークリップ の TimeLine Tag (PlaceObject2)
- 36. ベクター画像のデフォルメ ? http://labs.gree.jp/blog/2011/04/2328/ ? サイズ削減 40KB => 35KB
- 37. 実際の所 ? ming も swfmill も swftools もできない事ある し、Lite とか考えてない所あるし、不具合もあ るので、SWF バイナリが分らないと結局、どこ かで壁にぶつかる。 ? ので、知ってる人が開発チームに独りはいる といいかも。 ? でも、HTML5 が流行りそうなので、Flash Lite はもったとしてあと一年かな。。。という刹那 的な技術。(。。と、個人的には思ってる)
- 38. 质问タイム
- 39. ご清聴、ありがとうございました。