DigiTechLog Dot Com » Flash http://digitechlog.com Adobe AIR、Flex、Flash、Java Tue, 08 Nov 2011 12:46:29 +0000 http://wordpress.org/?v=2.8 ja hourly 1 Flash Builder 4コンパイラーの不具合( FB 4.0 build 272416 ) http://digitechlog.com/2010/04/26/flash-builder-4-build-272416-compiler-bug-and-solutions.html http://digitechlog.com/2010/04/26/flash-builder-4-build-272416-compiler-bug-and-solutions.html#comments Mon, 26 Apr 2010 09:06:40 +0000 admin http://digitechlog.com/2010/04/26/flash-builder-4-build-272416-compiler-bug-and-solutions.html 最近、アドビとアップル両社、すごく争いしていますよね。「AdobeとAppleは長年助け合ってここまでやってきたが、Appleがこんな敵対的で卑劣な手段に出たことが、両社の違いを明確に示している」と言うような声もありますが、ビジネスはやっはりビジネスですね。「仲間」と言うものは「利益」の前だったら、意味がなくなっちゃうかもね。けれども、一方で、アドビのこの製品中に、確かに問題がありそうです。発見したFlash Builder 4のコンパイラー不具合(FB 4.0 build 272416 )を発表しました。

FBには、「-debug=false」というオプションがあります。不具合はそのオプションから引きました。

FlexCompilerArguments_thumb

図示の様にセットして動かすと、Flash Builder 4中のワークスペースの全部のプロジェクトの「trace()」も無効になっちゃう。Flash Bulider 3は正常になっていますけど。

  1. -verbose-stacktraces=false
  2. -omit-trace-statements=true

にセットしても解決できなかったです。 で、解決方法として、一つは：

  1. trace.apply(this, [new Date()]);

に変更します。

もう一つは、

  1. var log:Function = trace;
  2. log(new Date());

を利用とします。その現象、FB 4.0 build 272416で再現できます。

Related Posts

]]> http://digitechlog.com/2010/04/26/flash-builder-4-build-272416-compiler-bug-and-solutions.html/feed 0 5個アドビFlashメニューとナビゲーションのチュートリアル http://digitechlog.com/2009/10/31/5-useful-aadobe-flash-menu-and-navigation-tutorials.html http://digitechlog.com/2009/10/31/5-useful-aadobe-flash-menu-and-navigation-tutorials.html#comments Sat, 31 Oct 2009 13:17:40 +0000 admin http://digitechlog.com/2009/10/31/5-useful-aadobe-flash-menu-and-navigation-tutorials.html 個人のホームページでも会社のサイトでも、yahooなどでもメニューはサイトの重要の一部として、必ず使われていますね。

Adobe社の調べではFlashプラグインの普及率は97％、開発者は100万人を越えていて、普及率が高くて、使い方によっては表現力豊かで、便利ですから、様々なWEBコンテンツがflashで制作されています。メニューとナビゲーションももちろん。

Flashの素材や情報が豊富ですから、メニューの表現の形式も多いです。インタネット上でもちょっとグーグルで検索してみれば一般的なメニューから活かしたメニューまでさまざまなものが解説されていますが、多い過ぎな感じですから、以下の様の一番よく使われているアドビFlashメニューとナビゲーションのチュートリアルを挙げます。

adobe-flash-menu-and-navigation-tutorials

Advanced and Powerful Flash Menu with Sound

このチュートリアルでは声効果があるモダシンのFlashメニューをどうやって作れることを紹介しました。それ以外、Flashメニューのデザイナ方法、ActionScriptのソースコードをメニューに利用する方法、見えるボタンの作成などもこのチュートリアルに勉強できます。

 

Advanced XML Menu

このチュートリアルではXMLからデータを読んでメニューを作成することを紹介しました。メニューの内容や名称を変更する場合、Flashの修正はいらなくて、XMLのみを変更すれば反映できます。便利ですね。TweenMaxはこのチュートリアルに利用されています。

Advanced-XML-Menu

 

Advanced Flash Menu with Effects and Sound

このチュートリアルでは一番目のと同じ声効果が利用されています。ActionScriptソースコードをメニューに利用方法や声のファイルをインポートする方法などもこの中に勉強できます。

 

Shaky Flash Menu

このチュートリアルはActionScript 3でクールのメニューを作る方法が紹介されました。デモのアニメーション効果は全部ActionScript 3で実現されました。また、タイムラインのアニメーションは必要です。

 

Rotating Menu

このチュートリアルは回転メニューの作り方を紹介しました。上のチュートリアルと同じで、これもActionScriptで作れました。

【英語版参考内容】：　5 Useful Adobe Flash Menu and Navigation Tutorials

【翻   訳】：  DigiTechLog Dot Com

Related Posts

]]> http://digitechlog.com/2009/10/31/5-useful-aadobe-flash-menu-and-navigation-tutorials.html/feed 0 フラッシュのAS2からAS3に移行：_root http://digitechlog.com/2009/10/26/flash-as2-move-to-as3-root.html http://digitechlog.com/2009/10/26/flash-as2-move-to-as3-root.html#comments Mon, 26 Oct 2009 13:18:52 +0000 admin http://digitechlog.com/2009/10/26/%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%81%aeas2%e3%81%8b%e3%82%89as3%e3%81%ab%e7%a7%bb%e8%a1%8c%ef%bc%9a_root.html _root VS root

ActionScript 3.0前のバージョンで、ロードされたSWFの数と関係なく、_root変数が最初のSWFのタイムラインを参照しました。_rootは絶対アドレスと比較できるので、特にソースがオブジェクト指向になる場合、長期的な影響が感じられます。

ActionScript 3.0では、プレイヤーに読み込まれるSWFのルートインスタンスはステージの最初のインスタンスを表します。新たに再定義されたルートについて難しい概念は、常にメインのタイムラインを参照しなく、代わりに、ディスプレイオブジェクトのメインレベルを参照するのです。

例えば、SWFにロードされるまたはメインSWFに独立存在する場合、MovieClipのルートは同じように動作します。新しいディスプレイリストがどのように動作するかという知識が多少にあれば、この概念の理解に役立つことになります。

www.DigiTechLog.com 20091026 Moving From Flash AS2 to Flash AS3 _root eatkeyboard


参考資料：

このトピックの理解に全く混乱で、或いはもっと情報がほしい場合、Senocularさんのポスト：Access to stage and rootを参照してください。

Related Posts

]]> http://digitechlog.com/2009/10/26/flash-as2-move-to-as3-root.html/feed 0 フラッシュのAS2からAS3に移行：MovieClipプロパティ http://digitechlog.com/2009/10/18/flash-as2-move-to-as3-movieclip-property.html http://digitechlog.com/2009/10/18/flash-as2-move-to-as3-movieclip-property.html#comments Sun, 18 Oct 2009 14:02:23 +0000 admin http://digitechlog.com/2009/10/18/%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%81%aeas2%e3%81%8b%e3%82%89%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5-as3%e3%81%ab%e7%a7%bb%e8%a1%8c%ef%bc%9amovieclip%e3%83%97%e3%83%ad%e3%83%91.html Flashの開発中に、スクリプトでムービーを制御したい場合の基礎の考えにもなるので、MovieClips がよく使われます（Flash8からアニメーションは「ムービークリップ」という仕組みを覚えるとぐんと表現の幅が広がり，作成の効率も上がります）。

そのプロパティを変更することもフラッシュルーチンの一部となっています。 AS3では、MovieClipsのプロパティが少しも変わっているが、構文を統一するための変化です。

※As3Converter(@see As3Converter: ActionScript2をActionScript3にコンバータするツール)というANTタスクと一部のAS3クラスの集合で、AS2のソースをAS3に自動変換するツールもありますが、どうしても理解した上で使った方がいいと思いますね。

www.Digitechlog.com 20091018001 Flash Movieclip

AS3入門：MovieClipのプロパティ

以下は、AS2と AS3に最もよく使用されるMovieClipのプロパティです。変更が少ないが、重要なのは違いところを知っていることです。AS3を使用するとき、ActionScriptのエラー防止に役立ちます。

位置決め：x座標とy座標を使用してMovieClipの位置を決定する

  1. //— AS2
  2. myMc._x = 100;
  3. myMc._y = 100;
  4.  
  5. //— AS3
  6. myMc.x = 100;
  7. myMc.y = 100;

パーセントでScaling : 既存のサイズに基づいてMovieClipを調整する 

  1. //— AS2
  2. myMc._xscale = 10;        //Note: Value expects a whole number
  3. myMc._yscale = 10;        //Note: Value expects a whole number
  4.  
  5. //— AS3
  6. myMc.scaleX = .10;        //Note: Value expects a decimal number
  7. myMc.scaleY = .10;        //Note: Value expects a decimal number

高さと幅でScaling: 正確な高さと幅でMovieClipを調整する

  1. //— AS2
  2. myMc._height = 50;
  3. myMc._width = 100;
  4.  
  5. //— AS3
  6. myMc.height = 50;
  7. myMc.width = 50;

回転: MovieClipを回転する

  1. //— AS2
  2. myMc._rotation = 90;
  3.  
  4. //— AS3
  5. myMc.rotation = 90;

可視性: MovieClipの可視性をコントロールする

  1. //— AS2
  2. myMc._visible = false;
  3.  
  4. //— AS3
  5. myMc.visible = false;

透明性：αまたはMovieClipの透明度を調整する

  1. //— AS2
  2. myMc._alpha = 75;  //Note: Value expects a whole number
  3.  
  4. //— AS3
  5. myMc.alpha = .75;  //Note: Value expects a decimal number

違い？
最大の相違点がわかりましたか？シンプリシティーにするため、MovieClipのプロパティのアンダースコアを削除した。また、scaleX、scaleYとalphaプロパティを見てください。今では整数ではなく、10進値が指定されます。

役立つ短文になれば、嬉しいです。

補足内容として、MovieClipのプロパティ、メソッド、イベントの説明を挙げます。

メソッド 説明

  1. MovieClip.attachAudio() マイクまたはFLVからの音をムービークリップに割り当てる。
  2. MovieClip.attachMovie() ライブラリ内のSWFまたはムービークリップを割り当てる。
  3. MovieClip.createEmptyMovieClip() 空のムービークリップを作成する。
  4. MovieClip.createTextField() 空のテキストフィールドを作成する。
  5. MovieClip.duplicateMovieClip() 指定されたムービークリップを複製する。
  6. MovieClip.getBounds() 指定の領域の境界までの最小および最大の距離を返す。
  7. MovieClip.getBytesLoaded() 指定したムービークリップにロードされたバイト数を返す。
  8. MovieClip.getBytesTotal() ムービークリップのサイズをバイト単位で返す。
  9. MovieClip.getDepth() ムービークリップの深度を返す。
  10. MovieClip.getInstanceAtDepth() 指定の深度にあるムービークリップの参照を返す。
  11. MovieClip.getNextHighestDepth() 次に利用可能な深度を返す。
  12. MovieClip.getSWFVersion() パブリッシュされた時のFlash Playerのバージョン。
  13. MovieClip.getTextSnapshot() 静止テキストのテキストを取れるTextSnapshotオブジェクトを返す。
  14. MovieClip.getURL() URLのページをブラウザに表示する。
  15. MovieClip.globalToLocal() ステージ座標を指定されたムービークリップのローカル座標に変換する。
  16. MovieClip.gotoAndPlay() ムービークリップのフレームを移動して再生を続ける。
  17. MovieClip.gotoAndStop() ムービークリップのフレームを移動して再生を停止する。
  18. MovieClip.hitTest() ムービークリップ同士が交差するか、または指定のポイントが内側にあるかどうかを返す。
  19. MovieClip.loadMovie() SWFファイルまたはJPEGファイルをムービークリップにロードする。
  20. MovieClip.loadVariables() 変数の値を外部ファイルから読み込む。
  21. MovieClip.localToGlobal() ムービークリップのローカル座標をグローバル座標に変換する。
  22. MovieClip.nextFrame() ムービークリップを次のフレームへ進める。
  23. MovieClip.play() 指定されたムービークリップを再生する。
  24. MovieClip.prevFrame() ムービークリップを手前のフレームに戻す。
  25. MovieClip.removeMovieClip() 複製またはアタッチされたムービークリップをタイムラインから削除する。
  26. MovieClip.setMask() ムービークリップを指定されたムービークリップのマスクとして設定する。
  27. MovieClip.startDrag() ムービークリップのドラッグを開始する。
  28. MovieClip.stop() 再生中のムービークリップを停止する。
  29. MovieClip.stopDrag() startDrag()のドラッグを停止する。
  30. MovieClip.swapDepths() 2つのムービークリップの深度を入れ替える。
  31. MovieClip.unloadMovie() MovieClip.loadMovie() でロードしたSWFファイルを削除する。

描画メソッド 説明

  1. MovieClip.beginFill() 塗りの描画を開始する。
  2. MovieClip.beginGradientFill() グラデーションの塗りの描画を開始する。
  3. MovieClip.clear() 描画メソッドを使って実行時に作成したグラフィックを削除する。
  4. MovieClip.curveTo() 曲線を描画する。
  5. MovieClip.endFill() 塗りを終了する。
  6. MovieClip.lineStyle() 線のスタイルを定義する。
  7. MovieClip.lineTo() 直線を描画する。
  8. MovieClip.moveTo() 描画開始位置を移動する。

プロパティ 説明

  1. MovieClip._alpha ムービークリップインスタンスの透明度。
  2. MovieClip._currentframe 再生ヘッドがあるフレーム番号。
  3. MovieClip._droptarget ムービークリップをドロップした先の絶対パス (スラッシュシンタックス表記)。
  4. MovieClip.enabled ムービークリップの有効／無効を示すブール値。
  5. MovieClip.focusEnabled フォーカスを受け取るためにムービークリップを有効にするブール値。
  6. MovieClip._focusrect フォーカスがあるムービークリップを黄色の矩形で囲むかどうかを示すブール値。
  7. MovieClip._framesloaded ストリーミングSWFファイルからロードされたフレーム数。
  8. MovieClip._height ムービークリップインスタンスの高さを示すピクセル数。
  9. MovieClip.hitArea 別のムービークリップのヒット領域となるムービークリップへの参照。
  10. MovieClip._lockroot SWFファイルをムービークリップにロードしたときに_rootを固定するかどうか。
  11. MovieClip.menu ContextMenu オブジェクトをムービークリップに関連付けるオブジェクト。
  12. MovieClip._name ムービークリップインスタンスのインスタンス名。
  13. MovieClip._parent ムービークリップを囲む親ムービークリップへの参照。
  14. MovieClip._quality SWFファイルのレンダリング品質を設定するストリング。
  15. MovieClip._rotation ムービークリップインスタンスの回転角度。
  16. MovieClip._soundbuftime サウンドのストリーミングを開始するまでのバッファ秒数。
  17. MovieClip.tabChildren ムービークリップの子が自動タブ順に含まれているかどうかを示すブール値。
  18. MovieClip.tabEnabled ムービークリップがタブ順に含まれているかどうかを示すブール値。
  19. MovieClip.tabIndex オブジェクトのタブ順を示す数値。
  20. MovieClip._target ムービークリップインスタンスのターゲットパス。
  21. MovieClip._totalframes ムービークリップインスタンスのフレーム総数。
  22. MovieClip.trackAsMenu 他のムービーがマウスの解放イベントを受け取ることができるかどうかを示すブール値。
  23. MovieClip._url ムービークリップとしてダウンロードしたSWFファイルの URL。
  24. MovieClip.useHandCursor マウスがロールオーバーしたときに指カーソルにするかどうかを示すブール値。
  25. MovieClip._visible ムービークリップインスタンスの表示／非表示を示すブール値。
  26. MovieClip._width ムービークリップインスタンスの幅を示すピクセル数。
  27. MovieClip._x ムービークリップインスタンスのx座標。
  28. MovieClip._xmouse ムービークリップインスタンス内のマウスカーソルのx座標。
  29. MovieClip._xscale ムービークリップの水平方向の拡大／縮小率を指定する値。
  30. MovieClip._y ムービークリップインスタンスのy座標。
  31. MovieClip._ymouse ムービークリップインスタンス内のマウスカーソルのy座標。
  32. MovieClip._yscale ムービークリップの垂直方向の拡大／縮小率を指定する値。

イベントハンドラ 説明

  1. MovieClip.onData すべてのデータをムービークリップ内にロードしたとき。
  2. MovieClip.onDragOut クリックしてプレスしたままで、ポインタをムービークリップの外側に出したとき。
  3. MovieClip.onDragOver マウスボタンを押したままムービークリップの外側に移動し、再び戻ったとき。
  4. MovieClip.onEnterFrame フレームが進むたびに呼び出される。
  5. MovieClip.onKeyDown フォーカスがあるときにキーを押したとき。
  6. MovieClip.onKeyUp フォーカスがあるときにキーを離したとき。
  7. MovieClip.onKillFocus ムービークリップからフォーカスを移動したとき。
  8. MovieClip.onLoad ムービークリップがインスタンス化してタイムラインに読み込まれたとき。
  9. MovieClip.onMouseDown 左マウスボタンを押したとき。
  10. MovieClip.onMouseMove マウスのポインタが移動するたび。
  11. MovieClip.onMouseUp 左マウスボタンを離したとき。
  12. MovieClip.onPress ポインタがムービークリップ上にあるときにマウスボタンを押し下げたとき。
  13. MovieClip.onRelease ポインタがムービークリップ上にあるときにマウスボタンを離したとき。
  14. MovieClip.onReleaseOutside ムービークリップ上をクリックし、ムービークリップの外でボタンを離したとき。
  15. MovieClip.onRollOut マウスカーソルがロールアウトしたとき。
  16. MovieClip.onRollOver マウスカーソルがロールオーバーしたとき。
  17. MovieClip.onSetFocus ムービークリップにフォーカスが入ったとき。
  18. MovieClip.onUnload ムービークリップをタイムラインから削除した後。

Related Posts

]]> http://digitechlog.com/2009/10/18/flash-as2-move-to-as3-movieclip-property.html/feed 0 PyAMF: PythonのためにAdobeのFlash Playerに対応しているサポートアクションメッセージ形式（ AMF ）を提供する http://digitechlog.com/2009/10/04/pyamf-an-amf-actionscript-message-format-decoder-and-encoder-for-python.html http://digitechlog.com/2009/10/04/pyamf-an-amf-actionscript-message-format-decoder-and-encoder-for-python.html#comments Sat, 03 Oct 2009 15:26:30 +0000 admin http://digitechlog.com/2009/10/04/pyamf-an-amf-actionscript-message-format-decoder-and-encoder-for-python.html この前はPHPからAMFメソッドを呼び出すライブラリ「SabreAMF: FlexをPHP5と連携させるフレームワーク」などと．NETの「FluorineFx: Flexと.NET間でAMF通信できるライブラリ」を紹介しましたね。フリーなオブジェクト指向プログラミング言語Pythonは、動的な型付け、ガベージコレクション、マルチパラダイム、モジュール、クラス、オブジェクト等の言語の要素が内部からアクセス可能であり、リフレクションを利用した記述が可能など幾つか特徴があるので、Google App EngineもPythonがサポートされています。

PythonからAMF通信できますか。今回紹介PyAMFとは、オープンソースプロジェクトとして、PythonのためにAdobeのFlash Playerに対応しているサポートアクションメッセージ形式（ AMF ）を提供しています。

python-logo-master-v3-trans

PyAMFにより、Flash、Flex またはAIRで、Pythonによって起動しているWebサーバとリッチインターネットアプリケーション(RIA)クライアント間のAMFベースの通信を可能になります。Google App Engine Webアプリケーション向けの新たなAMFゲートウェイも導入されました。

この前にも紹介したことがあり、AMFはリモートプロシージャーコール(RPC)を、 HTTP/HTTPSまたはRTMP/RTMPSプロトコルを介して転送されるコンパクトなバイナリ表現にエンコードする。PyAMFは、 GAEバックエンドと共にFlexベースのRIAアプリケーションの開発を可能にし、RIAをGoogleクラウドコンピューティングプラットフォームに配置する。

以下はPyAMFの使用方法を簡単で紹介します。

・PyAMFのインストール

easy_installで、もしくはできなければダウンロードしてきてsetup.py installでもいい

  1. easy_install pyamf

・AMFの配備

デフォルトのまま利用する場合は8000のportはあけておく必要があります。

以下のコマンドでserver.xmlを起動します。

  1. python server.py

正常だったら、http://IPアドレス:8000/にAMFでアクセスすることが可能になります。

・クライアントからの接続確認

FlashDevelopを使って、簡単にRemoteObjectで接続してみて、http://pyamf.org/wiki/HelloWorld/Flex のサンプルに従って「Hello World」のサンプルを作れます。どう？簡単でしょう？ :)

【関連リンク】

http://pyamf.org/ 公式サイト

Related Posts

]]> http://digitechlog.com/2009/10/04/pyamf-an-amf-actionscript-message-format-decoder-and-encoder-for-python.html/feed 0