Fuse も万能ではありません！特に、ロールオーバー効果のようなシンプルなトゥイーン用に設計されているわけではありません。

と書いてあるようなのですが、僕、ロールオーバー時に Shortcuts クラスの tintTo, brightnessTo, scaleToをよく使うし、他にも、ごく当たり前にショートカットプロパティ（例：my_mc._brightness = 50;）をつかっています。

上記赤文字の文意って、マウス効果を付けるのに「Fuseクラスを使うな」なのか「FuseKitを使うな」なのかどっちなんでしょう？僕が日常 ZigoEngine や Shortcuts, FuseFMP あたりを使用している感じでは、不都合はなさそうですが。。

尚、上記翻訳ドキュメントは、以前の翻訳ドキュメントとは別物で、今後完成させようと思っています。

引き続き、FuseKit2.1.1 の新機能から、”Actions Panel sidebar” のご紹介。この機能を待ち望んでいました。

前のエントリで書いたとおりに “FuseKit2.1.mxp” をインストールしておけば、Flash のアクションスクリプトパネル (F9) の左サイドバーに “FuseKit2.1″ の項目が追加され、いつものようにダブルクリックでコードを記述してくれるのです。ShortCuts クラスのプロパティを、いちいちドキュメントを開いて調べなくてもいいので、すごく助かります。もう FuseKit なしではやっていけないという方には朗報です。

FuseKit ver2.1.1 がリリースされ、リニューアルされたドキュメント “What’s new in Fuse Kit 2.1” にて新機能が紹介されています。

まずは “Custom Easing Tool” をご紹介。

前回ご紹介した “Fuse IDE エクステンション” と同じく、Flash アプリケーションの機能拡張として Fuseトゥイーン関連の設定パネルを追加できます。

FuseKit 公式サイトより、”Download Fuse 2.1.1″ して、デスクトップに解凍後、フォルダの中に “FuseKit2.1.mxp” があるので、ダブルクリックしてインストール。Flashを起動させれば、”ウィンドウ > 他のパネル > customEasingTool2″ が追加されているので、選択すると、上のようなパネルが開きます。

自由に増減可能なポイントをドラッグすることで、好きなようにモーション設定できます。パネル上でのプレビューもできますし、自作のモーションに名前を付けて保存しておくこともできちゃいます。あとは出力されたコードをコピペすればOK。

「にゃあプロジェクト」様が、FuseKit の解説記事を連載されています。実際に動作するサンプル swf と併読できるので、FuseKit で何ができるのかが一発で分かります。

以前から、Flash の旬なテクニックを、実働 swf サンプルを交えて解説されていて、

• 「AsBroadcasterを使ってみる」
• 「EventDispatcherを使ってみる」
• 「Delegateとスコープ」

などなど、僕の弱点を突く記事が満載なので、遅ればせながら今から精読させていただきます。（もっと以前に拝見していたら、僕の FuseKit 関連記事をもっと上手く訳せてただろうなぁと後悔してます。）

全部の記事が、読者が理解しやすいように計画的に執筆＆理解を深めるための（かわいい）サンプル swf でできていて、記事に対する妥協のない姿勢を、blog を書く者として見習わないとなぁと考えされられます。

サイトが XOOPS で作られているので、XOOPS マスターとしてもリスペクトです。

http://play.visualcondition.com/fuse/

Fuseのトゥイーンアニメーションを簡単設定＆プレビューできるようになる機能拡張。これをインストールしておけば、Flashアプリケーション上で、上図のような設定パネルが開き、そのパネル上で動きを確認しながらFuseの設定ができるという訳です。

以前エントリした「Transition and tween explorer」が、Flash標準のトゥイーンのためのプレビュー機能でしたが、今回の「Fuse IDE」はFuse用のプレビュー機能、おまけにそれがFlashのIDE（アプリケーション上の設定パネルみたいなもん）として使えるので、便利この上ないです。

インストール手順：

1. 事前に Fuse Kit が使える環境にしておきます。（Fuse パッケージダウンロード後、クラスパス登録）
2. Flash を終了しておきます。
3. visualcondition playground さんのこちらのページより、Fuse IDE をダウンロード後、解凍します。
4. 解凍してできた「FuseIDE.mxp」をダブルクリック、自動的に「Macromedia Extension Manager」が起動し、Fuse IDE がインストールされます。（もちろん、Extension Manager 起動後、メニューから Fuse IDE のインストールをしてもOKです。）
5. Flashを起動し、上部メニューの「ウィンドウ」→「その他のパネル」に「Fuse IDE」と表示されていればインストール成功です。パネルを開きます。
6. あとはパネル上でプレビューしながら設定していきます。

で、いろんな使い方ができます。

• （初心者の方向け：）ステージ上のムービークリップを選択しおいて、Fuse IDE パネルをいじり倒してアニメーション決定後、パネル中程の「Interpret」をクリックすると、選択したムービークリップの onClipEvent ハンドラ内のイベントとして、Fuse コードが記述されます。あとはパブリッシュするだけです。
• わしはフレームスクリプトしか書かんのじゃーい！という方は、IDE パネル上で設定後、パネル上部の「Copy To Clipboard」すれば、「[{ease: 'easeOutSine', cycles: 3, seconds: 2, rotation: '100'}], [{ease: 'linear', tint: '0xFF0000', seconds: 2}], [{ease: 'linear', seconds: 2, x: '-50'}]」のように、モーション部分の配列だけをクリップボード上にコピーできるので、あとは書式にしたがって、適宜ペーストすればOKです。
• なんと、Semanticの欄に、英語で直接命令を書いて上げることもできます。（この技術がベース。）英文を書くようにカンマ区切りで記述後、Interpret すればOK。
• Sequencerの横の「+」をクリックして、各項目の「*」から詳細設定していくこともできます。（これが一番慣れやすいかも）

いろんな組み上げ方があって逆に迷ってしまうかもしれませんが、「Seauencer 項目の内容が反映される」のを覚えておけば、問題なく使いこなせるかとおもいます。このSequencer 項目、左のつまみで各項目をドラッグ＆ドロップして、グループ構造を変更することもできるスグレモノ。

こんな便利なツールが作れる人って素敵ですね。この方、FuseXMLってのも作っていて、こちらはFuseのモーションシーケンサーコードを外部XMLに書き出せて、それをロードしてアニメーションできるという機能。（Flash 9 に搭載予定の「Timeline Converter」と似てますね。）

注意：
この Fuse IDE ですが、以前紹介した、「Library Manager」との相性が悪くて、Library Manager がインストールされてると、Fuse IDE パネルを開いても、Library Manager パネルが開いてしまう現象に出くわしました。二者択一ってことで、Library Manager を外すと正常になりました。

注意2：
Extension Manager についてですが、OS が Mac OS 10.4 で、以前に Flash8 英語版の体験版等を入れた後に、Flash 8 日本語版をインストールしている人は、（たとえ英語版をアンインストールしていても）Extension Manager は間違えて英語版の設定ファイルを機能拡張してしまい、ただしく機能拡張されません。
「Flash TechNote : Mac OS 10.4 のみです：Flash 8 が Extension を確認できません （ページ下部）」
のページの指示に従い、楽しいエクステンションライフをエンジョイしましょう。

via 「The Flash Blog » Check out the FuseIDE extension!」

まだ翻訳作業の途中で、未完成なのですが、公開しておきます。翻訳元の英語ドキュメントはこちら。公開に至る経緯や心構えは、日本語訳トップページの後ろの方にメモ書きしてあるので、そちらをご覧下さい。

公開することで「後には引けない状況」にして、テンションを上げて、完成を急ぐつもりです。あたたかく見守ってください。（ほんとはWiki形式にして、みなさんとガシガシやりたいのですが、Wikiよく知らないもんで。）

追記：
Fuse Kit v2.1 を別個で翻訳してたりします。でもこっちも途中なんです。すいません。

翻訳に際しての覚書：

• 元ドキュメントで「ZigoEngine」を「engine」と表記していたため、当方も「エンジン」と訳しました。
• クラス内に定義された function は「メソッド」と訳してます。
• parameter は、パラメーターだと字数が多いという理由で「引数」にした。
• あとで field と property の違いを調べておくこと。
• shortcuts クラスの先頭、’easyfunc’ はなくなったんじゃなかったっけ？確認すること。
• 最後に、全体を最終調整する予定。

翻訳作業にブランクがあるので、文言の統一ができてない状態です。何もかも途中ですいません。Webページの自動翻訳よりはましだと思うので、興味ある方はご覧下さい。サイトの使い方としては、
「日本語訳をボーっと眺める」→「気になる項目があったら本家ドキュメントを精読する。」
という使い方が良いかと思います。

つたない翻訳ですが、少なくとも自分自身の勉強にはなっている気がします。

ちなみに下記のようにして、複数のパラメーターを渡すこともできます。

//Zigoトゥイーン開始時に、myCallback関数に３つのパラメーターを渡して実行します。
ZigoEngine.doTween(clip1,"_x","100",1,"easeOutQuad",0, {scope:this, startfunc:"myCallback", startargs:[my_mc, my_arr, "処理が始まるよ"]});
function myCallback(mc:MovieClip, arr:Array, str:String){
trace(mc._x);
trace(arr);
trace(str);
}

当然といえば当然なのですが、10分程はまってしまったのでメモしておきます。

ダウンロードできるzipファイルには、一部修正されたfuse2.0.5クラスファイルと、そのアップデートに伴う新機能＆修正点を紹介するサンプルflaファイル５点が添付されています。変更の概要をリストアップしました。

添付されているflaファイルの概要は以下のとおり。

• FuseFMP-updates.fla – グラデーションベベルの設定など、配列による複雑な設定が必要だったフィルタも、FuseFMPを使えば簡単に指定＆アニメーションできるようになっています。
• FuseFMP.BLUR_ZERO.fla – 以前のバージョンでは、ブラートゥイーンのデフォルト値が4だったため、サンプル内のコードのように、トゥイーン目標値が未設定だと4に向かってにトゥイーンするので、最後の状態でも少しぼけたまま停止していました。今回それが解決されたようです。
• multi-with-colorsarray.fla – 色から色へのトゥイーンアニメーションができるようになったっぽい。しかも複数個の色を格納した配列をdoTweenに渡すことで、複数色トゥイーンも可能。でも色変更をMCに反映させるにはコールバックで再描画が必要かな？うまく説明できないのでサンプルを見てください。
• roundResults-mx04.fla – ピクセルフォントは、座標が小数点位置になると綺麗に表示されません。（なんてったって、「ピクセル」フォントですから。）そこで、Fuseトゥイーンで出力される値を全て整数に丸めてくれるオプションが追加されました。ただ、その分の処理が必要になってくるので、デフォルト値はfalseになっています。ファイルはmx2004形式。
• easing-duration-defaults-mx04.fla – 以前からあったZigoEngine.EASINGやZigoEngine.DURATIONは、全てのトゥイーンのデフォルト値を設定するものでしたが、個々のfuseインスタンスレベルでデフォルト値を上書きできるプロパティが追加されました。Engineのデフォルトじゃ大雑把すぎる、でも各トゥイーンに指定ほどでもないような時に使う感じです。

添付されていた「VersionNotes_2_05pre.txt」を見ると、他にも追加された機能があるっぽいです。

以前僕が訳した一連のサンプルファイルは添付されていませんので、必要な方は別途ダウンロードしてください。→「FuseKitのサンプルflaファイルを翻訳してみたよ」

ですが、なにぶん英語ですので、今回、日本語に翻訳したファイルをまとめてzipで配布します。

当ブログでは、日本語訳版のサンプルファイルのみを配布いたしますので、クラスパッケージに関しては、Fuse Kitサイトより、別途ダウンロード（最新版は2.04）し、あらかじめクラスパスを通して、Fuseパッケージが使える状態にしておいてください。で、下の翻訳版サンプルファイル

fuseExamples_japanese.zip(1074KB)

をダウンロード・解凍し、各flaファイルに書かれたコメントを見ながら、いろいろいじってみてください。

※各flaファイルのスクリプトウィンドウ最下部に、僕が気づいた点などを追記してあります。

※近いうちにFuse2.1がリリースされるそうで、今後のバージョンアップによる仕様変更の可能性もありますが、現在のところ、最新版（2006.11.19現在）のクラスパッケージ「Fuse 2.0.4(Prerelease)」でも、サンプルファイルは正常に動作します。

※oogatta様のこちらの記事と併読すると、より理解が深まるかと思います。その後、チュートリアルPDFや公式ライブラリリファレンス、Fuseユーザーフォーラムを見ていくといいんじゃないでしょうか。

翻訳といっても、英語力もFlashスキルもたいしたことないので、誤訳していたりするかもしれません。（リスナーとか深度の部分が怪しい・・・）
誤訳してるかもしれない翻訳ファイルに意味があるのか疑問ですが、懲りずに公式ライブラリリファレンスの翻訳も現在進行中です。英語見るだけで眠くなる人の役にはたてるかなぁと。英語が苦手でない方は、オリジナルの英語サンプルと併読していただくのが安全かもしれません。
サンプル中に意味不明な箇所がありましたら、当ブログにご指摘いただけると嬉しいです。修正対応します。

Fuse Kitの大体の使い方は、上記のoogatta様のサイトを読ませていただいた後、本家ダウンロードファイルに含まれているサンプルflaファイルに目を通せば、マスターできるかと思います。

ダウンロードの際の注意点としては、本家Fuse Kitサイトで、ダウンロードできる最新版はfuse2.04ですが、ダウンロードファイルの内容はクラスとバージョン変更に関するファイルだけで、サンプルflaファイルは付いていません。サンプルファイルが必要な方は、ページの少し上にある「Download Fuse 2.0 (build:1.1z3)」をダウンロードしましょう。

尚、fuse2.04は次期fuse2.1とほぼ同等の内容に改良されているため、旧fuse2.0からは多少変更されています。（unpauseTweenがreumeTween推奨になったり、easyfuncが削除され、func, startfunc, updfuncパラメーターにeasyfunc指定するスタイルになっていたりします。あと、Tween値を丸めてくれるroundResultメソッドの追加とか。）
先行して2.04クラスパッケージを使っても、ほとんどのサンプルは動くので、2.04クラス＋2.0サンプルで勉強しておいても大丈夫かと思います。