fuse kit Archive

最新のドキュメントを翻訳していて気付いたのですが、このページを翻訳したこちらのページ内に、

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

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

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

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

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

全文を読む

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

まずは "Custom Easing Tool" をご紹介。

全文を読む

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

全文を読む

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

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

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

全文を読む

「Fuse Kit v2.0.5 Documentation 日本語訳」

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

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

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

全文を読む

Fuseの実行直後（startfunc）・途中（updfunc）・終了時（func）にコールバック関数を呼び出せるのですが、funcに対してパラメーター定義用にargsがあるのは覚えていましたが、startfuncにはstartargs、updfuncにはupdargsがあるのをど忘れしてました。

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

//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分程はまってしまったのでメモしておきます。

Fuse Kitの本家サイトで、11/24にfuse2.0.5がプレリリースされています。

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

全文を読む

FuseKitの勉強は、本家FuseKitサイトからダウンロードできる「Fuse 2.0 (build:1.1z3)」に収録されているサンプルflaファイルを順に見ていくのがベストかと思います。各flaファイルには、FuseKitを制作されたMoses Guneschさんの分かりやすい解説が、コメントとして記述されています。

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

全文を読む

「oogattaの勉強日記」さんのこちらのページに、「Fuse Kit で出来ること」というエントリがありまして、Fuse Kitの使い方を簡潔にすごく上手に解説されています。やはりプログラミングができる方は、どんな言語であっても、要点を掴む＆説明するのが上手いなぁと感動します。

全文を読む

毎日少しずつ改良している「Macでもマウスホイールできるスクロールバーのサンプル」ですが、呼称として「WheelScrollBar」と名付けてみました。
コンセプトはシンプルで「スライダーのy座標に応じてコンテンツのy座標を移動させる」です。とにかくスライダーを動かして、インスタンスメソッド"setPosition"を呼べば、期待通りの結果になるように設計したつもりです。（パーツ同士の比率とか、スクロール範囲といった面倒な処理をクラス内で完結させているのが便利かと。）

今回はFuseKitと連携させてみました。

全文を読む

小出しになりますが、FuseKitの基本的な使い方を、簡単なサンプルとソースを見ていただきながらご紹介させていただきます。

お知らせ：FuseKitが大好きなので、過去の関連記事を、独自カテゴリ「fuse kit」として分類しました。よろしくです。

全文を読む

Fuseアニメーションの実行順を簡単にまとめておきます。
大事なのは「FuseはArray（配列）である」ということです。基本、Arrayの要素順に実行されます。あとは別途用意されたテクニックをおぼえていけばよいかと思います。

今回は「Fuse Kit」サイト中段の「PDF: "Using Fuse" 」に掲載されているコードを元に、アニメーションの発動順を色分け表示しておきます。
（青→赤→緑→黄色の順に発動します。RSSリーダーの方は色分けとサンプルswfが見えないかもしれませんのでご注意下さい。）

尚、サンプルのコードのコピペのみでは実際には動きません。ステージ上にbox_mc、場合によってはbox1_mc, box2_mcを配置し、以下のコードをフレームスクリプトの先頭に記述、続けて、各サンプルのコードを挿入してください。

import com.mosesSupposes.fuse.*;
ZigoEngine.simpleSetup(Shortcuts, PennerEasing, FuseItem, FuseFMP);
//simpleSetupでは、必要なクラスだけを選択すれば、ファイルサイズの軽量化ができます。

全文を読む

ZigoEngineには、設定値をブランクにしておいた時のためのデフォルト値とか、振る舞いを、classではなくて.fla上で、予め設定しておけます。その中の一つがSKIP_LEVELです。

ZigoEngine.SKIP_LEVEL設定では、トゥイーンによる変化がないような場合の振る舞いをコントロールできます。
以下、FuseKit添付サンプル"2d general.fla"より翻訳。

全文を読む

前々回エントリしたアニメーションクラスパッケージ「Fuse Kit」の使い方を、前回紹介した、「gotoAndLearn.com」が、ビデオで解説してくれます。

内容としては、
・MosesSupposes :: Fuse Kitから、zipダウンロード＆解凍。
・グローバルクラスパスを設定しておく。
・flaファイルはincludeするだけに留め、ActionScriptエディタ「SE|PY」を使って、外部asに記述。
・んで、fla上のball:MovieClipをPennerトゥイーン、フィルタ効果するサンプル。

連載ものらしく、次に高度なアニメーションを紹介してくれるそうです。
最近の僕の関心事をバッチリまとめてくださっていて感謝。
「Fuse Kit」ブレイクする予感がします。

※Macユーザーの僕は「SE|PY」はA LOTさんのエントリを読んで、使ってなかったのですが、試す価値はありそうですね。

MosesSupposes :: Fuse Kit
かなり便利なクラスパッケージ。サンプルファイルをさっと見て驚いた機能は、

• スクリプト１行で複数個のMCの複数のプロパティを同時にTweenでアニメートさせることができる。


• しかも実行中のTweenの特定のプロパティだけを削除・中断することができる。


• Tween開始までの待機時間も指定できる。


• タイムラインまでTweenでコントロールできる


• 座標移動を_bezier_プロパティでコントロール（curveToと同様な設定）すれば、放物線状にTween移動できる。


• Tweenのリピート回数を０〜ループで指定可能。回数指定のときはyoyo tweenで往復してくれる。


• 明度や染色（？）、コントラストのコントロールが簡単にできる。

（※Tweenは標準Tweenクラス＆PennerTween両方を設定可能）
僕のグローバルクラス登録決定。