BitmapData.perlinNoise()のサンプル - プログラミングとかそんなの
BitmapDataクラスのperlinNoise()メソッドの実行結果を確認するためのFlashを作成してみました。perlinNoise()メソッドは、ランダムな雲模様や縞模様を作成する際に使います。通常は、DisplacementMapFilterと組み合わせるなどして利用し、単体で利用することは少ないです。 BitmapData.perlinNoise()の動作確認 このサンプルでは、右側のコントロールで指定した値がPerlinNoise()に渡され左側のプレビュー領域に表示されます。 使い方１：雲模様を作る BaseX、BaseYの値を1以上に設定するとノイズは雲模様になります。 使い方２：縞模様を作る BaseXの値を0にし、BaseYを1以上に設定すると縦の縞模様になります。逆にBaseXを1以上にし、BaseYを0にすると横の縞模様となります。 サンプルファイルのダウンロー
casualplay.net blog: 流れる雲 - perlinNoise
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
casualplay.net blog: 波紋エフェクト - DisplacementMapFilter
結構スタンダードなエフェクトだと思いますけど、一応のせときます。perlinNoiseで移動させた画像を置き換えマップに使用しただけ。マウス位置で変化量が変わります。他のフィルタと組み合わせて立体感を出すつもりでしたが、フィルタを重ねるとどうしても重くなってしまうので断念。ま、これだけでも充分重い気がしますけど。 数値を調整したり他のエフェクトと組み合わせれば、陽炎や磨りガラスなどの効果も可能ですが、モーションをつける場合は、ちょっと大きい描画領域に適用すると重くなってしまうので、なかなか使いどころが難しいです。 ちなみに、DisplacementMapFilterを適用する画像は表示領域よりも少し大きめの画像を用意する必要があります。そうしないと、フィルタを適用した際、アウトラインがはみ出してしまってかっこ悪いのです。 DisplacementMapFilterについては以前のエントリー
紙が燃えていくようなトランジッション - threshold/perlinNoise
perlinNoiseで生成した雲模様ビットマップをアルファチャンネルマスクのしきい値を計るソースイメージとして使用し、thresholdメソッドを使ってしきい値の値を黒(0x000000)から白(0xFFFFFF)に近づけ、しきい値以下をアルファ(0x00000000)に置き換えていくことで、こんな感じに。しきい値の数値が一定に達したところで処理を停止し、画像の深度を入れ替えています。 今回、焦点がずれるので2つの画像は外部から読み込まずにステージ上にMCを配置しました。画像を外部から読み込む形にする場合、loadClipを使って読み込み処理を終えたことを確認してからsetMaskでマスク処理、という手順が必要なのでご注意を。 import flash.display.*; import flash.filters.*; import flash.geom.*; var w:Number
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
