action script Archive

「Tweenerコード簡易ジェネレーター : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ」

それほど作る必要はないのだけど、あったら便利かもしれない・・・にしても作るの面倒だなぁとみんなが思っているであろうものをあえて作りましたよ。ｗ

ActionScript2.0 製のゆっくり止まるスクロールバー、いわゆる「減速するスクロールバー」です。

ソースはこちら：slowDownScrollBar.fla（Flash8形式）

今までその場対応でいろんなバリエーションのスクロールバーを作って把握しづらくなったので、ついにtrick7.comのトップをそれなりにして、多少アーカイブしました。

全文を読む

いまだにどこかで使ってもらっているらしい AS2 製のスクロールバーですが、今日nanana様よりご質問あった内容をやってみました。あのページのコメント欄が既にダダ長くなっているのでここに掲載しておきます。

内容としては、下の SWF の左上のリサイズハンドラをドラッグすると、スクロールエリアを矛盾がないようにリサイズできます。最低何px残すか等諸々設定可能。その他アプローチなどの解説はソース内コメントにて。その他アラがあったらご自由に直してください。

ソースはこちら：scrollBarWithResizer.fla（Flash8形式）

久しぶりに AS2 書いたら戸惑いました。（一丁前にｗ）

AS3 で Amazon Web Services (AWS) を使って遊んでて、「和書」と「洋書」ストアの両方から「ActionScript」をキーワードに検索したいとする。どういうクエリを投げればいいのか？

通常は検索するストア(SerchIndex)に一つしか指定できないようです。いろいろ参考にさせていただいたところ、SearchIndex の複数指定＆ Shared を使ってこうやるらしい。

var url:String = "http://webservices.amazon.co.jp/onca/xml?"
       + "Service=AWSECommerceService&"
       + "AWSAccessKeyId=xxxxxxxxxxyourKeyIDxxxxxxxxxxxx&"
       + "Operation=ItemSearch&"
       + "ItemSearch.1.SearchIndex=Books&" //和書
       + "ItemSearch.2.SearchIndex=ForeignBooks&" //洋書
       + "ItemSearch.Shared.Keywords=ActionScript&"
       + "ItemSearch.Shared.ResponseGroup=Small";

レスポンスは各ストア10件がデフォルトだとすると、和書＆洋書で20件返ってくる。URLエンコードした日本語キーワードを検索条件にすると和書ストアからだけ10件返ってくる。この時、洋書ストアからきちんとエラーが返ってきてるとこのページの最下端に記載されてる。試してみて Errors ノードを確認。

ちなみに、レスポンス（ResponseGroup）のタイプはカンマ区切りで複数指定できる。

全文を読む

円形が規則正しく動くことでいろんな表情をみせてくれる実験Flash。「おっ！おおっ！まじで！そーなん！ま、まさか！？」って感じ。プログラムでこういう驚きを持った動きが作れるのが数式アニメーションの楽しいところですね。

どういう規則性で動いているかの説明は、作者のこちらのページで解説されています。

一番大きい丸が3分で1周します。次に大きい丸がその1番大きい丸の倍のスピードで回ります。次に大きい丸は3倍のスピードで、次が4倍、5倍・・・と、そうやって全ての丸が回っています。 それぞれ丸のグラフィックは線上を通った時に単音を鳴らすように設定されています。

そんなシンプルな原理で動いているなんてクールやん！で、こういうのはパラメータをいじっていろんなバリエーションを見たくなるものですので作ってみました。

全文を読む

通勤電車ではNintendoDSで英語やるようにしてたけど、昨日のプロフェッショナルを見たからにはそうもいかない！いきなりコーディングで表現模索とか「絵具を使うようにプログラミング」すぎてびびりました。

でもコードによる表現で試行錯誤するには AS3 は絶対的にコード記述量が多すぎるというのは達人の方々が以前から仰っていましたね。
ということで、前から興味のあった fladdict さんの sketchbook ライブラリを本当に少しずつさわってみる。

ライブラリはここに置いてあるのがたぶん最新。
http://sketchbook.libspark.org/svn/as3/trunk/src/

ソースを書いては消しを繰り返す感じで勉強予定なので、消す前にペーストして備忘録代わりにするエントリ。恥ずかしいぐらい初歩段階から始める。

コードのコピペだけで申し訳ないですが、すべてのコードは、sketchbook ライブラリを svn で取得してクラスパスを通し、SketchbookTest.as というファイルを作って以下のコードのいずれかをコピペしてもらって、ドキュメントクラスとして設定すれば動きます。同階層にsample.pngという画像も置くようにしてください。

全文を読む

たぶん必見！ActionScriptによるトゥイーンはいろいろありますが、そのパフォーマンス比較をサンプルで確認できます。

「GreenSock » Speed Test - Tweening Engine Comparison Tool」

AS2(Tweener, TweenLite, ZigoEngine, Fuse.*, Twease, Tween(Adobe標準のん))と、AS3(Tweener, TweenLite, Tween(Adobe標準のん))、要するに各バージョンの主要なトゥイーンライブラリをパフォーマンス比較できるわけです。各ライブラリへのリンクも上記サイトからいけます。

全文を読む

注意：描画処理がヘビーなため、高速なPCでないと動きがもたつきます。最悪ブラウザを落とすかもなのでご注意！！

昨日エントリした「なんとなく遊んでしまう」を目指して作ってみました。ステージ上をマウスドラッグでわかめ線が描けます。左上の丸をクリックすると消せます。

あとでソースも公開しますが、しばし手入れします。

全文を読む

ネット上でみなさんが公開してくださっているサンプルをいじるだけでも自分の勉強になります。

「第12回 大阪てら子　に参加してきました - なぎまぐのblog」

をいじって楽しませていただきました。

全文を読む

先週の「大阪てら子13」の二次会で台形変形の話になってたので台形ネタをメモ。

全文を読む

ActionScript 3.0 コーディング規約とも言うべき Adobe の

「Coding Conventions - Flex SDK - Confluence」

の日本語訳に取り組んでいます。

一晩じゃ終わりませんでした。すいません。毎度のことですが、英語も AS も自信ナイので、読まれる方は原文と照らし合わしながら読むとよいかと思います。まぁ原文もコードが中心なので訳す必要があるのかも謎ですが、パッと目を通して概要を知るきっかけにはなるかと思います。まだまだ翻訳途中ですが、間違えてたら教えてください。

ちまちま手を入れていきますのでよろしくです。ページの整形（スタイルシート）もあとでやります。

全文を読む

一度訳すと身に付いたりするかもしれないので今晩訳してみる。誰か既にやってたらやらないので教えてください。

お知らせ：以下のリンク先で日本語訳してます。まだ途中ですがどうぞ。
「trick7.com blog: ActionScript 3.0 コーディング規約の日本語訳」

お知らせ：以下のリンク先で日本語訳してます。まだ途中ですがどうぞ。
「trick7.com blog: ActionScript 3.0 コーディング規約の日本語訳」

「Coding Conventions - Flex SDK - Confluence」

Adobe がオススメするコーディング規約がまとめられています。今後も追記更新されていくようです。

プログラミング経験は AS の独学のみという僕は、どこに半角スペースを入れたら綺麗なコードになるのか知りませんでしたが、一応お手本はあるんですね。執筆でコードを載せるような人はご参考に。

改行位置のお手本、if 条件文でのフラグ判定時のお作法、色指定は大文字（例：0xFF00CC）だよとか、ASDoc のための規約、ブロック区切りの時の飾り線といった几帳面な人には気になっていたであろうお約束事などが細かく書かれています。驚いたのは Array の生成方法：

var a:Array /* of String */ = [];

という感じで、Array 型宣言の後に要素の型をコメントするらしいです。これは面倒ｗ。僕はもう FlashDevelop のコード補完機能に頼りっきりなので、あまり細かいことは気にならなくなってきました。動けばいいですよね。

Flash 内で GoogleMap を使う方法はいくつかありますが（参考記事：「Flash と GoogleMaps を連携させるライブラリ」）、今僕は AS3 製作にて AFComponents の「UMap(AS3.0)」を使っています。Showcase でも紹介されていますが「東京マラソン」の公式サイトでも使われているようです。

使用にあたっては最初に会員登録作業は必要ですが UMap は無料で使えます。（商用利用時の権利について 5ive の中の人が分かりにくいと仰ってたのでその時には要注意。）

UMap 導入からASベースでの使用解説も Flash OOP Japan 様のサイトで日本語で拝見できるし、本家サイトのチュートリアルやフォーラムが充実しているので助かります。もちろん API ドキュメントもあります。

と、充実しているのにつまづく僕用のメモ。

全文を読む

AS3 の Tween といえば「Tweener」。それを便利にしたのが fladdict さん。

「fladdict.net blog: Tweener拡張で、MovieClipをMatrixで超変形をできるようにした」

一方、FuseKit(AS2) の作者が手がけるこれから期待の AS3 用トゥイーン＆物理ライブラリが「Go」。それを便利にしたのが hydrotik さん。

「hydrotik | flash/design/photography » Blog Archive » Go 0.4.4 + HydroTween + Guide + Source Code」

どちらも .as の中身まで見られるし、何より生々しく使えそう。一方の僕は「ライブラリ降臨」をひたすらに待ち、一喜一憂するのみ。雨乞いをするお百姓さんの如し。ナマンダブー。

インターネットチャンネル用の Flash コンテンツ制作時の留意点。

全文を読む

起動の遅い Flash のヘルプを見るよりも、自分のエントリをググる方が速かったりするのでコピペ用にエントリ。

全文を読む

先日は AS3 でしたが、今回は AS2 での XML 処理についての話題です。

CASA の XmlUtil でホットペッパー Webサービスの XML を処理しようとして少しつまづいたので MTL ブログの方にまとめました。

「XML のノード名が ActionScript 予約語とバッティングした時の対処方（AS2 & AS3） : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ」

以前も一回つまづいて、懲りずにまたひっかかったのでさすがにまとめました。

余談ですが：
AS2 での XML の取扱は XPath4AS2 もありますが、大量のデータを処理する時に画面が固まる（リンク先コメント欄を参照）ことがあるので、今は CASA の XmlLoad & XmlUtil しか使っていません。もはや Flash 標準の firstChild とかは忘れました。

さらに余談ですが：
MTL ブログのこちらのエントリで紹介されている GoogleMap & Flash のサイトなんですが、Map の上に透過 Flash レイヤーなのか、Flash に Map を組み込んでいるのか、簡単に見分ける方法とかあるんでしょうか？

Flash/ActionScript 3.0 でいろんなサンプルを公開している実験サイト (experimental site) である「Mr.doob」。既に有名なサイトですが、中にはパッとアクセスしてトップのサンプルだけ見て閉じちゃった人もいるかもしれないので、ちょっと紹介しておきます。

全文を読む

ちょっと気になるのだけど、調べてる時間がないまま力技で解決し、結局調べずじまいなことをメモしておく場所。

全文を読む

[1, "hello", 1, "world", "hello"] という配列があった時に、配列内の重複する要素の個数をカウントして、「1が2個、"hello" が2個、"world" が1個あるよ」ってのが知りたくて、調べてみたところ php の array-count-values 関数が該当することが分かりました。ActionScript2.0 では同様の関数が見当たらなかったので、似たようなのを作りました。php のソースコードの見方が分からなかったので、アルゴリズムも自力なのが不安ですが一応動いているので、誰かが添削してくれるのをうっすら期待しつつ一応公開しておきます。

追記：
いろいろご教授いただきまして、コメント欄だとコードの表示が崩れるので本文エントリに追記していきますね。ありがとうございます。
頂いたコードは全て Flash のフレームにコピペするだけで動くので、試しに動かしてみて皆さんのコードのスマートさを味わってみてください！

全文を読む

以前のエントリ「ロードした画像達をタイル上に並べる」にコメントを頂いて、留意点ぽいとこがあったので紹介してみます。

CASA の DistributionCollection クラスを使えば「予め設定しておいた矩形エリアの範囲内に収まるように、複数個のオブジェクト（MovieClip, TextField, Button）を敷き詰めることができる。もちろん端にくれば自動で折り返してくれるよ。マージン（間隔）も個別設定できちゃう。」という便利機能です。

全文を読む

なんだかんだで３時間ぐらいハマってるので。。FlashPlayer7 コンテンツ（AS2）にて：

1. 背景上に
   
2. 空ムービークリップ "holder" を生成。
3. holder 上に外部 JPEG 画像（風景写真）をロード
   
4. 画像がロード完了したら、holder 上に リンケージ登録された MC（窓枠的なもの）を attachMovie する。
   
5. 下のようになるはずだったのに、窓枠が表示されない！！！
   

全文を読む

AS3 をやっていると意味がよくわからない怒られ方をします。昨日のエントリに続き、分かりにくいエラーメッセージとその意味＆対処法をちょっとずつメモする予定地。

全文を読む

昨日は凄いセミナーに参加したのに、肝心の僕は AS3 駆け出しです。駆け出しっぽい留意点をメモしておきます。

全文を読む

以下の通り、ActionScript のイベントが開催されます。

以前から悶々と悩んでいたのですが、少し光が見えました。

追記：非常に有益なコメントをいただいて、都合４つのアプローチが分かりました。詳しくは MTL ブログの方で。

「Flash と GoogleMaps を連携させるライブラリ : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ」

皆さんは今までどうされていたのでしょう？レイヤーによる「かぶせ方式」以外では、Yahoo Map のFlash版地図API を使うのが王道だったんですかね？

参考：
「wmode=transparent で全角テキスト入力するには…｜_level0.CUPPY」
「Yahoo Flash版地図API を swf に読み込む (Unknown Quality)」
「Yahoo Map Flash版API を Flash から操作 スタッフブログ 香川県 ホームページ制作会社 WEB CONSULTING FEEL」

おまけ：

クリスマス仕様の MTL ロゴを作ってみました。気分は Google ロゴデザイナーです。

ActionScript 2.0 の２大フレームワーク（勝手に決めました）「CASA Framework」と「FuseKit」。FuseKit はアニメーション表現を簡便にしてくれ、CASA はいつもやってる地道な作業をより直感的に短いコードで実現させてくれます。

使う使わないはともかく、何ができるかはサラッと目を通しておいた方がいいと思います。といっても僕自身が CASA の全容を知らないので、ドキュメントを翻訳しつつサンプルを動かしてみるという、いつものスロースタディです。副産物を公開しておきます。

全文を読む

サウンドヴィジュアライズについては CBCNET コラムでも言及させていただきましたが、その最新事例。Papervision3D と連携させてます。

「lukesh +interactive」というブログの
・「Papervision3D v2 Sound Visualizer Experiment 1」
・「PV3D Visualizer Experiment 2」
の２記事。

幻想的な表現になってます。

全文を読む

CBCNET の第２回コラムで紹介したマイクを使ったサンプル３点のソースを置いておきます。

その他、AS3 で Microphone クラスを使うにあたって僕がつまづいた点をメモしておきます。

全文を読む

CASA Framework の LoadGroup でまとめてロードしたサムネイル画像を、所定サイズ内に収まるようにタイル上に並べたくてとりあえず書いたコード。

今から根本的に違うもの作るから一時保管メモ。

全文を読む

物理エンジンライブラリ「Fisix」。今ちょっと触っているのですが、どうせ１ヶ月もすればスッパリ忘れてしまいそうなので、基本の基本からメモしておこうと思いました。

書いてる本人以外には分かりにくいと思います。

参考：
APIリファレンス

全文を読む

Adobe MAX Europe での Peter Elst さんのセッションの様子を撮影＆公開されている方がいました。

「João on Flex with CF: Best Practices for Developing with ActionScript 3.0 by Peter Elst - Videos」

この方のブログでは他にも Adobe MAX の各セッションを公開されています（←これ合法？僕も録画した映像持ってるのですが）。このビデオの内容が理解できる方は MAX に行けばいいし、理解できない方でもセミナー後に名刺を渡しにいける根性がある人も行けばいいと思います。

Flash クリエイターの方向けの英語力チェック教材としていかがでしょうか？

全文を読む

米国 Adobe が今まで執筆してきた ActionScript 関連記事を一気にまとめたリンクポータル「ActionScript Technology Center」を用意してくれています。ページ上部には AS3 関連リンクが網羅されていますが、下の方に AS2 情報もあります。

時間ができたら入り浸りたいです。

全文を読む

シカゴから帰ってきました。Adobe MAX 関連のエントリーは引き続き MTL ブログの方にエントリしていきますが、次のエントリからはレア度の高い各セッションごとのまとめ記事を書いていこうと思っています。

セッションレポート第一弾は 炎が出るWebカムサンプルといった表現系から ツール開発までを手がけられているマルチすぎるクリエイター Grant Skinner さんのセッション「Fifty Reasons Why ActionScript 3 Rocks」を聴講してきたレポートです。

「ActionScript 3 がイケてる50の理由：メディアテクノロジーラボ　ブログ」

こういう風に細かくリストアップされた項目に対してちょっとずつ肉付けしていくことでできる資料も面白そうですね。分かる範囲で追記していこうと思います。（今は分からないことだらけだけど。。）

全文を読む

先日から Papervision3D で遊んでいます。もう既に国内で有益なまとめ連載記事を公開してくださっている方がおられますので、今から勉強するなら、その先輩方の記事が大変役にたちました。

• note.x 様の papervision3d 連載記事
• 【閃光的網站・弛緩複合体 -Review Division-】様の Papervision3D 連載記事
• f-site むらけんさんの Papervision3D 連載記事
• 自分の del.icio.us の Papervision3D + source タグリンク

特に上の2サイト様は Papervision3D 記事だけでも相当な記事数（PV3Dデビューの方はページ下端の「前の記事」リンクで始めから拝見しましょう）があり、note.x 様は、最近リリースされた Papervision3D バージョン1.5に合わせて、以前の記事をリファインしてくださっているので、すごく頼もしい資料でした。

で、タイトルの件です。

全文を読む

今までネットや書籍でパラパラとは見ていましたが、今日から本腰を入れて ActionScript3.0 の勉強をしていこうと思います。

全文を読む

チュートリアルビデオ中でも解説していますが、しつこくテキストでも紹介しておきます。

以前 XPath4AS2 の解説 で使った XML ファイル を流用して、CASA framework ではどうやるのかを紹介していきます。

また、今回以降、XmlUtil クラスを使ってパースしたデータの格納先を Object 型ではなく Array 型にするようにしました。詳細は以下。

全文を読む

ひとしきり反省し終わったので、今日の後半の作品で紹介したテクニックの関連記事をまとめておきます。随時更新していきます。

全文を読む

SWX で僕が知っているのはこれぐらいで、twitter をいじりやすくするのが主な機能なのかと勝手に思っていましたが、AMFPHP（←これもよく知らない） ばりにデータのやり取りをしやすくするフォーマットなのですか？JSONより便利と言われても JSON を知らないんです。。

全文を読む

追記にて解決済

スコア履歴のようなものをAS2のSharedObjectで作る際、SharedObjectに配列を格納して、追加スコアを concat してできた配列の要素数（length）が2になる。

concat側が原因かとも思ったけども、SharedObject.getLocal 直後の data.hogeArray の length を trace すると、既に 2 になっているで、こっちが原因？

例えば過去9回スコア記録しておいて10回目のスコア（3点）を書き込む際：
「8,7,6,3,4,7,5,7,5」と「3」という2要素として扱われているっぽい。

とりあえず対応策として、

var str:String = String(my_so.data.hogeArray);
var newArray:Array = str.split(",")

という感じで、一旦すべてを文字列化、改めてカンマ区切りで新規配列に格納して対応しておいた。

追記：
makoche様に頂いたコメントのおかげで解決しました！！
参考までに、僕が作っていた、ローカルにスコア履歴を追加していくサンプル（固有PCにおいてのスコア記録をしたかったんです）：

var score:Number = Math.floor(Math.random()*99)+1; //スコアを適当に
var loadedScore:Array = new Array(); //soロード用

var so:SharedObject = SharedObject.getLocal("myScore2");
if(so.data.score == undefined){ //初回
     so.data.score = new Array();
}else{ //２回目以降
     loadedScore = so.data.score; //こちらが正解。
     //loadedScore = new Array(so.data.score); //←ここでミスってました！！！
}
var newScore:Array = loadedScore.concat(score);
so.data.score = newScore;
so.flush();

配列になれよと文句を言いつつ、自分で new Array( ) でくるんでしまっていたという凡ミス。くるみすぎ！

一昨日、Wii 公式サイト内に「インターネットチャンネル向けのウェブページを作りたいのですが…。」が公開され、インターネットチャンネル向けに作った自作ウェブページでも、Wii リモコンの傾きとセンサーバーまでの距離が検出できることが分かって、開発者の方々が大喜びしているご様子。

僕も昨晩「TAKESAKO @ Yet another Cybozu Labs」様の記事を参考に、初心者レベルの JavaScript を書いてテストして検出できて大喜びしました。今日になったら、上記 Wii サイトに「インターネットチャンネルの拡張機能を使ったサンプルページ」が追加されているようで、このページを Wii で見るのが手っ取り早いですね。

あとはやっぱり、この「傾き」と「TVまでの距離」を生かした Flash コンテンツを作りたくなってきます。どうすれば良いのかを悩んでみました。

全文を読む

「ActionScript 3 Tip of the Day - kirupaForum」

kirupa.com 内に結構な量の ActionScript 3.0 のチュートリアルへのリンクがまとめられています。 以前に del.icio.us に登録しておいたのですが、今日またブクマしかけたので、ブログエントリして覚えておくことにしました。

僕の del.icio.us のタグクラウドが表示されなくなりました。結構まとめてたのでがっくりです。解決法をご存知の方 or 同じ症状の方おられますでしょうか？

5/21追記：今日見たら治ってました。お騒がせしました。

全文を読む

ActionScript 3.0 にて、Web カメラからの入力を BitmapData としてキャプチャし、その画像を ByteArray に変換して、JPEG 画像としてローカルに保存！という作業をやりたくて、それとなく記憶していたサイトを再訪してみたら、4/15にソース公開されていました。

全文を読む

以前作った Cover Slow 表現の記事に問い合わせがあり、カスタマイズ方法を教えて頂戴とのこと。昨日夜中にあれこれいじっていたら、ついでにバグも見つけたので、ご報告がてらエントリしておきます。

追記：
内容を上手くまとめられなかったので、記事自体もテストのためのセッティングも意味不明気味なので、適当に流し読みしてください。

全文を読む

FLAファイル内記述型で FlashPlayer7 サポートという前時代的な仕様ながらも、結構使っていただいているらしい「Flashスクロールバーのサンプル」ですが、スクロールバーのハンドル部分が伸縮しないタイプのご要望をいただいたので作りました。

全文を読む

昨日のエントリ：
「BitmapData を使って Flash Player の再生パフォーマンスを改善する方法」
本家記事からダウンロードできるサンプルファイル一式読んで気づいたことをメモしておきます。

全文を読む

昔作った「Cover Slow」のページに、海外の方からの質問があり、僕には英語でソースを解説する芸当などできそうにないので、チュートリアルビデオを作ってみました。

前にソース公開しておいた状態では、配置されている16個の画像が全て同じでした。（ナンバリングはしていたけれど。）どうやらここに異なる複数画像をレイアウトしたいとのこと。これは coverSlow.flaの冒頭の設定部分をいじればOKです。あと、レイアウト個数の設定と、背景色の変更の仕方もついでに録画しておきました。

全文を読む

BIG SPACESHIP LABS さんの、Flash の再生パフォーマンスを上げる工夫のパート2が公開されていますね。
「BIG SPACESHIP LABS / » Flash Performance Tips Part II」

前にパート1も訳したので、このパート2も訳しました。今回も快諾を頂けましたので、公開します。

全文を読む

先日GIGAZINEさんがエントリーされていたので、もはや周知でしょうが、今 Flash3D 界で旋風を巻き起こしている3Dライブラリ「Papervision3D」。 上のGIGAZINEさんにも、いろんな作例がリンク付きでまとめられていましたが、先日、Papervision3D 開発者本人のBlogにて、有名どころの作例へのリンクが、キャプチャ画像付きでまとめられています。Wiiリモコン + Papervision3D や、音波形に連動させたりと、いろいろあります。なにしろ本家サイトなので、これからの更新も期待できるので、定期的に覗かせてもらいます。

追記：
上のリンクにはまだ載ってませんが、バンプマッピングされた地球とサイのサンプルも必見です。

全文を読む

去年8月にエントリした「Flashスクロールバーのサンプル（flaファイル付き）」ですが、エントリ上の swf は Windows でのマウスホイールに対応しているのに、ダウンロードしたファイルでは対応していないとの旨のコメントをいただきましたので、修正してアップしなおしました。

全文を読む

ActionScriptの勉強で、海外の人のソースを見ることもあるかと思いますが、コード内のプロパティ名やメソッド名で使われている英単語の意味を知っておけば、スクリプトの挙動が想像できて理解しやすくなります。

そういった英単語を気ままにリストアップしていこうかと思います。僕も日頃から使うようにして、海外の人が見ても分かりやすいコードを書きたいなと思っています。各単語とも、goo辞書へリンクしておきましたので、発音の確認もしてみてください。

全文を読む

Flashでできるだけ Cover Flow っぽいものを再現してみようという個人スタディでしたが、一応完成ということにしておきます。Cover Flow ほど、ブワーッと Flow しないので、「Cover Slow」と命名しました。

1. 簡単なクラスの作成
2. それを拡張したクラスの作成（reflectionFlipper.as）
3. Sandy の DistortImage の使用
4. World3d (ベースは Simple3D ) クラスによる 3D 座標のプロット
5. Fuse Kit（ver 2.1 公式リリースしてる！） によるインタラクション

全文を読む

昨日の記事の手法をベースに、床面に対して鏡面反射表現ができるクラス、Reflection.as を作り直しました。

全文を読む

透明な bitmapData インスタンスを生成し、空のムービークリップに artachBitmap した後、次のような命令を実行するとします。

1. 画面左上の "mc1" を draw する。
   myBitmapData.draw(mc1);
2. さらに、同じ myBitmapData に対して、透明な領域を持つ "mc2" を draw する。上書きする感じですね。
   myBitmapData.draw(mc2);

全文を読む

アメリカの製作会社「BLITZ」のラボサイトにて、Flashで3D空間をさまよう感じのナビゲーションのサンプルをflaファイル付きで公開されています。数種類のサンプルが公開されていますが、最後の方のサンプルはオブジェクトのアングルも変わるので驚きました。

僕の勝手な思い込みですが、国内でもこの表現を作りたがっているFlashクリエイターって結構な数いるんじゃないかと思うのですが、それは攻殻機動隊とかカウボーイビバップのネット空間の表現に憧れている世代に多いんじゃないかなぁと思うのです。
ユーザビリティーや描画パフォーマンスのことを考えると、別に3D空間である必要はないのかも知れませんが、この手のサンプルを見るたびに、なぜかワクワクしてしまうアニメ好きの自分がいます。

気が向いたときに作っている、「Flash で cover flow 表現」ですが、なにやら違うものができてしまい、これはこれで一応アップしておきます。一言で表現すると「爽快感のない cover flow」って感じです。

2/4追記：
細かいバグを修正後、こちらのページでソースファイルごと公開しなおしました。

全文を読む

FlashFilterLab の名の通り、Flashでの処理内容・命令が、パーツ（部品）になっていて、ドラッグ＆ドロップで、そのパーツを組み合わせて連結し、Filterの処理をWeb上でリアルタイムに確認できるWebサービス。

サイトには、「簡単にエフェクトが作れるので初心者でもお気軽に…」と書かれていますが、Webカメラとの連携を勉強したい上級者の方にもおすすめ。（僕には難しすぎました。）

全文を読む

新登場のActionScript2.0 用フレームワーク「CASA」。僕はまだテストしていないので、そのすごさは未知数ですが、ドキュメントを見る限り、いくつか使ってみたいクラスがあります。全般に、Flashでの基本的な「足回り」を簡便化してくれる印象。

今年後半にはActionScript3.0 への移植が予定されているのも高ポイントです。

Flashを便利にするための機能拡張をたくさん販売している「Flashloaded」にて、Flashでの奥行き表現・3D空間表現を簡単に作ることができるコンポーネント「3DEnvironment」が $59.95 にて販売されています。お金を取るだけのことはあって、MC同士の深度管理や、キーボードでの操作に対応させてあったするので、自力で作り上げる場合との費用対効果を考えた上で、試してみるのも一興。リンク先に制作サンプルが何点かあります。

全文を読む

正確にはMVCパターンはデザインパターンではないようですが、あまり気にせず進めていきます。

アプリケーションの構造を、その役割ごとに、Model, View, Controllerの３つに分けて考えることで、役割の所在を明らかにでき、修正の際に便利＆他人のコードも把握しやすくなるのがメリットでしょうか。

MVCの一般的な考え方は、Javaの書籍などで後日補強するつもり。今回も「Object-oriented ActionScript for Flash 8」の12章で何をやっているかだけを後読のためにメモ。あんまり理解できてないなぁ。

全文を読む

「Decorate（飾る）」の言葉通り、何か機能を追加したいクラスがあった時、そのオリジナルを直接編集せず、その機能を引き継いだDecoratorクラスを作成し、そこで追加機能をトッピングしていく手法。

それならextend（継承）するのと一緒やん、と僕も思いましたが、
Decorator パターンデザインパターン[モデリング] -TECHSCORE-
様の記事を見て、その便利さが分かったような気がします。たしかに記事のような場合、継承する場合と比べて、クラスファイルの数をぐっと減らすことができますね。

どのクラスを機能拡張させるかを、あとからでも柔軟に選ぶことができる。こんな感じでしょうか。

全文を読む

Singleton（シングルトン）パターンは、インスタンスを絶対に１つしか持たないクラスを設計し、そのインスタンスにプロジェクト内のデータ管理を一極集中でマネージメントさせる手法。

まぁ管理するほどデータが多くない場合や、p172, 173のような擬似Singletonパターンでも、力技的でアリといえばアリなのだけど、やはりSingletonパターンを採用する理由を挙げるならば、唯一の存在であると保証されているインスタンスでデータ管理することの安心感を、制作者本人だけでなく、プロジェクトメンバーの共通認識として保障しておけるのがメリットな感じです。あと、コードもスマートですし。

全文を読む

引き続き「Object-oriented ActionScript for Flash 8」12章のObserverパターンについてメモ。エントリの内容は、実際に本を持っていないと分からないかと思います。

全文を読む

「Object-oriented ActionScript for Flash 8」の12章では、Java等の他言語で使われている多くのデザインパターンから厳選し、Flashで多用するであろう４つのデザインパターンについて詳細に解説する形式をとっています。12章は以前読んだのですが、日頃意識してデザインパターンを使わないせいか、すっかり忘れてしまっていたので読み直しました。

全文を読む

独学でプログラムを勉強してきたので、時々、ありえないぐらい初歩的なことを知らなかったりします。今回紹介するのは、最近、恥を忍んで人に聞いて、火が出るぐらい恥ずかしい思いをしたコーディングです。

全文を読む

Sandyとは「３（サン）D（ディー）」の名の通り、Flashで3D処理を扱うためのオープンソースのライブラリです。「Open Source Flash - sandy」が公式トップだと思います。ページ中の3D猫のサンプルを見ていただけると、どこまで3Dできるかが分かるかと思います。Flashで、3D Studio Maxのような3Dソフトの .ASE や .WRLといった形式のファイルをパースすることができ、テクスチャまで貼れるという、相当な本気仕様です。詳細な解説�