これはトゥイーンの時間を決定し、フレームの長さとして反映されます。

詳しくは、公式ヘルプのアニメーションの基本をご覧ください。

今回SparkProjectにコミットしたJSFLは、そんな悩みを解決します。

選択したフレームのスパンを指定.jsfl

使い方は、フレームを選択して、JSFLを実行、好きな数値を入力するだけです。
もちろん、複数のレイヤーも大丈夫。
以下はソースになります。ご自由にお使いください。

var newDuration = prompt('set new duration')
var timeline = fl.getDocumentDOM().getTimeline();
var frames  = timeline.getSelectedFrames()


var startFrames = [];
for(var i=0;i]]>
    



    
    
    tag:log.xingxx.com,2010://1.116

    2010-06-30T07:41:03Z
    2010-06-30T08:21:34Z

    
 先日Adobe主催で行われたCS5イベント、station 5のSparkPr...
    
        kaede
        
    
    
        
    
    
    
    
    
        


先日Adobe主催で行われたCS5イベント、station 5のSparkProject SP3で紹介させていただいた "flant" をSparkProjectにコミットしました。

Ant
Apache Antはビルドツールのひとつです。ビルドツールとは、"一連の処理を自動化"することができるもので、たとえば大規模アプリケーションでは、一つのファイルですべてが完結するわけではありません。複数のファイルでひとつのアプリケーションになるため、必要なファイルをまとめる、"パッケージング"という作業が発生します。
]]>
        Antで楽々、DRYな開発を

Flash案件などでも、HTML,JavaScript,CSS,SWF,Image,XMLなど、様々なファイルが必要になります。それらのファイルを適宜纏めるのは労力が入りますし、なにより人為作業だとファイルの入れ忘れなどがあった場合、納品先でファイルが実行できないなどのミスも起こりやすいものです。
そこで、このパッケージングを自動化するためにAntを使用するわけです。自動化してしまえばミスはなくなり、時間の短縮にもなる一石二鳥です。FlashBuilderやFlashDevelop,FDTといったIDEでは既にこれらをサポートしていて、コンパイル前後に自動でタスクを走らせることもでき、とても便利です。しかし、Flash Professionalはこの機能をサポートしていません。

flant


無いなら作りましょう。ということで、作りました。flantは、FlashProfessionalでAntをシンプルに実行します。（ほかのIDEでもそうですが、Antを別途インストールする必要があります）


Antのインストールと使い方については以下のサイトが参考になります。
(参考-JavaDrive様)


また、コマンドから[パブリッシュしてタスクを実行]を選択すれば、パブリッシュ後に指定されているAntタスクを実行することも可能です。もちろん、指定されたファイルはFlash終了後も保持されます。

実際問題、僕はFDTを経由してAntを使用していますし、FlashProfessionalでAntが必要かといわれると疑問ですが、FlashProfessional CS5ではエディターの大幅な強化によって単体での開発もあり得るでしょう。単体派の方は是非、使ってみてください。:)

download :: http://www.libspark.org/wiki/flant

]]>
    



    
    
    tag:log.xingxx.com,2010://1.115

    2010-05-22T21:47:38Z
    2010-05-22T22:42:16Z

    
CS5を待ち焦がれているkaedeです。こんにちわ。 世間ではgoogle tv...
    
        kaede
        
    
    
        
    
    
    
    
        CS5を待ち焦がれているkaedeです。こんにちわ。

世間ではgoogle tv やら google font api　やらが騒がれている今日の頃、なんとも今頃知ったのですが、googleにはテキストトゥスピーチをしてくれるAPIが実装されているようなのです。


]]>
        それがこれ↓


http://translate.google.com/translate_tts?tl=en&q=hello+world!

純粋にMP3として返ってきてくれるようなので、AS3でも問題なく使えます。
そして、このAPIを元にするライブラリを、pete shandさんという方が配布されていたので、さっそく使ってみました。







import net.peteshand.TextToSpeech;
textToSpeech = new TextToSpeech();
textToSpeech.addEventListener("FirstClipLoaded", beginPlaying);
textToSpeech.load('Ever wanted to add text to speech functionality to your Actionscript project? Well now you can thanks to Google and this awesome little as3 class I've written.');
function beginPlaying(event:Event):void
{
   textToSpeech.play();
}


このTextToSpeechライブラリは、SoundクラスインスタンスをラップしてAPIにリクエストを投げてくれるというもの。そんだったらライブラリいらねーじゃんと思うのですが、このAPIには９０文字以内という罠がありまして、そこんところをうまく分割してリクエストを投げ、ロード後に結合してくれるという親切なライブラリなのです。

これを使えば、ダイナミックに２０００年代初頭の２ｃｈFlashのような、こっぱずかしい黒歴史Flashを簡単につくれてしまいますね。

それはさておき、このライブラリの中にはアクセシビリティを考慮してボタンをロールオーバー時に自動でテキストトゥスピーチしてくれるクラスがはいっていたりしますので、興味のある方は使ってみてはいかがでしょう。

]]>
    



    
    
    tag:log.xingxx.com,2010://1.114

    2010-04-13T18:18:07Z
    2010-04-14T03:14:03Z

    
 CS5も発表され、5月からはFlashを始めてみようと言う方も多いのではないで...
    
        kaede
        
    
    
        
    
    
    
    
        


CS5も発表され、5月からはFlashを始めてみようと言う方も多いのではないでしょうか？67WSの4,5月は、そんな初心者の方から、上級者の方まで幅広く満足いただける、とびっきりオススメのセミナーをご用意しています。Flash界のトップランナーの方々による、密度の濃い一日になること間違いなし！
]]>
        2010/05/15 Progression 4の取扱説明書（トリセツ）





http://event.67.org/progression/201005/

出演者（敬称略）: 阿部貴弘/池田泰延
国産フレームワークProgression。世界中のFlashデベロッパー達から高いを得るProgressionの開発者である、阿部貴弘氏が登壇。開発者本人による、コンセプトからコアな機能解説まで、まさにトリセツな内容です。また、ClockMaker こと池田泰延氏による初心者向けセッションも見逃せません！

2010/04/25 GEEKs in OSAKA
Flash モーションプログラミング + 大阪てら子







出演者（敬称略）: 奥田透也/城戸雅行/saqoosha/水口卓哉

http://event.67.org/geeks/flashmotionosaka/

大阪てら子全面協力のもと実現した、大阪開催！世界的に著名なroxik 城戸雅行氏、alumican_net 奥田透也氏、をお迎えしたギークでハードコアな4時間です！！！同時に、大阪てら子セッションも特別開催！saqoosha氏やシナチクこと水口卓哉氏が登壇します！残席僅数ですのでお早めに！

2010/04/23 GEEKs in TOKYO
Flash モーションプログラミング






出演者（敬称略）: 奥田透也/城戸雅行

http://event.67.org/geeks/flashmotion/
常に最先端をいく、ギークのギークによるギークのためのセミナー、それが67WS emGEEKsです！記念すべきシリーズ第一弾は、世界的に著名なroxik 城戸雅行氏、alumican_net 奥田透也氏をお迎えし、モーションプログラミングのための手法、アルゴリズム、考え方を解説していただきます。※4/14現在、東京開催は満席です
]]>
    



    
    
    tag:log.xingxx.com,2010://1.113

    2010-04-12T05:11:11Z
    2010-04-12T13:35:07Z

    
ついに2010年4月12日、Adobe Creative Suiteの最新版であ...
    
        kaede
        
    
    
        
    
    
    
    
        ついに2010年4月12日、Adobe Creative Suiteの最新版であるCS5が発表されました。Xdayは5月28日！なんとWebPremiumを買うとFlashBuilder 4 Premiumがついてくるそうですよ！MasterCollectionはFlashBuilder 4 Standardなので、MasterCollectionだけ買えばいいやと思ってる人は要注意です！追記：WebPremiumだとFlashBuilderPremiumついてくる話は、誤解だった模様。ほんとうは、WebPremiumも、MasterCollectionもFlashBuilderStandardのようです。

さて、今回はCSファミリーのひとつ、Flash CS5 Professional の新機能についてビデオつきでご紹介したいと思います。
Flash CS5といえばこのブログでもとりあげた、Packager for iPhoneが有名ですが、正直、もうpackage for iPhoneの情報はおなかいっぱいですよね？
FlashCS5はもちろん、それだけではありません!。というわけで、戦況芳しくないPackager for iPhoneはそっとして、XFL,TLF,ASEditor,CodeSnipetに関して、詳しく取り上げます。
]]>
        XFL



従来、Flashファイルの保存は.flaというバイナリファイルでした。CS5では、XMLをベースにしたXFLという新しいフォーマットで保存することが出来ます。
ライブラリのアイテムに自由にアクセス
XFLで書き出すと、ひとつのフォルダができあがります。中にはXMLとフォルダで構成されていて、そのひとつのLIBRARYフォルダにはライブラリのアイテム、シンボルが格納されており、自由に入れ替えることができます。
全てはXML
前述のとおり、XFLの実体はXMLです。FlashのDOMツリーを管理するこのXMLは、テキストエディターがあれば、Flashを立ち上げなくても該当箇所を変更するだけで反映させることができるのです。Movieでは実際にXMLから文字を変更してみています。

TLF



TLFはTextLayoutFrameworkの略で、従来まで単純なものしかできなかった文字組が、かなり複雑なものまで再現することが可能になりました。
オーバーフローテキスト
TLFテキスト内でオーバーフロー（文字溢れ）した場合、別のTFLテキストにリンクさせることが出来るようになりました。
コンテナ
TLFテキスト内で、コンテナを分けることが出来るようになりました。コンテナを何列にわけるか、またコンテナ間のマージン等、細かいところまで指定できるようになっています。

コードスニペット



コードスニペットはActionScriptをまとめておける機能で、複雑なコードを忘れがちな初心者さんには非常に重宝する機能だといえます。
面白いところは、ただ単純にコードを埋込むだけではなく、選択しているMovieClipに対してコードを適応出来ると言うことです。ムービーでは、選択しているMovieClipに対して、フェードインのエフェクトを設定しています。

ActionScriptエディタ



ついに、FlashCS5でも高度なカスタムコードヒントが使用できるようになりました。ビルドインクラスのみならず、カスタムクラスまでコードヒントが出るようになります。またaddEventListenerの際には使用できるイベントの種類まで！
FlashBuilderやFlashDevelopには及びませんが、もっとも嬉しい強化機能のひとつといえるのではないでしょうか。
コードスニペットとの連携
コードスニペットと連携すれば、さらに便利になります。コードスニペットはカスタムで自分のコードを登録することができるだけでなく、"instance_name_here"という予約語をActionScriptのコードにまぜることができるのです。
この予約語を指定すると、そこが選択されているMovieClipのインスタンス名に置換されます。上級者がモジュールを作り、初心者に渡してオーサリングするといった、勉強しながらのチームプレイが可能になるでしょう。

総評
新しいFlashはどうしてもPackager for iPhoneに向いてしまいがちですが、便利な機能が多数強化・追加されています。とくにカスタムクラスまで読むようになったActionScriptエディタは強力ですよね。あと、目に見えないところではパフォーマンスがCS4よりも上がったように感じられます。安定度が増したようで、CS4に比べて落ちることが少なくなりました。また、Flash Player 10.1やAIR2、そしてFlashListe 4.0の書き出しに対応しているところにも、注目しておきたいところです。
Packager for iPhoneに関しては、てっく煮のnitoyonさんと同意見です。以下、引用させていただきます。

Flash-to-iPhoneコンパイラ禁止の話、戦略的には理解できるが、一介の開発者として生理的に受け入れられません...。しょうもない政治的な判断で技術の芽や、そこから生まれたかもしれないすばらしい何かが摘み取られてしまうことがたまらなく悔しいのです。

まだ、発売には一ヶ月ありますし、現在packager for iPhoneのアプリは削除されていません。どう転ぶかはわからないというのが正直なところです。僕としては事態が落ち着くまで静観したいと思います。
]]>
    



    
    
    tag:log.xingxx.com,2010://1.112

    2010-03-16T16:07:25Z
    2010-03-17T03:36:19Z

    
3/16、Adobeの太っ腹無料イベント、FlashCampがありました。 Ad...
    
        kaede
        
    
    
        
    
    
    
    
        3/16、Adobeの太っ腹無料イベント、FlashCampがありました。

AdobeチームによるCS5の新機能紹介とiPhone向けの最適化や、RalphHauwert氏,MarioKlingemann氏,erikNatzke氏,深津貴之氏,新藤愛大氏といった超豪華メンバーでお腹いっぱいになってしまいました。


さて、iPhoneの最適化セッションでは、MikeChambers氏が口を酸っぱくしてpackager for iPhoneでなるたけパフォーマンスをよくするためのテクニックが紹介されていました。

そこではiPhone特有のtipsから、普段から使えるものまで紹介されていたわけですが、その一つ、オブジェクトの再利用(リユース・オブジェクト)と、プリレンダリングを試してみましょう。
]]>
        繰り返し処理で大量生産

たとえば、一文字のテキストを1000個等間隔に並べて、配列から文字をランダムで参照させる。なんてことをしようとします。

2010-03-17_1 - wonderfl build flash online

for(var i:int;i<n;i++){
	var tf:TextField = new TextField();
	tf.autoSize = TextFieldAutoSize.LEFT;
	tf.text = strs[Math.floor(Math.random()*strs.length)];
	tf.x = 10*(i%50);
	tf.y = 20*Math.floor(i/50)
	addChild(tf)
}


forが回るたびにnewで生成し、表示リストに1000個追加しています。環境によりますが、僕の環境ではresultTime = 231と表示されます。ということはたとえば極端な話もし、仮にデスクトップより10倍遅いデバイスでこの処理をすると2000ミリ秒かかるということになり、2秒間完全に固まってしまうかもしれません。※本来の最適化では、何回か連続でメソッドを実行し、その最小・最大・平均を取るのですが、今回は割愛。

TextFieldをリユース(再利用)する
上記のボトルネックは明らかで、forの内部で毎回TextFieldを生成し、追加しています。オブジェクトが大量に生成されることで重くなりますし、そもそもTextField自体が重いのも問題です。
これを、予め用意したTextFieldのみを使い、パーティクル表現などでよく用いられるBitmapDataを使ったアプローチが以下です。

forked from: 2010-03-17_1 - wonderfl build flash online

var length:int = strs.length;
var tf:TextField = new TextField();
tf.autoSize = "left";
var bd:BitmapData = new BitmapData(500,400,false);
var mtx:Matrix = new Matrix();
var i:int;
while(i<n){
	tf.text = strs[Math.floor(Math.random()*length)];
	mtx.tx = 10*(i%50);
	mtx.ty = 20*Math.floor(i/50);
	bd.draw(tf,mtx);
	i++;
}
addChild(new Bitmap(bd))

スコアがちょっとあがりましたね。僕の環境ではresultTime = 160と表示されています。ただ、まだ改善点がありそうです。現在はTextFieldに毎回テキストを配列から参照してきています。8文字しか入っていない配列では、1000回のうちに何回も同じ文字が出現するはずです。毎回テキストフィールドに加えて転写するのではなく、事前に用意しておいたらどうでしょうか？

プリレンダリング
出現するものが決まっているなら、前もって用意しておけばいいじゃん。というのがプリレンダリングです。テキストフィールドに対して文字を入れたものを、文字ごとにずらしてbitmapdataに転写しておき、それから後はbitmapdataに対してdrawではなくcopyPixelsで転写することでさらに高速化をねらいます。また、copyPixelsに必要なPointやRectangleなどもその都度生成せずに確保しておき、適宜プロパティを変更します。

forked from: forked from: 2010-03-17_1 - wonderfl build flash online
var strs:Array = ["a","b","c","d","e","f","g","h"];
var length:int = strs.length;
var tf:TextField = new TextField();
tf.autoSize = "left";
var bd:BitmapData = new BitmapData(80,20,false);
var mtx:Matrix = new Matrix();
var i:int;
while(i <length){
	tf.text = strs[i];
	mtx.tx = 10*i;
	bd.draw(tf,mtx);
	i++;
}
bd.lock();
var bd2:BitmapData = new BitmapData(500,400,false);
var pt:Point = new Point(0,0);
var rect:Rectangle = new Rectangle(0,0,10,20)
i=0;
while(i<n){
	pt.x=10*(i%50);
	pt.y=20*Math.floor(i/50);
	rect.x = Math.floor(Math.random()*length)*10;
	bd2.copyPixels(bd,rect,pt)
	i++;
}
addChild(new Bitmap(bd2));

僕の環境では、resultTime = 6と表示されています。コード数は長くなりますが、凄い効き目ですね。最初の231から比べれば、雲泥の差といえます。実はまだ改善の余地があるのですが、今回はこの辺で。
]]>
    



    
    
    tag:log.xingxx.com,2010://1.111

    2010-03-06T04:07:03Z
    2010-03-06T04:32:45Z

    
MMExecuteとfl.runScriptを使うことで、SWFPnaelから外...
    
        kaede
        
    
    
        
    
    
    
    
        MMExecuteとfl.runScriptを使うことで、SWFPnaelから外部のJSFLを叩けることは、このブログでも以前取り上げました。


SWFPanel(AS3/SWF)のメソッドを呼び出すswfPanel.call
SWFPanel(AS3)とJSFLを連携するMMExecute2

SWFPanel開発時には、多用することになるこの二つのメソッド。

しかし、外部JSFLの関数を呼び出す際には注意が必要です。

引数はString
MMExecuteは第一引数にJSFLをStringで渡します。ということは、必然的に関数のパラメータもStringになります。
改行コードが含まれていると
やってしまいがちなのがこの問題です。SWFPanel側で何らかの処理をし、MMExecuteに引き渡す際、Stringに改行コードが混入していると、エラーが発生します。


MMExecute("fl.runScript(fl.configURI+'Commands/test.jsfl','test','mes\nsage')")
//SyntaxError: unterminated string literal

]]>
        エスケープ
というわけで、MMexecuteで関数呼び出し、引数を渡す際は、必ずエスケープをするようにします。
ActionScript 3.0
as3では、トップレベル関数として、escape関数が用意されています。
import adobe.utils.MMExecute;
var param:String = escape("mes\nsage");
MMExecute("fl.runScript(fl.configURI+'Commands/test.jsfl','test','"+param+"')")

JSFL
JSFL側では、unescape関数を使用して、引数を元に戻します。
function test(str){
	fl.trace(unescape(str))
}
]]>
    



    
    
    tag:log.xingxx.com,2010://1.110

    2010-03-04T15:01:38Z
    2010-03-04T15:01:38Z

    
                 Flash Player の Mip マップサ...
    
        kaede
        
    
    
        
    
    
    
        

                
Flash Player の Mip マップサポートについて - akihiro kamijo
                
                
(tags: flash actionscript3.0 tips)
            
]]>
        
    



    
    
    tag:log.xingxx.com,2010://1.109

    2010-03-04T06:01:39Z
    2010-03-04T06:01:39Z

    
                 Support Details | Tech ...
    
        kaede
        
    
    
        
    
    
    
        

                
Support Details | Tech Support Management
                
動作環境がひとめでわかる
                
(tags: development debug)
            

                
Ajax.org - The real-time collaborative application platform
                
                
(tags: javascript library)
            

                
Adobe AIRでのCPU使用率の削減 | デベロッパーセンター
                
                
(tags: actionscript3.0 air tips)
            
]]>
        
    



    
    
    tag:log.xingxx.com,2010://1.108

    2010-03-03T06:02:34Z
    2010-03-03T06:02:34Z

    
 次期Flash CS5 の目玉機能、搭載が予定されているpackager fo...
    
        kaede
        
    
    
        
    
    
    
    
        


次期Flash CS5 の目玉機能、搭載が予定されているpackager for iphone。FlashでiPhoneアプリが開発できるというなんともまぁ、夢のようなお話です。ご縁があってベータ版に参加させていただき、さっそく開発してみました。





]]>
        MiningMine
http://itunes.apple.com/jp/app/miningmine/id358072463?mt=8
このゲームは、マインスイーパの拡張で、地雷を除去するのではなく、地雷を避けつつスタートからゴールまでの全てのパネルをあける、シンプルなゲームです。

雑感
packager for iphone 。すごいです。一言で申し上げるなら、Flash is universe。新たな可能性を感じさせます。本当にWindowsだけでiPhoneアプリが作れてしまいます。ちなみに、制作時間は2日、審査に三日でした。Flash CS5の発売が楽しみですね。
]]>
    



    
    
    tag:log.xingxx.com,2010://1.107

    2010-02-15T11:02:08Z
    2010-02-15T11:59:38Z

    
 swfobject.embedSWF("http://xingxx.com/b...
    
        kaede
        
    
    
        
    
    
    
    
        







超高速なTweenライブラリとして有名なBetweenAS3が念願のoverwriteに対応したようなので、さっそく試してみました。

左がTweener,真ん中が変更前のBetweenAS3、そして右が今回アップデートされたBetweenAS3を使ったトゥイーンです。かなり単純なスクリプトで、ロールオーバーされたらalphaが0.5に、ロールアウトされたら1になります。

挙動をみてみると、変更前の真ん中のサンプルでは高速にロールオーバー・アウトを繰り返すとチカチカしますが、右の最新バージョンではTweener版同様、気持ちよくトゥイーンしてくれます。今までは適宜stop()させないといけなかったので、嬉しい修正ですね！
]]>
        
    



    
    
    tag:log.xingxx.com,2010://1.106

    2010-02-15T10:22:13Z
    2010-02-15T10:29:48Z

    
 traceを出し過ぎて、プレビューが重い事ってありますよね。 自分だけ作業して...
    
        kaede
        
    
    
        
    
    
    
    
        


traceを出し過ぎて、プレビューが重い事ってありますよね。

自分だけ作業しているときには全文検索でtrace全削除すればいいけど、複数人の場合にはそういうわけにもいきません。

trace文は消したくない！プレビューだけみたいのに重い。

そんなときのSWFPanelです。

ダウンロードは以下から。

http://www.libspark.org/wiki/OutputClear
http://www.libspark.org/svn/mxp/OutputClear/trunk/outputclear.mxp
]]>
        
    



    
    
    tag:log.xingxx.com,2010://1.105

    2010-01-19T15:00:00Z
    2010-01-19T15:01:51Z

    
22歳になりました。一年というのはとても早いものですね、、 昨年もあっという間で...
    
        kaede
        
    
    
        
    
    
    
    
        22歳になりました。一年というのはとても早いものですね、、

昨年もあっという間でした。

イベントや本の出版など、たくさんの方々にお世話になりました。

皆様、本当にありがとうございました。本年もどうぞよろしくお願い致します！


]]>
        さて、去年の今日のエントリーを振り返ってみます。



今年の目標は

温めているアレの完成
Rubyをかじりたい
Mac Book 買う



ということでした。温めているアレというのは、ActionScript 3.0エラーアーカイブスですね。この時はまだ発表もされておらず、頑張り時でした。お陰様で、ご好評頂いているようです。メインの本にはなり得ませんが、ご活用頂ければ幸いです:)

二つめのRuby。今年は基本的な言語構造やシンタックスを習得することができ、実務でも非常に役に立ちました。Ruby :: ActionScript 3.0 とRubyの定義を見比べる - クラス編では、なんとTwitterでRubyの生みの親、まつもとひろゆき氏に見て頂けたようで、大変光栄です。

三つ目のMacBook。新機が出次第買います！

というわけで、なんとか目標は達成できたのではないかと。

で、今年の目標なんですが,,,



Flash for iphone !
Rails
go or python
英語


こんな感じでゆるーく頑張うと思います～。特に英語は・・・。急務ですね。

それでは、今年もよろしくお願い致します！
]]>
    



    
    
    tag:log.xingxx.com,2009://1.104

    2009-12-23T15:02:12Z
    2009-12-23T15:02:12Z

    
                 Adobe Labs - Downloads:...
    
        kaede
        
    
    
        
    
    
    
        

                
Adobe Labs - Downloads: Flash Player 10.1
                
                
(tags: flash flashplayer)
            
]]>