notice: Flash editor updated! Join the development! Thanks to MiniBuilder


embed

noswf download fullscreen
flash swf thumbnail play
download fullscreen
FORKED
>sort

CloudEffect forked from: CloudEffect [diff(2)]

  1. // forked from tail_y's CloudEffect
  2. package {
  3.     
  4.     /*
  5.      若干立体感のある、雲っぽい映像を作るよ。
  6.      はっきり言って重いので、実用性がちょっと無いよ！！
  7.      その代わり、リアルタイムで色合いとか変えられるから、時間に合わせて夕焼けになったりできるかも。
  8.      
  9.      仕組み的にはPhotoShopでの常套手段をFlashで再現したもの。
  10.      数値を変えるとかなりリアルなのも作れるけど、これ以上立体感を出すには他の工夫が必要。
  11.      台形変形とか、影の位置をずらしたりとかできれば・・・。
  12.      
  13.      雲模様の生成が遅いのはなんとかならないかな～
  14.      １オクターブずつ用意して、横にずれた分だけを新しく生成するとかさ。
  15.      ちょっと考えてみたけど頭痛くなったからやらなかったよ。
  16.      */
  17.     
  18.     import flash.display.Bitmap;
  19.     import flash.display.BitmapData;
  20.     import flash.display.BitmapDataChannel;
  21.     import flash.display.BlendMode;
  22.     import flash.display.GradientType;
  23.     import flash.display.Shape;
  24.     import flash.display.Sprite;
  25.     import flash.display.StageQuality;
  26.     import flash.events.Event;
  27.     import flash.filters.DisplacementMapFilter;
  28.     import flash.filters.DisplacementMapFilterMode;
  29.     import flash.geom.Matrix;
  30.     import flash.geom.Point;
  31.     import flash.geom.Rectangle;
  32.     
  33.     import net.hires.debug.Stats;
  35.     public class CloudEffect1 extends Sprite
  36.     {
  37.         public static const STAGE_W:uint = 465;
  38.         public static const STAGE_H:uint = 465;
  39.         
  40.         public static const _H_RATE:Number = 2;    // 上下の圧縮割合
  41.         
  42.         // 雲模様関係
  43.         private var _perlinNoiseBitmapData:BitmapData;
  44.         private var _seed:int = Math.random()*int.MAX_VALUE;
  45.         private var _perlinNoiseSize:Number = 0.25;    // 雲模様を画面全体に描画するのは重くて無理なので、サイズを減らす。
  46.         private var _perlinNoiseSizeW:int = STAGE_W*_perlinNoiseSize;
  47.         private var _perlinNoiseSizeH:int = STAGE_H*_perlinNoiseSize*_H_RATE;
  48.         private var _cloudSize:int = _perlinNoiseSize * 240;
  49.         private var _speedList:Point
  50.         private var _octaves:int = 5;    // 雲模様オクターブ数。レイヤー数みたいなもの。多いほど細かいけど、死ぬほど重くなる。
  51.         private var _offsetList:Array = [];    // 雲のズレ。オクターブの数だけPointが必要。
  52.         private var _offsetSpeedList:Array = [0.5, 0.4, 0.3, 0.2, 0.15];    // 雲をずらす量。
  53.         
  54.         // 立体化関係
  55.         private var _displacementBitmapData:BitmapData;
  56.         private var _displacementMapFilter:DisplacementMapFilter;
  57.         
  58.         // 色変換関係
  59.         private var _palletBitmapData:BitmapData;
  60.         private var _pallet:Array = [];
  61.         private var _nullPallet:Array = [];
  62.         
  63.         // 引き伸ばした画像データ
  64.         private var _scaleChangeBitmapData:BitmapData;
  65.         private var _scaleChangeMatrix:Matrix;
  66.         
  67.         // ちょっとしたカバー
  68.         private var _cover:Sprite;
  69.         
  70.         // その他
  71.         private var _rect:Rectangle = new Rectangle(0, 0, STAGE_W, STAGE_H);
  72.         private var _point:Point = new Point(0, 0);
  73.         private var _rectSmall:Rectangle = new Rectangle(0, 0, _perlinNoiseSizeW, _perlinNoiseSizeH);
  74.         
  75.         public function CloudEffect1()
  76.         {
  77.             addEventListener(Event.ADDED_TO_STAGE, init);    // flexBuilderとの互換性。
  78.         }
  79.         private function init(e:Event):void {    // ここから開始
  80.             removeEventListener(Event.ADDED_TO_STAGE, init);
  81.             // SWF設定
  82.             stage.frameRate = 30;
  83.             stage.quality = StageQuality.HIGH;
  84.             
  85.             // 雲模様データを用意する
  86.             _perlinNoiseBitmapData = new BitmapData(_perlinNoiseSizeW, _perlinNoiseSizeH, false);
  87.             for (var i:int = 0; i < _octaves; i++) _offsetList.push(new Point());
  88.             
  89.             // 立体化データを用意する
  90.             _displacementBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  91.             _displacementMapFilter = new DisplacementMapFilter(null, _point, 0, BitmapDataChannel.RED, 0,
  92.                                      100, DisplacementMapFilterMode.CLAMP);
  93.             
  94.             // 色変換データを用意する
  95.             _palletBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  96.             createGradation();
  97.             
  98.             // サイズ
  99.             _scaleChangeBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  100.             _scaleChangeMatrix = new Matrix();
  101.             _scaleChangeMatrix.scale(1/_perlinNoiseSize, 1/_perlinNoiseSize/_H_RATE);
  102.             
  103.             // 白っぽいカバー
  104.             _cover = new Sprite();
  105.             var matrix:Matrix = new Matrix();
  106.             matrix.createGradientBox(STAGE_W, STAGE_H, Math.PI/2);
  107.             _cover.graphics.beginGradientFill(GradientType.LINEAR, [0xAAAAAA, 0xaaaaaa], [1, 1], [128, 255], matrix);
  108.             _cover.graphics.drawRect(0, 0, STAGE_W, STAGE_H);
  109.             _cover.blendMode = BlendMode.OVERLAY;
  110.             
  111.             // 表示
  112.             addChild(new Bitmap(_scaleChangeBitmapData));
  113.             addChild(_cover);
  114.             
  115.             // Stats
  116.             addChild(new Stats());
  117.             
  118.             addEventListener(Event.ENTER_FRAME, frame);
  119.         }
  120.         private function createGradation():void{    // グラデーションを作るよ
  121.             var tmpShape:Shape = new Shape();
  122.             var matrix:Matrix = new Matrix();
  123.             matrix.createGradientBox(255, 0);
  124.             var colorList:Array = [0xa7a7c4, 0xf3f8ff, 0xffffff, 0x418fdf];
  125.             //var colorList:Array = [0x824229, 0xfb8f1b, 0xffc768, 0xa0afac];    // 夕焼けカラーパターン
  126.             var alphaList:Array = [1,        1,        1,        1];
  127.             var ratioList:Array = [0,        80,       100,      200];
  128.             tmpShape.graphics.beginGradientFill(GradientType.LINEAR, colorList, alphaList, ratioList, matrix);
  129.             tmpShape.graphics.drawRect(0, 0, 255, 1);
  130.             var tmpBitmap:BitmapData = new BitmapData(255, 1, false);
  131.             tmpBitmap.draw(tmpShape);
  132.             for (var i:int=0; i<256; i++){
  133.                 _pallet.push(tmpBitmap.getPixel(i, 0));
  134.                 _nullPallet.push(0x000000);
  135.             }
  136.         }
  137.         
  138.         private function frame(event:Event):void{    
  139.             for (var i:int = 0; i < _octaves; i++){    // 雲模様のオフセットを決める
  140.                 Point(_offsetList[i]).x += Number(_offsetSpeedList[i]);
  141.             }
  142.             // 雲模様を作成
  143.             _perlinNoiseBitmapData.perlinNoise(_cloudSize, _cloudSize, _octaves, _seed, false, true, 0, true, _offsetList);
  144.             // 立体感を出す
  145.             _displacementMapFilter.mapBitmap = _perlinNoiseBitmapData;
  146.             _displacementBitmapData.applyFilter(_perlinNoiseBitmapData, _rectSmall, _point, _displacementMapFilter);
  147.             _displacementBitmapData.draw(_perlinNoiseBitmapData, null, null, BlendMode.HARDLIGHT);
  148.             // パレットマップで変換
  149.             _palletBitmapData.paletteMap(_displacementBitmapData, _rectSmall, _point, _pallet, _nullPallet, _nullPallet);
  150.             // 引き伸ばす
  151.             _scaleChangeBitmapData.draw(_palletBitmapData, _scaleChangeMatrix, null, null, null, true);
  152.             
  153.         }
  154.         
  155.     }
  156. }
noswf

CloudEffect forked from: CloudEffect [diff(1)]

  1. // forked from tail_y's CloudEffect
  2. package {
  3.     
  4.     /*
  5.      若干立体感のある、雲っぽい映像を作るよ。
  6.      はっきり言って重いので、実用性がちょっと無いよ！！
  7.      その代わり、リアルタイムで色合いとか変えられるから、時間に合わせて夕焼けになったりできるかも。
  8.      
  9.      仕組み的にはPhotoShopでの常套手段をFlashで再現したもの。
  10.      数値を変えるとかなりリアルなのも作れるけど、これ以上立体感を出すには他の工夫が必要。
  11.      台形変形とか、影の位置をずらしたりとかできれば・・・。
  12.      
  13.      雲模様の生成が遅いのはなんとかならないかな～
  14.      １オクターブずつ用意して、横にずれた分だけを新しく生成するとかさ。
  15.      ちょっと考えてみたけど頭痛くなったからやらなかったよ。
  16.      */
  17.     
  18.     import flash.display.Bitmap;
  19.     import flash.display.BitmapData;
  20.     import flash.display.BitmapDataChannel;
  21.     import flash.display.BlendMode;
  22.     import flash.display.GradientType;
  23.     import flash.display.Shape;
  24.     import flash.display.Sprite;
  25.     import flash.display.StageQuality;
  26.     import flash.events.Event;
  27.     import flash.filters.DisplacementMapFilter;
  28.     import flash.filters.DisplacementMapFilterMode;
  29.     import flash.geom.Matrix;
  30.     import flash.geom.Point;
  31.     import flash.geom.Rectangle;
  32.     
  33.     import net.hires.debug.Stats;
  35.     public class CloudEffect1 extends Sprite
  36.     {
  37.         public static const STAGE_W:uint = 465;
  38.         public static const STAGE_H:uint = 465;
  39.         
  40.         public static const _H_RATE:Number = 2;    // 上下の圧縮割合
  41.         
  42.         // 雲模様関係
  43.         private var _perlinNoiseBitmapData:BitmapData;
  44.         private var _seed:int = Math.random()*int.MAX_VALUE;
  45.         private var _perlinNoiseSize:Number = 0.25;    // 雲模様を画面全体に描画するのは重くて無理なので、サイズを減らす。
  46.         private var _perlinNoiseSizeW:int = STAGE_W*_perlinNoiseSize;
  47.         private var _perlinNoiseSizeH:int = STAGE_H*_perlinNoiseSize*_H_RATE;
  48.         private var _cloudSize:int = _perlinNoiseSize * 240;
  49.         private var _speedList:Point
  50.         private var _octaves:int = 5;    // 雲模様オクターブ数。レイヤー数みたいなもの。多いほど細かいけど、死ぬほど重くなる。
  51.         private var _offsetList:Array = [];    // 雲のズレ。オクターブの数だけPointが必要。
  52.         private var _offsetSpeedList:Array = [0.5, 0.4, 0.3, 0.2, 0.15];    // 雲をずらす量。
  53.         
  54.         // 立体化関係
  55.         private var _displacementBitmapData:BitmapData;
  56.         private var _displacementMapFilter:DisplacementMapFilter;
  57.         
  58.         // 色変換関係
  59.         private var _palletBitmapData:BitmapData;
  60.         private var _pallet:Array = [];
  61.         private var _nullPallet:Array = [];
  62.         
  63.         // 引き伸ばした画像データ
  64.         private var _scaleChangeBitmapData:BitmapData;
  65.         private var _scaleChangeMatrix:Matrix;
  66.         
  67.         // ちょっとしたカバー
  68.         private var _cover:Sprite;
  69.         
  70.         // その他
  71.         private var _rect:Rectangle = new Rectangle(0, 0, STAGE_W, STAGE_H);
  72.         private var _point:Point = new Point(0, 0);
  73.         private var _rectSmall:Rectangle = new Rectangle(0, 0, _perlinNoiseSizeW, _perlinNoiseSizeH);
  74.         
  75.         public function CloudEffect1()
  76.         {
  77.             addEventListener(Event.ADDED_TO_STAGE, init);    // flexBuilderとの互換性。
  78.         }
  79.         private function init(e:Event):void {    // ここから開始
  80.             removeEventListener(Event.ADDED_TO_STAGE, init);
  81.             // SWF設定
  82.             stage.frameRate = 30;
  83.             stage.quality = StageQuality.HIGH;
  84.             
  85.             // 雲模様データを用意する
  86.             _perlinNoiseBitmapData = new BitmapData(_perlinNoiseSizeW, _perlinNoiseSizeH, false);
  87.             for (var i:int = 0; i < _octaves; i++) _offsetList.push(new Point());
  88.             
  89.             // 立体化データを用意する
  90.             _displacementBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  91.             _displacementMapFilter = new DisplacementMapFilter(null, _point, 0, BitmapDataChannel.RED, 0,
  92.                                      100, DisplacementMapFilterMode.CLAMP);
  93.             
  94.             // 色変換データを用意する
  95.             _palletBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  96.             createGradation();
  97.             
  98.             // サイズ
  99.             _scaleChangeBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  100.             _scaleChangeMatrix = new Matrix();
  101.             _scaleChangeMatrix.scale(1/_perlinNoiseSize, 1/_perlinNoiseSize/_H_RATE);
  102.             
  103.             // 白っぽいカバー
  104.             _cover = new Sprite();
  105.             var matrix:Matrix = new Matrix();
  106.             matrix.createGradientBox(STAGE_W, STAGE_H, Math.PI/2);
  107.             _cover.graphics.beginGradientFill(GradientType.LINEAR, [0x666666, 0xaaaaaa], [1, 1], [128, 255], matrix);
  108.             _cover.graphics.drawRect(0, 0, STAGE_W, STAGE_H);
  109.             _cover.blendMode = BlendMode.OVERLAY;
  110.             
  111.             // 表示
  112.             addChild(new Bitmap(_scaleChangeBitmapData));
  113.             addChild(_cover);
  114.             
  115.             // Stats
  116.             addChild(new Stats());
  117.             
  118.             addEventListener(Event.ENTER_FRAME, frame);
  119.         }
  120.         private function createGradation():void{    // グラデーションを作るよ
  121.             var tmpShape:Shape = new Shape();
  122.             var matrix:Matrix = new Matrix();
  123.             matrix.createGradientBox(255, 0);
  124.             var colorList:Array = [0xa7a7c4, 0xf3f8ff, 0xffffff, 0x418fdf];
  125.             //var colorList:Array = [0x824229, 0xfb8f1b, 0xffc768, 0xa0afac];    // 夕焼けカラーパターン
  126.             var alphaList:Array = [1,        1,        1,        1];
  127.             var ratioList:Array = [0,        80,       100,      200];
  128.             tmpShape.graphics.beginGradientFill(GradientType.LINEAR, colorList, alphaList, ratioList, matrix);
  129.             tmpShape.graphics.drawRect(0, 0, 255, 1);
  130.             var tmpBitmap:BitmapData = new BitmapData(255, 1, false);
  131.             tmpBitmap.draw(tmpShape);
  132.             for (var i:int=0; i<256; i++){
  133.                 _pallet.push(tmpBitmap.getPixel(i, 0));
  134.                 _nullPallet.push(0x000000);
  135.             }
  136.         }
  137.         
  138.         private function frame(event:Event):void{    
  139.             for (var i:int = 0; i < _octaves; i++){    // 雲模様のオフセットを決める
  140.                 Point(_offsetList[i]).x += Number(_offsetSpeedList[i]);
  141.             }
  142.             // 雲模様を作成
  143.             _perlinNoiseBitmapData.perlinNoise(_cloudSize, _cloudSize, _octaves, _seed, false, true, 0, true, _offsetList);
  144.             // 立体感を出す
  145.             _displacementMapFilter.mapBitmap = _perlinNoiseBitmapData;
  146.             _displacementBitmapData.applyFilter(_perlinNoiseBitmapData, _rectSmall, _point, _displacementMapFilter);
  147.             _displacementBitmapData.draw(_perlinNoiseBitmapData, null, null, BlendMode.HARDLIGHT);
  148.             // パレットマップで変換
  149.             _palletBitmapData.paletteMap(_displacementBitmapData, _rectSmall, _point, _pallet, _nullPallet, _nullPallet);
  150.             // 引き伸ばす
  151.             _scaleChangeBitmapData.draw(_palletBitmapData, _scaleChangeMatrix, null, null, null, true);
  152.             
  153.         }
  154.         
  155.     }
  156. }
noswf

CloudEffect forked from: CloudEffect [diff(3)]

  1. // forked from tail_y's CloudEffect
  2. package {
  3.     
  4.     /*
  5.      若干立体感のある、雲っぽい映像を作るよ。
  6.      はっきり言って重いので、実用性がちょっと無いよ！！
  7.      その代わり、リアルタイムで色合いとか変えられるから、時間に合わせて夕焼けになったりできるかも。
  8.      
  9.      仕組み的にはPhotoShopでの常套手段をFlashで再現したもの。
  10.      数値を変えるとかなりリアルなのも作れるけど、これ以上立体感を出すには他の工夫が必要。
  11.      台形変形とか、影の位置をずらしたりとかできれば・・・。
  12.      
  13.      雲模様の生成が遅いのはなんとかならないかな～
  14.      １オクターブずつ用意して、横にずれた分だけを新しく生成するとかさ。
  15.      ちょっと考えてみたけど頭痛くなったからやらなかったよ。
  16.      */
  17.     
  18.     import flash.display.Bitmap;
  19.     import flash.display.BitmapData;
  20.     import flash.display.BitmapDataChannel;
  21.     import flash.display.BlendMode;
  22.     import flash.display.GradientType;
  23.     import flash.display.Shape;
  24.     import flash.display.Sprite;
  25.     import flash.display.StageQuality;
  26.     import flash.events.Event;
  27.     import flash.filters.DisplacementMapFilter;
  28.     import flash.filters.DisplacementMapFilterMode;
  29.     import flash.geom.Matrix;
  30.     import flash.geom.Point;
  31.     import flash.geom.Rectangle;
  32.     
  33.     import net.hires.debug.Stats;
  35.     public class CloudEffect1 extends Sprite
  36.     {
  37.         public static const STAGE_W:uint = 640;
  38.         public static const STAGE_H:uint = 480;
  39.         
  40.         public static const _H_RATE:Number = 2;    // 上下の圧縮割合
  41.         
  42.         // 雲模様関係
  43.         private var _perlinNoiseBitmapData:BitmapData;
  44.         private var _seed:int = Math.random()*int.MAX_VALUE;
  45.         private var _perlinNoiseSize:Number = 0.25;    // 雲模様を画面全体に描画するのは重くて無理なので、サイズを減らす。
  46.         private var _perlinNoiseSizeW:int = STAGE_W*_perlinNoiseSize;
  47.         private var _perlinNoiseSizeH:int = STAGE_H*_perlinNoiseSize*_H_RATE;
  48.         private var _cloudSize:int = _perlinNoiseSize * 240;
  49.         private var _speedList:Point
  50.         private var _octaves:int = 5;    // 雲模様オクターブ数。レイヤー数みたいなもの。多いほど細かいけど、死ぬほど重くなる。
  51.         private var _offsetList:Array = [];    // 雲のズレ。オクターブの数だけPointが必要。
  52.         private var _offsetSpeedList:Array = [0.5, 0.4, 0.3, 0.2, 0.15];    // 雲をずらす量。
  53.         
  54.         // 立体化関係
  55.         private var _displacementBitmapData:BitmapData;
  56.         private var _displacementMapFilter:DisplacementMapFilter;
  57.         
  58.         // 色変換関係
  59.         private var _palletBitmapData:BitmapData;
  60.         private var _pallet:Array = [];
  61.         private var _nullPallet:Array = [];
  62.         
  63.         // 引き伸ばした画像データ
  64.         private var _scaleChangeBitmapData:BitmapData;
  65.         private var _scaleChangeMatrix:Matrix;
  66.         
  67.         // ちょっとしたカバー
  68.         private var _cover:Sprite;
  69.         
  70.         // その他
  71.         private var _rect:Rectangle = new Rectangle(0, 0, STAGE_W, STAGE_H);
  72.         private var _point:Point = new Point(0, 0);
  73.         private var _rectSmall:Rectangle = new Rectangle(0, 0, _perlinNoiseSizeW, _perlinNoiseSizeH);
  74.         
  75.         public function CloudEffect1()
  76.         {
  77.             addEventListener(Event.ADDED_TO_STAGE, init);    // flexBuilderとの互換性。
  78.         }
  79.         private function init(e:Event):void {    // ここから開始
  80.             removeEventListener(Event.ADDED_TO_STAGE, init);
  81.             // SWF設定
  82.             stage.frameRate = 30;
  83.             stage.quality = StageQuality.HIGH;
  84.             
  85.             // 雲模様データを用意する
  86.             _perlinNoiseBitmapData = new BitmapData(_perlinNoiseSizeW, _perlinNoiseSizeH, false);
  87.             for (var i:int = 0; i < _octaves; i++) _offsetList.push(new Point());
  88.             
  89.             // 立体化データを用意する
  90.             _displacementBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  91.             _displacementMapFilter = new DisplacementMapFilter(null, _point, 0, BitmapDataChannel.RED, 0,
  92.                                      100, DisplacementMapFilterMode.CLAMP);
  93.             
  94.             // 色変換データを用意する
  95.             _palletBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  96.             createGradation();
  97.             
  98.             // サイズ
  99.             _scaleChangeBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  100.             _scaleChangeMatrix = new Matrix();
  101.             _scaleChangeMatrix.scale(1/_perlinNoiseSize, 1/_perlinNoiseSize/_H_RATE);
  102.             
  103.             // 白っぽいカバー
  104.             _cover = new Sprite();
  105.             var matrix:Matrix = new Matrix();
  106.             matrix.createGradientBox(STAGE_W, STAGE_H, Math.PI/2);
  107.             _cover.graphics.beginGradientFill(GradientType.LINEAR, [0x666666, 0xaaaaaa], [1, 1], [128, 255], matrix);
  108.             _cover.graphics.drawRect(0, 0, STAGE_W, STAGE_H);
  109.             _cover.blendMode = BlendMode.OVERLAY;
  110.             
  111.             // 表示
  112.             addChild(new Bitmap(_scaleChangeBitmapData));
  113.             addChild(_cover);
  114.             
  115.             // Stats
  116.             addChild(new Stats());
  117.             
  118.             addEventListener(Event.ENTER_FRAME, frame);
  119.         }
  120.         private function createGradation():void{    // グラデーションを作るよ
  121.             var tmpShape:Shape = new Shape();
  122.             var matrix:Matrix = new Matrix();
  123.             matrix.createGradientBox(255, 0);
  124.             var colorList:Array = [0xa7a7c4, 0xf3f8ff, 0xffffff, 0x418fdf];
  125.             //var colorList:Array = [0x824229, 0xfb8f1b, 0xffc768, 0xa0afac];    // 夕焼けカラーパターン
  126.             var alphaList:Array = [1,        1,        1,        1];
  127.             var ratioList:Array = [0,        80,       100,      200];
  128.             tmpShape.graphics.beginGradientFill(GradientType.LINEAR, colorList, alphaList, ratioList, matrix);
  129.             tmpShape.graphics.drawRect(0, 0, 255, 1);
  130.             var tmpBitmap:BitmapData = new BitmapData(255, 1, false);
  131.             tmpBitmap.draw(tmpShape);
  132.             for (var i:int=0; i<256; i++){
  133.                 _pallet.push(tmpBitmap.getPixel(i, 0));
  134.                 _nullPallet.push(0x000000);
  135.             }
  136.         }
  137.         
  138.         private function frame(event:Event):void{    
  139.             for (var i:int = 0; i < _octaves; i++){    // 雲模様のオフセットを決める
  140.                 Point(_offsetList[i]).x += Number(_offsetSpeedList[i]);
  141.             }
  142.             // 雲模様を作成
  143.             _perlinNoiseBitmapData.perlinNoise(_cloudSize, _cloudSize, _octaves, _seed, false, true, 0, true, _offsetList);
  144.             // 立体感を出す
  145.             _displacementMapFilter.mapBitmap = _perlinNoiseBitmapData;
  146.             _displacementBitmapData.applyFilter(_perlinNoiseBitmapData, _rectSmall, _point, _displacementMapFilter);
  147.             _displacementBitmapData.draw(_perlinNoiseBitmapData, null, null, BlendMode.HARDLIGHT);
  148.             // パレットマップで変換
  149.             _palletBitmapData.paletteMap(_displacementBitmapData, _rectSmall, _point, _pallet, _nullPallet, _nullPallet);
  150.             // 引き伸ばす
  151.             _scaleChangeBitmapData.draw(_palletBitmapData, _scaleChangeMatrix, null, null, null, true);
  152.             
  153.         }
  154.         
  155.     }
  156. }
noswf

CloudEffect forked from: CloudEffect [diff(1)]

  1. // forked from tail_y's CloudEffect
  2. package {
  3.     
  4.     /*
  5.      若干立体感のある、雲っぽい映像を作るよ。
  6.      はっきり言って重いので、実用性がちょっと無いよ！！
  7.      その代わり、リアルタイムで色合いとか変えられるから、時間に合わせて夕焼けになったりできるかも。
  8.      
  9.      仕組み的にはPhotoShopでの常套手段をFlashで再現したもの。
  10.      数値を変えるとかなりリアルなのも作れるけど、これ以上立体感を出すには他の工夫が必要。
  11.      台形変形とか、影の位置をずらしたりとかできれば・・・。
  12.      
  13.      雲模様の生成が遅いのはなんとかならないかな～
  14.      １オクターブずつ用意して、横にずれた分だけを新しく生成するとかさ。
  15.      ちょっと考えてみたけど頭痛くなったからやらなかったよ。
  16.      */
  17.     
  18.     import flash.display.Bitmap;
  19.     import flash.display.BitmapData;
  20.     import flash.display.BitmapDataChannel;
  21.     import flash.display.BlendMode;
  22.     import flash.display.GradientType;
  23.     import flash.display.Shape;
  24.     import flash.display.Sprite;
  25.     import flash.display.StageQuality;
  26.     import flash.events.Event;
  27.     import flash.filters.DisplacementMapFilter;
  28.     import flash.filters.DisplacementMapFilterMode;
  29.     import flash.geom.Matrix;
  30.     import flash.geom.Point;
  31.     import flash.geom.Rectangle;
  32.     
  33.     import net.hires.debug.Stats;
  35.     public class CloudEffect1 extends Sprite
  36.     {
  37.         public static const STAGE_W:uint = 465;
  38.         public static const STAGE_H:uint = 465;
  39.         
  40.         public static const _H_RATE:Number = 2;    // 上下の圧縮割合
  41.         
  42.         // 雲模様関係
  43.         private var _perlinNoiseBitmapData:BitmapData;
  44.         private var _seed:int = Math.random()*int.MAX_VALUE;
  45.         private var _perlinNoiseSize:Number = 0.25;    // 雲模様を画面全体に描画するのは重くて無理なので、サイズを減らす。
  46.         private var _perlinNoiseSizeW:int = STAGE_W*_perlinNoiseSize;
  47.         private var _perlinNoiseSizeH:int = STAGE_H*_perlinNoiseSize*_H_RATE;
  48.         private var _cloudSize:int = _perlinNoiseSize * 240;
  49.         private var _speedList:Point
  50.         private var _octaves:int = 5;    // 雲模様オクターブ数。レイヤー数みたいなもの。多いほど細かいけど、死ぬほど重くなる。
  51.         private var _offsetList:Array = [];    // 雲のズレ。オクターブの数だけPointが必要。
  52.         private var _offsetSpeedList:Array = [0.5, 0.4, 0.3, 0.2, 0.15];    // 雲をずらす量。
  53.         
  54.         // 立体化関係
  55.         private var _displacementBitmapData:BitmapData;
  56.         private var _displacementMapFilter:DisplacementMapFilter;
  57.         
  58.         // 色変換関係
  59.         private var _palletBitmapData:BitmapData;
  60.         private var _pallet:Array = [];
  61.         private var _nullPallet:Array = [];
  62.         
  63.         // 引き伸ばした画像データ
  64.         private var _scaleChangeBitmapData:BitmapData;
  65.         private var _scaleChangeMatrix:Matrix;
  66.         
  67.         // ちょっとしたカバー
  68.         private var _cover:Sprite;
  69.         
  70.         // その他
  71.         private var _rect:Rectangle = new Rectangle(0, 0, STAGE_W, STAGE_H);
  72.         private var _point:Point = new Point(0, 0);
  73.         private var _rectSmall:Rectangle = new Rectangle(0, 0, _perlinNoiseSizeW, _perlinNoiseSizeH);
  74.         
  75.         public function CloudEffect1()
  76.         {
  77.             addEventListener(Event.ADDED_TO_STAGE, init);    // flexBuilderとの互換性。
  78.         }
  79.         private function init(e:Event):void {    // ここから開始
  80.             removeEventListener(Event.ADDED_TO_STAGE, init);
  81.             // SWF設定
  82.             stage.frameRate = 30;
  83.             stage.quality = StageQuality.HIGH;
  84.             
  85.             // 雲模様データを用意する
  86.             _perlinNoiseBitmapData = new BitmapData(_perlinNoiseSizeW, _perlinNoiseSizeH, false);
  87.             for (var i:int = 0; i < _octaves; i++) _offsetList.push(new Point());
  88.             
  89.             // 立体化データを用意する
  90.             _displacementBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  91.             _displacementMapFilter = new DisplacementMapFilter(null, _point, 0, BitmapDataChannel.RED, 0,
  92.                                      100, DisplacementMapFilterMode.CLAMP);
  93.             
  94.             // 色変換データを用意する
  95.             _palletBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  96.             createGradation();
  97.             
  98.             // サイズ
  99.             _scaleChangeBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  100.             _scaleChangeMatrix = new Matrix();
  101.             _scaleChangeMatrix.scale(1/_perlinNoiseSize, 1/_perlinNoiseSize/_H_RATE);
  102.             
  103.             // 白っぽいカバー
  104.             _cover = new Sprite();
  105.             var matrix:Matrix = new Matrix();
  106.             matrix.createGradientBox(STAGE_W, STAGE_H, Math.PI/2);
  107.             _cover.graphics.beginGradientFill(GradientType.LINEAR, [0x666666, 0xaaaaaa], [1, 1], [128, 255], matrix);
  108.             _cover.graphics.drawRect(0, 0, STAGE_W, STAGE_H);
  109.             _cover.blendMode = BlendMode.OVERLAY;
  110.             
  111.             // 表示
  112.             addChild(new Bitmap(_scaleChangeBitmapData));
  113.             addChild(_cover);
  114.             
  115.             // Stats
  116.             addChild(new Stats());
  117.             
  118.             addEventListener(Event.ENTER_FRAME, frame);
  119.         }
  120.         private function createGradation():void{    // グラデーションを作るよ
  121.             var tmpShape:Shape = new Shape();
  122.             var matrix:Matrix = new Matrix();
  123.             matrix.createGradientBox(255, 0);
  124.             var colorList:Array = [0xa7a7c4, 0xf3f8ff, 0xffffff, 0x418fdf];
  125.             //var colorList:Array = [0x824229, 0xfb8f1b, 0xffc768, 0xa0afac];    // 夕焼けカラーパターン
  126.             var alphaList:Array = [1,        1,        1,        1];
  127.             var ratioList:Array = [0,        80,       100,      200];
  128.             tmpShape.graphics.beginGradientFill(GradientType.LINEAR, colorList, alphaList, ratioList, matrix);
  129.             tmpShape.graphics.drawRect(0, 0, 255, 1);
  130.             var tmpBitmap:BitmapData = new BitmapData(255, 1, false);
  131.             tmpBitmap.draw(tmpShape);
  132.             for (var i:int=0; i<256; i++){
  133.                 _pallet.push(tmpBitmap.getPixel(i, 0));
  134.                 _nullPallet.push(0x000000);
  135.             }
  136.         }
  137.         
  138.         private function frame(event:Event):void{    
  139.             for (var i:int = 0; i < _octaves; i++){    // 雲模様のオフセットを決める
  140.                 Point(_offsetList[i]).x += Number(_offsetSpeedList[i]);
  141.             }
  142.             // 雲模様を作成
  143.             _perlinNoiseBitmapData.perlinNoise(_cloudSize, _cloudSize, _octaves, _seed, false, true, 0, true, _offsetList);
  144.             // 立体感を出す
  145.             _displacementMapFilter.mapBitmap = _perlinNoiseBitmapData;
  146.             _displacementBitmapData.applyFilter(_perlinNoiseBitmapData, _rectSmall, _point, _displacementMapFilter);
  147.             _displacementBitmapData.draw(_perlinNoiseBitmapData, null, null, BlendMode.HARDLIGHT);
  148.             // パレットマップで変換
  149.             _palletBitmapData.paletteMap(_displacementBitmapData, _rectSmall, _point, _pallet, _nullPallet, _nullPallet);
  150.             // 引き伸ばす
  151.             _scaleChangeBitmapData.draw(_palletBitmapData, _scaleChangeMatrix, null, null, null, true);
  152.             
  153.         }
  154.         
  155.     }
  156. }
noswf

CloudEffect forked from: CloudEffect [diff(3)]

  1. // forked from tail_y's CloudEffect
  2. package {
  3.     
  4.     /*
  5.      若干立体感のある、雲っぽい映像を作るよ。
  6.      はっきり言って重いので、実用性がちょっと無いよ！！
  7.      その代わり、リアルタイムで色合いとか変えられるから、時間に合わせて夕焼けになったりできるかも。
  8.      
  9.      仕組み的にはPhotoShopでの常套手段をFlashで再現したもの。
  10.      数値を変えるとかなりリアルなのも作れるけど、これ以上立体感を出すには他の工夫が必要。
  11.      台形変形とか、影の位置をずらしたりとかできれば・・・。
  12.      
  13.      雲模様の生成が遅いのはなんとかならないかな～
  14.      １オクターブずつ用意して、横にずれた分だけを新しく生成するとかさ。
  15.      ちょっと考えてみたけど頭痛くなったからやらなかったよ。
  16.      */
  17.     
  18.     import flash.display.Bitmap;
  19.     import flash.display.BitmapData;
  20.     import flash.display.BitmapDataChannel;
  21.     import flash.display.BlendMode;
  22.     import flash.display.GradientType;
  23.     import flash.display.Shape;
  24.     import flash.display.Sprite;
  25.     import flash.display.StageQuality;
  26.     import flash.events.Event;
  27.     import flash.filters.DisplacementMapFilter;
  28.     import flash.filters.DisplacementMapFilterMode;
  29.     import flash.geom.Matrix;
  30.     import flash.geom.Point;
  31.     import flash.geom.Rectangle;
  32.     
  33.     import net.hires.debug.Stats;
  35.     public class CloudEffect1 extends Sprite
  36.     {
  37.         public static const STAGE_W:uint = 465;
  38.         public static const STAGE_H:uint = 465;
  39.         
  40.         public static const _H_RATE:Number = 2;    // 上下の圧縮割合
  41.         
  42.         // 雲模様関係
  43.         private var _perlinNoiseBitmapData:BitmapData;
  44.         private var _seed:int = Math.random()*int.MAX_VALUE;
  45.         private var _perlinNoiseSize:Number = 0.5    // 雲模様を画面全体に描画するのは重くて無理なので、サイズを減らす。
  46.         private var _perlinNoiseSizeW:int = STAGE_W*_perlinNoiseSize;
  47.         private var _perlinNoiseSizeH:int = STAGE_H*_perlinNoiseSize*_H_RATE;
  48.         private var _cloudSize:int = _perlinNoiseSize * 300;
  49.         private var _speedList:Point
  50.         private var _octaves:int = 5;    // 雲模様オクターブ数。レイヤー数みたいなもの。多いほど細かいけど、死ぬほど重くなる。
  51.         private var _offsetList:Array = [];    // 雲のズレ。オクターブの数だけPointが必要。
  52.         private var _offsetSpeedList:Array = [0.5, 0.4, 0.3, 0.2, 0.15];    // 雲をずらす量。
  53.         
  54.         // 立体化関係
  55.         private var _displacementBitmapData:BitmapData;
  56.         private var _displacementMapFilter:DisplacementMapFilter;
  57.         
  58.         // 色変換関係
  59.         private var _palletBitmapData:BitmapData;
  60.         private var _pallet:Array = [];
  61.         private var _nullPallet:Array = [];
  62.         
  63.         // 引き伸ばした画像データ
  64.         private var _scaleChangeBitmapData:BitmapData;
  65.         private var _scaleChangeMatrix:Matrix;
  66.         
  67.         // ちょっとしたカバー
  68.         private var _cover:Sprite;
  69.         
  70.         // その他
  71.         private var _rect:Rectangle = new Rectangle(0, 0, STAGE_W, STAGE_H);
  72.         private var _point:Point = new Point(0, 0);
  73.         private var _rectSmall:Rectangle = new Rectangle(0, 0, _perlinNoiseSizeW, _perlinNoiseSizeH);
  74.         
  75.         public function CloudEffect1()
  76.         {
  77.             addEventListener(Event.ADDED_TO_STAGE, init);    // flexBuilderとの互換性。
  78.         }
  79.         private function init(e:Event):void {    // ここから開始
  80.             removeEventListener(Event.ADDED_TO_STAGE, init);
  81.             // SWF設定
  82.             stage.frameRate = 30;
  83.             stage.quality = StageQuality.HIGH;
  84.             
  85.             // 雲模様データを用意する
  86.             _perlinNoiseBitmapData = new BitmapData(_perlinNoiseSizeW, _perlinNoiseSizeH, false);
  87.             for (var i:int = 0; i < _octaves; i++) _offsetList.push(new Point());
  88.             
  89.             // 立体化データを用意する
  90.             _displacementBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  91.             _displacementMapFilter = new DisplacementMapFilter(null, _point, 0, BitmapDataChannel.RED, 0,
  92.                                      100, DisplacementMapFilterMode.CLAMP);
  93.             
  94.             // 色変換データを用意する
  95.             _palletBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  96.             createGradation();
  97.             
  98.             // サイズ
  99.             _scaleChangeBitmapData = new BitmapData(STAGE_W, STAGE_H, false);
  100.             _scaleChangeMatrix = new Matrix();
  101.             _scaleChangeMatrix.scale(1/_perlinNoiseSize, 1/_perlinNoiseSize/_H_RATE);
  102.             
  103.             // 白っぽいカバー
  104.             _cover = new Sprite();
  105.             var matrix:Matrix = new Matrix();
  106.             matrix.createGradientBox(STAGE_W, STAGE_H, Math.PI/2);
  107.             _cover.graphics.beginGradientFill(GradientType.LINEAR, [0x666666, 0xaaaaaa], [1, 1], [128, 255], matrix);
  108.             _cover.graphics.drawRect(0, 0, STAGE_W, STAGE_H);
  109.             _cover.blendMode = BlendMode.OVERLAY;
  110.             
  111.             // 表示
  112.             addChild(new Bitmap(_scaleChangeBitmapData));
  113.             addChild(_cover);
  114.             
  115.             // Stats
  116.             addChild(new Stats());
  117.             
  118.             addEventListener(Event.ENTER_FRAME, frame);
  119.         }
  120.         private function createGradation():void{    // グラデーションを作るよ
  121.             var tmpShape:Shape = new Shape();
  122.             var matrix:Matrix = new Matrix();
  123.             matrix.createGradientBox(255, 0);
  124.             var colorList:Array = [0xa7a7c4, 0xf3f8ff, 0xffffff, 0x418fdf];
  125.             //var colorList:Array = [0x824229, 0xfb8f1b, 0xffc768, 0xa0afac];    // 夕焼けカラーパターン
  126.             var alphaList:Array = [1,        1,        1,        1];
  127.             var ratioList:Array = [0,        80,       100,      200];
  128.             tmpShape.graphics.beginGradientFill(GradientType.LINEAR, colorList, alphaList, ratioList, matrix);
  129.             tmpShape.graphics.drawRect(0, 0, 255, 1);
  130.             var tmpBitmap:BitmapData = new BitmapData(255, 1, false);
  131.             tmpBitmap.draw(tmpShape);
  132.             for (var i:int=0; i<256; i++){
  133.                 _pallet.push(tmpBitmap.getPixel(i, 0));
  134.                 _nullPallet.push(0x000000);
  135.             }
  136.         }
  137.         
  138.         private function frame(event:Event):void{    
  139.             for (var i:int = 0; i < _octaves; i++){    // 雲模様のオフセットを決める
  140.                 Point(_offsetList[i]).x += Number(_offsetSpeedList[i]);
  141.             }
  142.             // 雲模様を作成
  143.             _perlinNoiseBitmapData.perlinNoise(_cloudSize, _cloudSize, _octaves, _seed, false, true, 0, true, _offsetList);
  144.             // 立体感を出す
  145.             _displacementMapFilter.mapBitmap = _perlinNoiseBitmapData;
  146.             _displacementBitmapData.applyFilter(_perlinNoiseBitmapData, _rectSmall, _point, _displacementMapFilter);
  147.             _displacementBitmapData.draw(_perlinNoiseBitmapData, null, null, BlendMode.HARDLIGHT);
  148.             // パレットマップで変換
  149.             _palletBitmapData.paletteMap(_displacementBitmapData, _rectSmall, _point, _pallet, _nullPallet, _nullPallet);
  150.             // 引き伸ばす
  151.             _scaleChangeBitmapData.draw(_palletBitmapData, _scaleChangeMatrix, null, null, null, true);
  152.             
  153.         }
  154.         
  155.     }
  156. }
noswf
Get Adobe Flash Player