Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0（2.0.0.18） Firefox 3.0（3.0.13） Firefox 3.05（3.5.3） Internet Explorer 6.0（6.0.3790.3959） Internet Explorer 7.0（7.0.5730） Internet Explorer 8.0（8.0.6001.18702） Chrome 3.0（3.0.195.27） Mac OS X Safari 3.0（3.2.3） Safari 4.0（4.0.3） Firefox 2.0（2.0.0.18） Firefo

※このエントリーのJSXおよびJSFLは個人的に使うレベルで作りこまれていません。何か製作中のファイルに不具合が起こっても責任を負いかねますのであらかじめご了承ください！ その1・PSDファイルのレイヤーをすべてPNGで書き出すJSX PhotoshopのデザインデータをFlashに効率よくインポートするために、レイヤーやレイヤーグループをすべてPNGに書き出す自作JSXを使います。完全にFlash用なのでPNGの余白カット&1px確保までします。 PNGファイルはPSDと同名のディレクトリに保存されます。グループ名_レイヤー名.pngのようになるのでレイヤー名をきちんとするといい感じに書き出せます。デザイナーと命名規則を共有すれば素材の更新も効率よくできるかもしれません。 ただし、即席かつ強引に行っているので書き出し自体はとても遅いです。100以上レイヤーを書き出すのはマシン環境によって

ActionScript 3.0でアニメーションを作成するための上級テクニックを詳解。複雑な形状や大量のオブジェクト間の衝突判定、経路探索・操舵行動・群行動といった強力な AI（人工知能）、より正確な物理演算を実現する数値積分法、等角投影法による3D空間のシミュレーション、Flash Player 10から備わった3D機能やピクセルシェーダ機能など、ActionScript 3.0アニメーションの高度なテクニックを豊富な事例を通じて身につけることができます。日本語版では本書で紹介するテクニックを使ったゲーム制作について“ABA Games”さんに寄稿いただきました。 ●本書で取り上げるアニメーション（サンプルコードは「関連ファイル」タブページからダウンロード可）。 ●“ABA Games”さんによる箱避けゲーム。[A]で開始、矢印キー（もしくは[A][S][D][W]キー）で動きます（最初

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに

こんにちは、satoです。 最近FlexBuilderを使って、開発をしているのですが、TODO/FIXMEプラグインというのがあるんですね。 FlashDevelopにはプラグインであるっていうの知ってたのでうらやましかったんです、実は。 プラグインの入れ方は簡単。 こちらからダウンロードしてFlexBuilderがインストールされているフォルダのpluginsフォルダに入れるだけです。（FlexBuilderを起動している場合は終了してからいれてください。） インストールし終わったら、FlexBuilderを起動すると、 ウィンドウ＞他のビュー＞一般＞タスク で開くことができます。 あとはコード内に //TODO この行がTODOでリストアップされます //FIXME この行がFIXMEでリストアップされますと入力するだけです。 タスクビューのなかから各項目のコードに飛ぶことができて便

ひさびさに Papervision3D のネタ。ActionScript 3.0の天下一武道会「checkmate (チェックメイト)」の今月分のお題に対して、クリスマスイルミネーションな作品を投稿してみました。ネットを介して投稿されたメッセージが、クリスマスの夜空に投影されるという作品です。 demo (改良版) demo & src (wonderfl版) 作品について 夜空のキラキラが集まりだし、 それらは文字となり、 また夜空に戻っていきます。 前回、wonderflでtwitterと連携したデモを投稿しましたが、今回もTwitterと連動しており、wonderfl版では加えてはてなブックマークを通して、メッセージを投稿できるようにしています。 投稿方法 画面の下側に配置されているボタンをクリックします。 Twitterユーザーであれば、自分のつぶやきの入力欄に以下のように文字が入

ウェブページ内の行動をヒートマップで可視化する「ユーザーヒート」が、ついにリリースされました！　無料で利用可能です。 「WISH2009」でプレゼンテーション、告知されていた、無料で使えるヒートマップツール「ユーザーヒート」がついにリリースされました。 ネタフル賞は「ユーザーローカル」なんていうエントリーを書いたくらい、期待大のサービスでもあります。 分析方式は3種類です。 1) ユーザーごとのマウスの動きを可視化する「マウストラック分析」 2) クリックした箇所をヒートマップで表現する「クリックマップ分析」 3) よく読まれている箇所をヒートマップで表示する「熟読エリア分析」 「マウスの動きに合わせて視線が動いてるという仮説」に基づいて、このようなヒートマップが生成されているそうです。 早速、ネタフルでもトップページに導入してみました。どんな結果になるか楽しみです！

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

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

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

日本最初の毘沙門天安置の霊場としても知られ、1300年以上の歴史を持つ古刹です。 厄除け毘沙門不動護摩行、山岳修験者、紅葉や新緑、初詣の名所としても有名です。

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