A modern partner to ambitious brands. We help organizations connect with audiences through a deep understanding of culture and behavior.
![Big Spaceship](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7da06248f2c833023866e958fd08a14291c04ef/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2F8ify6rodzca5%2F68w7NikTXU4CkOM06MMQuY%2F961dfb0c33b46f07f430f99a39de6665%2Fbss-share.jpg)
FlashFilterLab カシモンドから転載。 パッチをつなげ合わせて、ビジュアルエフェクトを構築するflashアプリ。 前々から作りたいなぁと思ってたのを、見事にやってくれてます。 画面左の StartLab から体験ができます。 アプリがどうとか以前に、適当にパッチを組み合わせていると、「Flashでこんな表現できたんだ!!」みたいなものがポコポコと生まれてきて、インスピレーションがブリブリ沸いてきます。
DisplacementMapFilterについて this is flash contents. flash.filters.DisplacementMapFilter... こいつを極めるとビットマップ画像の大概の変形はできちゃうみたい... ひょっとすると国勢調査権なんかより威力ある. んで,このフィルターなんなの?ってのは3Dソフトなんか使ったことある人だとバンプマッピングとか不透明度の設定で特定のマップ用画像を設定してその明度なんかでその位置にそのエフェクトをかける量なんかを調整したことがあると思う. このフィルターも同じようにマップ用の画像を引数にとって,その特定のチャンネルをX軸,Y軸に設定してそのチャンネルの彩度によってDisplacement(移動距離)を調整することが出来る. これを使うと3Dのマッピングのようなことが出来たりしちゃう. Displacemen
スクリプトの内容は前回のエントリー(紙が燃えていくようなトランジッション)とほぼ同様ですが、今後も使い回せると思うのでClassファイルにしておきました。数値なども少しだけ変更を加えています。 前回はperlinNoiseでしきい値を計るソースイメージを生成していましたが、今回はあらかじめ用意した画像を読み込む形にしています。これで画像を入れ替えるだけでまったく違った効果ができてしまうわけです。 今回はPhotoshopで作った下の画像を使用。 黒い部分から白い部分にかけて消えていきます。この場合、中心から外側にかけて白を強くしているので、中心からイメージが切り替わるようになります。 ちなみに今回は1回目と2回目でマスク用のソース画像を反転させているため、逆再生になっています。 Transition.as import flash.display.*; import flash.filte
perlinNoiseで生成した雲模様ビットマップをアルファチャンネルマスクのしきい値を計るソースイメージとして使用し、thresholdメソッドを使ってしきい値の値を黒(0x000000)から白(0xFFFFFF)に近づけ、しきい値以下をアルファ(0x00000000)に置き換えていくことで、こんな感じに。しきい値の数値が一定に達したところで処理を停止し、画像の深度を入れ替えています。 今回、焦点がずれるので2つの画像は外部から読み込まずにステージ上にMCを配置しました。画像を外部から読み込む形にする場合、loadClipを使って読み込み処理を終えたことを確認してからsetMaskでマスク処理、という手順が必要なのでご注意を。 import flash.display.*; import flash.filters.*; import flash.geom.*; var w:Number
DisplacementMapFilterは、特定のビットマップ(置き換えビットマップイメージ)のピクセル値に基づいて、ムービークリップやビットマップを変形させることができます。PhotoShopでいうと、[フィルタ]メニューから[変形]→[置き換え]で同様の効果。 下図の場合、赤を基準にY方向へ移動させているため、置き換えビットマップの赤の値が中間値(128)より小さいピクセルほど下(正)方向に移動し、赤の値が大きいピクセルほど上(負)方向に変化します。 慣れるまで結構しんどいフィルタですが、よく使う変形のグラデーションパターンを一度作ってしまえば、あとは使いまわすことができます。特に厳密な計算をする必要がない場合は、ステージ上で置き換えマップを作ってしまってもよいかと思います。 以下のサンプルでは、埋め込みフォントを使用する際、必要な文字を埋め込んだダイナミックテキストを別途ステージに
BitmapDataクラスのperlinNoiseメソッドを使用することで、Photoshopでいう「雲模様」の効果を作ることができます。例では簡易的に雲を表現しましたが、他のフィルタと組み合わせることで、煙や炎などのリアルな表現もFlashのみで表現することが可能になります。 ステージ上にアルファを含んだグラデーションで塗った長方形"gmask"を配置し、アルファチャンネルを利用したマスクとして雲に対して適用しています。アルファチャンネルのマスクを利用するためには、マスクと対象のムービークリップのcacheAsBitmapをtrueにする必要があります。 import flash.display.*; import flash.geom.*; var w:Number = 360; var h:Number = 150; var octaves:Number = 3; var bmp:B
ColorMatrixFilter クラスを使用すると、モノクロ効果や色相回転など、幅広い効果を演出できます。4×5マトリックス(行列)を用いて計20の値を設定する必要があります。 特にアルファの値を上手く操作して背景のオブジェクトと重ねることで、面白い効果を作れそうです。 下記ではムービークリップ [mc] をモノクロに変換します。これ以外の設定値は上のFLASHを参考に。 import flash.filters.ColorMatrixFilter; var matrix:Array = [ 1/3, 1/3, 1/3, 0, 0, 1/3, 1/3, 1/3, 0, 0, 1/3, 1/3, 1/3, 0, 0, 0, 0, 0, 1, 0 ]; var clr:ColorMatrixFilter = new ColorMatrixFilter(matrix); mc.filters
matrixを使いこなせるようになると、drawメソッドでビットマップを自由に操作することができます。 サンプルでは、matrix.scaleで拡大させていますが、左上を基準に拡大されるため、このままだと中心がズレてしまうので、matrix.translateで移動量だけ中心に戻しています。カラーはタイムラインで変化させて、フレームに飛ばしてます。 import flash.display.*; import flash.geom.*; import flash.filters.*; var scale:Number = 1.24; var blur:BlurFilter = new BlurFilter(1, 1, 2); var dep:Number = 0; this.createEmptyMovieClip("src_mc",1); this.createEmptyMovieCli
BlurFilterクラスのフルネームは、flash.filters.BlurFilter。「ActionScript 2.0リファレンスガイド」(図001)で確認する。 図001■BlurFilterクラス import宣言すれば、そのスクリプトペイン(ウィンドウ)内は、クラス名だけでアクセスできる。 // importでBachのフルネームを宣言 import johann.sebastian.Bach; // 以下Bach var myMusician:Bach = new Bach(); 以下のスクリプト(スクリプト001)は、ステージに配置されているMovieClipインスタンスmy_mcに、DropShadowFilterとBlurFilterを適用する(サンプル001)。 サンプル001■DropShdowAndBlur スクリプト001■MovieClipにDropShad
FlashやFlex,(Ajax),S2Flex2,ActionScript3,yui-frameworks,Akabanaプロジェクトなどのメモ帳 Flash(Player)8の新機能のひとつであるファイルのアップロード/ダウンロードサポートを利用した、ファイルブラウザ Flash 8 FileBrowserが公開されていました。いまはバージョンアップしてV1.1になっています。 アップロードを受け付けるサーバ側はPHPで実装されているようです。 Flash8の機能を使ったサンプルはこれまで何度かみていましたがこの Flash 8 FileBrowserは、demoを見ると複数ファイルのアップロードや、アップロードされたファイルのプレビュー、複数ファイルのダウンロードなどができたりと機能豊富です。 ソースコードも公開されておりダウンロードできます。 ダウンロードしたファイルを展開すると、
Update Notifications You can add our RSS feed to your favorite feed reader or recieve an email when a new article is posted by entering your email address below. Shu Player allows you to distribute your AIR Applications to users that dont have the AIR Runtime by converting them to standalone applications. Shu Player also adds more commands to do things like open external applications etc… If you h
1. ぼかしとドロップシャドウフィルタ スクリプトによるフィルタの基本的な使い方について、詳しくは「スクリプトでフィルタを使う - BlurFilter」を参照してほしい。 サンプル001■DropShadowFilterとBlurFilter(SWFのみ[*1]) フィルタを適用するには、第1にフィルタインスタンスを、new演算子で作成。フィルタクラス名は、フルネームで指定する。BlurFilterクラスのフルネームは、flash.filters.BlurFilter。「ActionScript 2.0リファレンスガイド」(図001)で確認する。 図001■BlurFilterクラス import宣言すれば、そのスクリプトペイン(ウィンドウ)内は、クラス名だけでアクセスできる。 // importでBachのフルネームを宣言 import johann.sebastian.Bach; /
via Franto.com: Flash 8 - image antialiasing problem 外部画像をロードした場合、その画像の回転や拡大縮小に対してスムージングがかからないバグ。Flash8限定。検証例 これまた激しくウザイ。 解決策は、ロードした画像をonInitのタイミングでBitmapDataにcopyPixelし、コピーのほうをスムージングtrueでアタッチしてオリジナル画像を消去する。 スゲェウザイ。 投稿者 Taka : 2005年12月17日 01:48 book bookmark はてなブックマークに追加 del.icio.usに追加 trackbacks this entry's trackback URL: http://www.fladdict.net/cgi-bin/mt3/mt-tb.cgi/416 このリストは、次のエントリーを参照しています:
FlashPlayer8で動体検知 Basculeサイトで利用するために、FlashPlayer8のBitmapDataの機能を使って、動体検知機能を作りました。動いていることを検知するだけでなく、同一のものが連続して動いていることを検知します。 (そういう意味では、これはMotionTrackingなのかもしれないと今思いました。) 仕組み 映像を毎フレームBitmapData.drawし、直前のビットマップと「差の絶対値」でブレンドし続けます。この時、黒以外の部分を動いた部分とみなします。 動いた部分の矩形が、前フレームに動いた矩形と重なっていた場合、同一の動体が動いているとみなします。 2つの動いているものが重なると、1つのものとみなされてしまったり、しばらく静止してまた動き出すと、別のものが動き出したとみなされてしまいます。 その辺の精度が上がるとうれしいのですが、僕のへぼい頭では
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く