ActionScript Archive

[読書状況]辞書的な使用

AS3(ActionScript3)を始めるとついてまわるのがエラー。
AS2以前特にタイムラインにスクリプト書いてた頃の間違いがあってもエラーもでずパブリッシュできてしまいエラーの場所を探すのも一苦労な状況からAS3になってエラー出力は大幅に改善したのだけれど、いまいちエラーで出力されるIDとメッセージの意味がわからない。
そんなことはずっと思っていたところでた本がこの本。エラー逆引きリファレンス的な本で販売開始からちょっと時間たった今でも他にはないんでないかな。
エラーの意味がはっきりわかり非常に重宝してます。エラーの出し方の例文もあるのがまた良いですね。コンパイル時のエラーとランタイムエラーでIDがかぶったりもするんでそこはちょっと注意。

FlashCS5に追加されたTLFテキストをASで制御するのはTLFTextField(fl.text.TLFTextField )ってのを使えばOK。
これどうやってASで扱うんだろとちょっと調べてしまったのでメモ。
手っ取り早くTLF使ってみるには良いとおもわれます。

参考
ActionScript 3.0から見るFlash Professional CS5
01 TLFテキスト

Airでローカルアプリを使う時にローカルのデータを扱う時って
SQLite使えるんだけどSQL文書くのが結構めんどい。
そんなに複雑なことにはつかわなそうなんだけどAsの中にString型のSQL文が入ってると結構醜かったりするなあと思って便利なものないかなあと探してみるとAirRecordというAdobeのサイトに紹介されていたものが良さそう。

ADB開発中！Adobe Developer Box 開発日記　連載4) AIRによるActiveRecordの実装

実際ちょっと試して見たんだけどほとんどSQL文かかずにDB連携ができました。
DB作る最初の部分でちょこっとあったくらい。

去年の末(12/30)にFlashの勉強会に参加しました。
mixiのコミュFlashとおやつの会 の108つの煩悩とおやつの会というイベントで
主催の水玉製作所さんのお部屋をお借りしておやつを持ち合いながら各自必ずなにか必ず発表するというもの。
自分で発表する機会って大事だなと改めて思いました。

Continue reading

縦組みとか段落とか従来のTextFieldよりかなり細かく設定できそうなText Layout Frameworkを試してます。
まだ正式版でないようで仕様もいろいろかわってるようです。

先日TextFilter(flashx.textLayout.conversion.TextFilter)がTextConverter(flashx.textLayout.conversion.TextConverter)
に変更されててちょっとはまりました。
僕の場合FlashCS4で試してるんですがSWCファイルも以前は複数あったのがtextLayout.swcの一つになったらしく、古いswcも読み込ませていたのも結構はまったところです。
ちなみに新しいtextLayout.swcを試す場合はFlexSDK4の試したいバージョンのSDKをここからダウンロードして解凍後flex_sdk_フォルダの\frameworks\libsにあるtextLayout.swcをFlashPro4のActionScript3.0設定のライブラリパスで指定してやればOKです。

先日AdobeAIR DAYという次期AIR2.0の話を中心としたセミナーにいってきました。
最近はTwitterのハッシュタグとセミナーを連動されることが多いみたい。
主催の方からTwitterにつぶやいてくださいといってました。
ハッシュタグのこといまいち理解できてないのですがこちらで一括で見れました#AIRDAY

Continue reading

ようやっとProgression3を使い始めていたところProgression4のPublic Beta版リリース。 せっかくだからということでProgression3のクラススタイルで作り始めてたものをProgresssion4へ。 まだまだ理解が不足しているんですが表示関係でProgression3では動作してた部分で以下のエラーがでてはまりました。

RangeError: Error #2006: 指定したインデックスが境界外です。

今のところ以下の下の行のようにしたところ動作してます。
根本的にまだProgressionがわかってない感はあるんで別の方法がある気が・・

×　new AddChild( container, hogeSprite)
○　new AddChildAt( container, _albumBackPage, container.numChildren )

mixiアプリを作ってたんでサーバーアップしてデバッガで値とか調べてるのもちょっと手間取ってる原因かもなあ。

次回のF-siteセミナー超！濃ゆい ActionScript の日～つくるために創る！、最近AS3も大分覚えてきてるので個人的にはすごいたのしみです。申し込みは9/30より。

demo1「ActionScriptでつくるActionScriptエディター」吉川佳一@BOW氏（50分）

　高速で軽量な文字比較ルーチンによるリアルタイムのカラーリングを実現する方法を
　お見せします。
　AS製の利点としてFlashパネルやAIRアプリケーションやWebブラウザーなど
　いろいろなところで動くデモを実演予定。
　

demo2「フレームワーク"の"作り方」阿部貴弘@Progression氏（50分）

　　普段使っているフレームワークの"中身"が一体どのように設計されているのか？
　先日公開された Progression 4 Public Beta を使って新機能を紹介しつつ、それらが
　どのように実装されているのかを実際のデモやコードを交えて解説します。
　内容的にも ActionScript 3.0 ライブラリを作る上での設計の話から、Flash の（ド
　キュメントにも載ってない）拡張機能の話、JSFL で ActionScript 3.0 風コンパイラ
　を作る話など、広くディープにご紹介する予定です。
　

demo3「サイトを作るツールを作るでござる、の巻。」Saqoosha氏（50分）

　最近ぼくがやった仕事のいくつかはサイト内で使用するデータを作るためのAIRアプリを
　作るところから始まっています。このAIRアプリの出来がサイトのクオリティを決めると
　いってもよいかもしれません。そんなサイト、アプリがどんなふうに考え、作られたのか
　実際の制作データを元に解説します。

Spark勉強会Tween大喜利を見てきて会場でとったメモ。

間違っているところなどは気づいた時点で随時なおす予定(多分)ですが防備録的にエントリー。

Continue reading

使い方がいまいちわからず使ってこなかったinterfaceの使いどころ。
微妙に違う機能のClassAとClassBがあったとすると。

var a:hogeClass = new ClassA();
var b:hogeClass = new ClassB(); 

hogeClassというinterfaceを作って外部とやりとりするメソッドを定義しておくとコンパイルエラーもせず書き出せます。

Continue reading

Flashでmixiアプリもつくれますが flixiってAS3のライブラリ(フレームワーク？)使うと便利。 ソースもみやすくて参考になります。アルバムのAPIは対応してないようなんだけどflixi参考にして自作してます。アルバムはOpenSocialVer0.9の仕様でmixiのAPIは基本いまのところOpenSocialVer0.8みたいでその辺がオプションパラメータとかイマイチ使えないとこなのかな。

あと まだいじってないけど opensocial-as3-client ってのもちょっとそのうち調べようかなと思っております。

なんかmp4をAdobeMediaEncorderで設定されてたf4v形式で書き出してCS4コンポーネントのFLVPlaybackで書き出そうとしたらうまくいかず。実はflvしか知らなくてf4vってきの見てあせったレベルですw で調べてたらFlashMediaServerのtoolのとこにあるAdobe FLVPlayback 2.5.0.15 for Flash CS4 Professional and Flexてのをインストールしたところ表示することができた。インストール手順はdocumentationフォルダのflvplayback_2.5_install.pdfを読むべし。FlashCS4とFlexBuilder3のやり方が書いてあります(英語)。

内容大体こんな感じ
Flash閉じてFlashCS4がインストールされてるフォルダの/Common/Configuration/Components/Video.
にダウンロードしたファイルの中にあるswcファイル(FLVPlayback_2.5.swc)を入れる。
で/Common/Configuration/Component Source/ActionScript 3.0/FLVPlayback内にあるfl ってフォルダを名前を変えてバックアップしておく。でダウロードファイルの中のflフォルダをFLVPlaybackフォルダに移動。（もしかするとFLVPlayback.flaも入れかえたほうがよいのかも？)
でFlashCS4立ち上げてPlayer10書き出しorAIR1.5書き出しのドキュメント立ち上げればFLVPlayback2.5ってのが入ってれば成功です。

AdobeAirの本、結構でてますが
Flexベースでかかれたものがどうしても多い。
FlashやFlashDevelopベースで開発してる
自分的にはMXMLタグとかがどうも見難い。
(もちろん同じActionScript3なんでできないことはないんだけど)
そんな中この本は"Flashで作る・・・"という但し書きのようなタイトルがついていて
まさにFlash使って開発するような書かれ方がうれしい。
サンプルも楽しいものが多くて非常に役立ってますんでご紹介。
FlashCS3orFlashCS4でなんかAir作ってみようって人にはとっつきやすいと思われます。

今月はかなりいろんなFlashセミナー系集いに参加。

Continue reading

重いのが難点ですが個々最近かなり使ってるのがパブリッシュ時のデバッグ。
Windowsの場合Ctrl + Enterが通常のパブリッシュでscriptうまくいかないときは
traceしてみたりがよくやってたパターン。
これだとObjectの中身見るのとか面倒。
Progressionのjp.nium.ObjectUtil.toString()とかで中身traceとかやるのも便利で使うけど
怪しい箇所にブレークポイント打ってその行のときのあちこちの値みたりステップ実行とかできたりと複雑なソースはCtrl+Shift+Enterのデバッグだとかなり原因究明に役立ちます。
あと子SWFのデバッグのやりかたとかで一瞬悩んだけどCtrl+Shift+Enterで書き出されるswfは
デバッグ用なので(故にファイルサイズもでかくなるんで本番アップはしないように)子swfはデバッグ用にしておいて親SWFのデバッグをすればOK。この辺プロジェクトとかで一括処理できないかしら？

というのがFlashCS4でのやり方だけどFlexとかはもっとデバッグ楽なのかなあ。
あとFlash用のデバッグツールで
De MonsterDebuggerとかちょっとつかってみたけど良さ気でした。 なんか他にDisplayObjectの階層見れるいい方法ないかなあ。FlashのデバッガとかでもaddchildしたSpriteとかMCに中は見れないのはなぜだろう。

こんなサンプル使ったデモをしました。 左の四角に写真をローカルから読み込ませたり人を配置したりお絵かきしたりできます。 絵はボタンを押すと書ける状態になります(ちょっとわかりにくい) プレビューボタンを押せば左側の内容が右側にキャプチャされ 保存を押すと画像を作成します。 ソースなどはf-siteの方のリンクからダウンロードできます。

F-siteセミナーいってきました。

Arrayとplayer10から加わったVectorは似てるけど代入とかはできんかった。
必要かどうか微妙だけどArrayからVectorへ変化するコードを書いてみた。

via～blog.seyself.com
AS3 についていろいろメモ
Player のバージョンによって Array と Vector を使い分ける

Continue reading

あちこちのブログでASのコードが良い感じで貼られてて同じことしたいなと思いつつ
密かに悩むこと数日w
ようやくSyntaxHighlighterというものらしいといところに行きつきググれましたよ。
しかし検索するにも名称がわからんと、なかなか目的のもの探すのも難しいものですなあ。

ということで昨年11月のF-siteセミナーの復習で書いたソースなんぞを貼ってみます。
 

via ～　Flabo:dp.SyntaxHighlighterでActionScript 2.0のコードをハイライトする

　　　　
/**
* Matrix3D F-siteセミナーの復習
* @param eventObject
* @see  http://www.fumiononaka.com/Sample/F-site/FF081115.html
*/
public function xRotate(eventObject:Event):void {
  var nRotationY:Number = (mouseX - nX)*nDeceleration;
  var nRotationX:Number = (mouseY - nY)*nDeceleration;
  form_mc.transform.matrix3D.appendTranslation(-nX, -nY, 0);   
  form_mc.transform.matrix3D.appendRotation(nRotationY, Vector3D.Y_AXIS);
  form_mc.transform.matrix3D.appendRotation(nRotationX, Vector3D.X_AXIS);
  // 位置を戻す
  form_mc.transform.matrix3D.appendTranslation(nX, nY, 0);   
}

やろうやろうと思いつつようやく使い始めたProgression の勉強会に参加。
まだまだ使い込みが足りてないけど(ProgressionというよりAS3のXML名前空間とかにはまったりしてます）
いじってみてると理解度も大分違う感じです。

今回は"extends Progression 拡張機能コンテスト"にあわせた拡張機能の作り方というテーマでした。
いろいろモチベーションもあがりコンテスト参加する意気込みで帰ってきました。形にすればさらに覚えそうだし。
この秋にはProgressionの書籍も出るとのこと。今すぐでもほしいくらいですがサイトとかフォーラムとか充実してますしがんばります。

FlashPlayerはVersion6以降はUTF-8。
故にShift-JISでエンコードされた外部テキストとか読み込んで
表示しようとすると文字化けしたりする。

System.useCodepage = true;

とかすると文字化けしなくなるのは以下のAdobeのTechNoteにあるように

System.useCodepage という値を「true」にした場合、Flash Player 6 以降で扱うエンコーディング (UTF-8) はシステムに依存した形に切り替わり、日本語の Windows や Macintosh では、「Shift-JIS」となります。　～　Adobe:TechNote

なにをいまさら的な話だけどSystem.useCodepage = trueをググったりしてShiftJISに文字コードコンバートできるのでは？的質問を時々受けるのが少々疲れるｗ
つまりはFlashPlayerはあくまでもUTF-8でこのSystem.useCodepage = true をやることでそのOSの環境の方のエンコーディングになるわけです。(仮にOSがEUCだったらEUCが文字化けしない)

ちなみにバイナリデータが扱えるようになったFlashPlayer9以降では
こんな感じでByteArrayを使って文字コードの変換ができました。

var bT:ByteArray = new ByteArray();
bT.writeMultiByte( str, "shift-jis" );
bT.position = 0;
var s_sJis:String  = bT.readMultiByte(bT.length, "shift-jis" );

ちなみにByteArray.positionを0に戻すってのに最初気づかなかったです。

Continue reading

現在このサイトはhetemlのサーバーをかりているのですがFMS(FlashMediaServer)を使うには申請がいります。 で、申請するとFMS用の場所に移行するんですが(移行作業はhetemlでやってくれました) 移行後にMTの再構築ができなくなりちょっとあせる。 要はパスがかわったみたいで[設定]ー[公開]-[公開設定]で公開パス設定をかえることで一見落着。公式のヘルプにも書いていてくれればなあ。 MTじゃなくてconcrete5とかだとやりかたわからず途方にくれた可能性大。

FlashPlayer9ではアップロードとかに使うFileReferenceはアップロードする前のローカル画像データはファイル名などの情報は取れたけど、ローカル画像の表示などはできかった。
で今回のFlash10ではFileReference.load()ってのが新しく追加されてローカルの画像をアップロード前にFlashPlay上に表示されるようになりました。 ソースはwonderflに投稿したんで上のリンク先の方まで。

Google Analytics Tracking for Adobe Flash 関連ドキュメントの日本語訳

先日のF-siteセミナーでtrick7の寺井さんの講義であったFlashでGoogle Analytics を使うというものを復習かねて早速ためしてみました。
 サンプル
 一応ドキュメントクラスのAS

ちゃんと記録されてるかどうかもかねてとりあえずアップ。
すでに仕事でも入れてみたけどまだ本番アップされてないのでテスト的な意味もこめて。
とりあえず記録がわかりやすいようにデバッグモードと併用。
うまくログとれてたらやりかた追記する予定。

[追記]




ログを確認したらばっちり取れてました。
ログを取るタイミングはムービー起動時とボタンを押したとき。
ボタンのログの末尾の数字は何フレーム目でボタンを押したかということで
currentframeをつけてみました。こんな感じでいろいろな切り口からアクセス解
析ができそうです。
ちなみにFlashCS4の場合ライブラリにファイルを入れなくてもswcファイルを
[編集]ー[環境設定]ー[ActionScript]　でActionScript3.0の設定からライブラリパスのところでswcファイルのあるフォルダを選択すればOKです。

ソースファイル(ZIP)

四隅の角丸を描画するならGraphics.drawRoundRectでできるけど
それぞれ四隅に違う値を指定するやり方はGraphics.drawRoundRectComplexでやれた。
なぜかヘルプにはないけどFlashDevelopのコードヒントで出てきたんで
調べてみてあるのに気づいたのでした。


wonderflに初めてエラーでないスクリプト書いてみましたw



ついでに四隅をプルプル動かしてみた。

今週の木、金はAdobeMAX。
今日受講予定のセミナー一覧がメールで届きました。

＜1/29（木）＞
10:00～11:30
　S-1　基調講演
11:40～12:40
　L-3　{AIR+LC}によるエンタープライズ{UX+RIA}ことはじめ
13:00～14:00
　D-1　ウェブとタイポグラフィー、伝達と表現
14:20～15:20
　E-2　Flash Player 10の新テキストエンジン"Text Layout Framework"フル活用Tips
15:50～16:50
　B-3　AIR最適化テクニック：コード処理・メモリ・レンダリングを知る！
17:10～18:10
　E-4　CATMAN作者が語るFlashアニメーション最新情報
18:40～20:40
　S-2　スペシャルイベント：Technology Sneak Peek

＜1/30（金）＞
10:00～11:30
　S-1　基調講演
11:40～12:40
　L-4　失敗事例に学ぶFlexプロジェクトの第一歩
13:00～14:00
　F-5　AIR/Flash Media Serverを用いたマルチユーザアプリケーション開発について
14:20～15:20
　A-6　[Flash]アイデアの実装：コントロールと最適化
15:50～16:50
　B-7　ActionScript 3.0におけるパフォーマンス向上のヒント
17:10～18:10
　A-8　Flashタイムラインで作る3D
18:40～20:40
　S-4　スペシャルイベント：EDGE Now! Of the Year

個人的にはFlashPlayer10のText Layout Frameworkがたのしみ。

classの継承(オーバーライド)でAS2時代ではエラーにならなかった書き方がAS3では怒られまくる。

継承元でprivateにしてるメソッドにオーバーライドなどは不可能。
外部からのアクセスはさせず継承はOKとしたければprotectedと書かねばならん。
元同僚のプログラマーの方に教えてもらってわかった。
(あと継承するときはoverrideってかかないと駄目。)
プログラムやる人には当たり前のことかもしれないけどAS2でclassとかようやっと
覚えた人間としては作法がかわるとえらい大混乱になったわけでした(^^;
まclassのコアになる継承元のクラスはきちっと設計しないといかんということかな。

個人的には実験で完成されたclassライブラリなどをちょこっと変えて試しに使うときとかに
オーバーライドとかして試してたんだけどprivate属性にはまったくアクセスできない。
どうしてもやる場合、継承元のソース変えるか継承(オーバーライド)したクラスにprivate変数とかメソッドを全部コピペするかってとこです。
（他にやりかたあるかもしれないけど今のところ知らない・・）

以前のブログからActionScriptのコネタというか ちょっとしたことの記事が多かったけど AS3にかんしては本当長い間なんとなく使用を避けてました。 AS2のClassとかは結構使えるようになってたんですが AS3は違った作法が多すぎてエラー出て結構気持ちがなえることも多々。

 [なんとかなってきたその1]
 で、いい加減Flex使おうかなと思ったときに知ったのがFlashDevelop。 1.5倍開発スピードが速くなるという知人のアドバイスもウソではなく コードヒントとかimportとかメドッドへダイレクトにリンクしてくれたり大変便利です。

 [なんとかなってきたその2]
 そうめん、ThreadことActionScript Thread Library 1.0のことをこれまた別の知人に教えてもらう。 AS1,2をやってた人は割りとすんなり受け入れられるというアドバイスで試して見ましたが、かなり楽になったことも多く、AS3の苦手な意識が徐々に消えてきました。 と、何をいまさらということばかりですが FlashDevelopとThreadでAS3なんとかなるかも！という自信を持てたということでした。 この後もいろいろな仕様で悩まされて今に至るのですが 今なら個人コンテンツでもAS3で作ろうと思えるようにはなりました。