BeautiflはFlash(ActionScript 3.0)のオープンソースの秀作を集めたギャラリーサイト。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。

最近ASデザインパターンの本が話題ですね。 そんなところで、開発中にでくわした改良のアイディアをパターンになぞらえて書いていこうかと思います。 AS3の開発でのボトルネックはエラー処理、とりわけ参照がNullであることによる例外をどうするかって場面だと思います。 Null Objectパターンをつかう 先ほどの案件で外部ファイルを読み込むにあたり、仮に読み込みが完了してなかったり、開発中で不足してるときにオブジェクトがない可能性を考えて作る必要がありました。 そういう場合はifステートメントで有無を確認して分岐したり、try...catch構文でエラーを回避したりしますが、可読性が落ちたり、いちいち書き換えることで手間や公開時に間違うリスクを増やすことになります。 if( se ) { se.play(); } // または例外をひろって停止するのはとりあえず防ぐ try{ se.play

Flashは、WEBサイトに複雑な動きを加えることが出来るアニメーションムービーですが、Flash ActionScriptが書けないと複雑な表現はなかなか難しいんです。 例えば、イラストなどのオブジェクトが右から左に動いたりするモーショントゥイーンや、円が四角形に変るシェイプトゥウィーンなどのアニメーションは、最初のコマと最後のコマを結んで上げれば出来ますが、上記のような、半永久的に異なった起動を描く光などはActionScriptに限ります。 また、こうして作ったFlashムービーを見るためのFlash Playerの普及率は非常に高く、大抵のパソコンでFlashムービーを見ることが出来ますが、製作者側はそれを過信して新しいバージョンで制作すると大きな誤算が生まれ、発注した企業の担当者様からこんなクレームを言われてしまいます。 「なんで強豪他社のWEBサイトのFlashは見えて、作って

スクロールバーやスライダーってなかなか使いまわせないし、決定版ができないですよね。 いっこいっこ見た目や機能が微妙に違うし、連動させる対象や表現も違います。 個人的にも何度Scrollbar.asを作ったかわかりませんが、何回か作ることで方向性が見えてきた部分もあります。 実装方法というよりその考えかたの部分を書いてみたいと思います。 見た目を無視する＝数値化する＝抽象化する まず見た目が一番ややこしいので、まず忘れます。 つまりスクロールバーの本質は、コンテンツをスライドさせるものではなくて、0%～100%(0.0-1.0)の値をスライドさせているものだと捉えます。こういう数値としてしか見ない見方を、抽象化するといいます。 本質的に、やりたいことはある範囲を限界を超えないで行ったり来たりする操作です。表現としてスライドするかぐるぐる回るかといったことは、その具合を具体的に反映した結果でし

いつもAS3について考えているつもりなのに数学ネタに終始していて、ホント響かないエントリーを量産し続けるtaroであります。今回お送りするネタをまとめてみました。 flashならイージングだろってことで今回はeasing関数についてのお話をしようと思います。あ。結局関数なのね。そうです！ ・easing関数の使いどころ ・easing関数を合成しよう easing関数の使いどころ 今回はfl.motion.easing.*の使い方を考えてみます。 Tweenerだと、caurina.transitions.Equationsに入っている関数群、 TweenLite / TweenMaxだと、gs.easing.*にあるクラスに含まれる関数群も同じ働きをするので、 同様のtipsが使えます。 これらの関数は4つのNumber型の引数を取り、Numberを返します。 public static

Flash向け通信ライブラリ「nine」の無料配布が開始されたという、口コミが寄せられました。 本ライブラリは、高速でダイナミックなFlashアプリ開発をサポートする通信ライブラリです。 高速な接続管理やストリーム通信、メッセージ通信等の通信プログラムの基本的な機能を提供します。 ■開発環境： Flash CS4,FlexBuilder3 ■動作環境： FlashPlayer10以上 nine for Flashダウンロードページはこちら http://www.fenixsoft.jp/service/nine_lib_download.html 詳細はこちら。 http://www.fenixsoft.jp/news/press_release_nine_for_flash.html この記事にコメントを書く 記事に対するテクニカルな質問はご遠慮ください（利用規約）。 名前（必須）： メ