※現在、「wonderfl build flash online」求人コンテンツ制作に関してのアンケートを実施中です！みなさまのお力添えを頂いて、続々とアンケート結果が集まっていますが、まだまだ募集しております。ご協力のほど、どうぞよろしくお願いいたします！

wonderfl運営事務局
→アンケートページ（※ログインしてからお答えいただけるようになっています。）

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


forked from : keno42's 角度計算修正、色と透明度もいれてみた。重ね順ソートが重い。 [diff(9)]

embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FAVORITE BY
:
ホンの少ない修正で高速化達成
FORKED
>sort

色と透明度もいれてみた。速度向上したらいいなばーじょん forked from: 色と透明度もいれてみた。速度向上したらいいなばーじょん [diff(1)]

  1. // forked from bkzen's 色と透明度もいれてみた。速度向上したらいいなばーじょん
  2. // forked from keno42's 角度計算修正、色と透明度もいれてみた。重ね順ソートが重い。
  3. // forked from bkzen's forked from: BitmapDataで配列に格納すると高速化するよ(角度修正)
  4. // forked from clockmaker's BitmapDataで配列に格納すると高速化するよ
  5. // forked from clockmaker's 3D Flow Simulation with Field of Blur
  6. // forked from clockmaker's 3D Flow Simulation
  7. // forked from clockmaker's Interactive Liquid 10000
  8. // forked from clockmaker's Liquid110000 By Vector
  9. // forked from munegon's forked from: forked from: forked from: forked from: Liquid10000
  10. // forked from Saqoosha's forked from: forked from: forked from: Liquid10000
  11. // forked from nutsu's forked from: forked from: Liquid10000
  12. // forked from nutsu's forked from: Liquid10000
  13. // forked from zin0086's Liquid10000
  14. package 
  15. {
  16.     /**
  17.      * 矢印がいっぱいなんだけど、高速なデモ
  18.      * 画質はディフォルトの StageQuality.HIGH で
  19.      * 矢印 1000個
  20.      * @author Yasu
  21.      */
  22.     import flash.display.*;
  23.     import flash.geom.*;
  24.     import flash.events.*;
  25.     import flash.filters.*;
  26.     import flash.utils.*;
  27.     import flash.geom.*;
  28.     import net.hires.debug.Stats;
  29.     
  30.     [SWF(width="465", height="465", backgroundColor="0xFFFFFF")]
  31.     public class Main extends Sprite {
  32.         private const NUM_PARTICLE:uint = 1000;
  33.         private const ROT_STEPS:int = 120;
  34.         private const ALPHA_STEPS:int = 10;
  35.         
  36.         private var forceMap:BitmapData = new BitmapData( 233, 233, false, 0x000000 );
  37.         private var randomSeed:uint = Math.floor( Math.random() * 0xFFFF );
  38.         private var particleList:Vector.<Arrow> = new Vector.<Arrow>(NUM_PARTICLE, true);
  39.         private var rect:Rectangle = new Rectangle( 0, 0, 465, 465 );
  40.         private var seed:Number = Math.floor( Math.random() * 0xFFFF );
  41.         private var offset:Array = [new Point(), new Point()];
  42.         private var timer:Timer;
  43.         private var world:Sprite = new Sprite();
  44.         private var worldAlphaChildren:Vector.<Sprite> = new Vector.<Sprite>(ALPHA_STEPS,true);
  45.         private var rotArr:Vector.<BitmapData> = new Vector.<BitmapData>(ROT_STEPS * ALPHA_STEPS, true);
  47.         public function Main() {
  48.             
  49.             stage.align = StageAlign.TOP_LEFT;
  50.             stage.scaleMode = StageScaleMode.NO_SCALE;
  51.             stage.frameRate = 60;
  52.             
  53.             addChild(world);
  54.             
  55.             // フォースマップの初期化をおこないます
  56.             resetFunc();
  57.             
  58.             // ループ処理
  59.             addEventListener( Event.ENTER_FRAME, loop );
  60.             
  61.             // 時間差でフォースマップと色変化の具合を変更しています
  62.             var timer:Timer = new Timer(1000)
  63.             timer.addEventListener(TimerEvent.TIMER, resetFunc);
  64.             timer.start();
  65.             
  66.             // 矢印をプレレンダリング
  67.             var dummy:Sprite = new Sprite();
  68.             dummy.graphics.beginFill(0xFF4444, 1);
  69.             dummy.graphics.lineStyle(1, 0x0, 1);
  70.             dummy.graphics.moveTo(2, 4);
  71.             dummy.graphics.lineTo(8, 4);
  72.             dummy.graphics.lineTo(8, 0);
  73.             dummy.graphics.lineTo(20, 7);
  74.             dummy.graphics.lineTo(8, 14);
  75.             dummy.graphics.lineTo(8, 10);
  76.             dummy.graphics.lineTo(2, 10);
  77.             dummy.graphics.lineTo(2, 4);
  78.             var dummyBg:Sprite = new Sprite();
  79.             dummyBg.graphics.beginFill(0x4444FF, 0.5);
  80.             dummyBg.graphics.lineStyle(1, 0x0, 1);
  81.             dummyBg.graphics.moveTo(2, 4);
  82.             dummyBg.graphics.lineTo(8, 4);
  83.             dummyBg.graphics.lineTo(8, 0);
  84.             dummyBg.graphics.lineTo(20, 7);
  85.             dummyBg.graphics.lineTo(8, 14);
  86.             dummyBg.graphics.lineTo(8, 10);
  87.             dummyBg.graphics.lineTo(2, 10);
  88.             dummyBg.graphics.lineTo(2, 4);
  89.             var dummyHolder:Sprite = new Sprite();
  90.             dummyHolder.addChild(dummyBg);
  91.             dummyHolder.addChild(dummy);
  92.             
  93.             var matrix:Matrix;
  94.             var j:int = ALPHA_STEPS;
  95.             while(j--){
  96.                 var i:int = ROT_STEPS;
  97.                 var k:int = j * ROT_STEPS;
  98.                 worldAlphaChildren[ALPHA_STEPS-1-j] = new Sprite();
  99.                 // 忘れがちだけどこれ入れるだけでマウスが乗った時の重さが違う
  100.                 worldAlphaChildren[ALPHA_STEPS - 1 - j].mouseChildren = worldAlphaChildren[ALPHA_STEPS - 1 - j].mouseEnabled = false;
  101.                 world.addChild( worldAlphaChildren[ALPHA_STEPS-1-j] );
  102.                 dummy.alpha = j / (ALPHA_STEPS-1);
  103.                 dummyBg.filters = [new BlurFilter(4.0*(1.0 - j / (ALPHA_STEPS-1)),4.0*(1.0 - j / (ALPHA_STEPS-1)))];
  104.                 dummy.filters = [new BlurFilter(4.0*(1.0 - j / (ALPHA_STEPS-1)),4.0*(1.0 - j / (ALPHA_STEPS-1)))];
  105.                 while (i--)
  106.                 {
  107.                     matrix = new Matrix();
  108.                     matrix.translate( -11, -11);
  109.                     matrix.rotate( ( 360 / ROT_STEPS * i )* Math.PI / 180);
  110.                     matrix.translate( 11, 11);
  111.                     rotArr[i+k] = new BitmapData(22, 22, true, 0x0);
  112.                     rotArr[i+k].draw(dummyHolder, matrix);
  113.                 }
  114.             }
  115.             
  116.             // パーティクルを生成します
  117.             for (i = 0; i < NUM_PARTICLE; i++) {
  118.                 var px:Number = Math.random() * 465;
  119.                 var py:Number = Math.random() * 465;
  120.                 particleList[i] = new Arrow(px, py);
  121.                 world.addChild(particleList[i]);
  122.             }
  123.             
  124.             // デバッグ用のスタッツを表示しています
  125.             addChild(new Stats);
  126.         }
  127.         
  128.         private function loop( e:Event ):void {
  129.             
  130.             var len:uint = particleList.length;
  131.             var col:Number;
  132.             
  133.             for (var i:uint = 0; i < len; i++) {
  134.                 
  135.                 var arrow:Arrow = particleList[i];
  136.                 
  137.                 var oldX:Number = arrow.x;
  138.                 var oldY:Number = arrow.y;
  139.                 
  140.                 col = forceMap.getPixel( arrow.x >> 1, arrow.y >> 1);
  141.                 arrow.ax += ( (col      & 0xff) - 0x80 ) * .0005;
  142.                 arrow.ay += ( (col >> 8 & 0xff) - 0x80 ) * .0005;
  143.                 arrow.vx += arrow.ax;
  144.                 arrow.vy += arrow.ay;
  145.                 arrow.x += arrow.vx;
  146.                 arrow.y += arrow.vy;
  147.                 
  148.                 var _posX:Number = arrow.x;
  149.                 var _posY:Number = arrow.y;
  150.                 
  151.                 // rot成分
  152.                 var rot:Number = - Math.atan2((_posX - oldX), (_posY - oldY)) * 180 / Math.PI + 90;
  153.                 var angle:int = rot / 360 * ROT_STEPS | 0;
  154.                 // Math.absの高速化ね
  155.                 // angle = (angle ^ (angle >> 31)) - (angle >> 31);
  156.                 // angle = (angle + 130) & 119; // (angle + 130) % 120 の高速化
  157.                 // ↑これ & 2^n-1 になるときでないと使えないと思う
  158.                 angle = (angle + 130) % 120;
  159.                 arrow.rot += (angle - arrow.rot) * 0.2;
  160.                 
  161.                 // alpha成分
  162.                 var speed:int = (arrow.vx*arrow.vx + arrow.vy*arrow.vy) >> 1; // *0.5
  163.                 speed = Math.min(ALPHA_STEPS-1, speed);
  164.                 arrow.bitmapData = rotArr[arrow.rot + ROT_STEPS * speed];
  166.                 // speedに応じてソート。これが重い
  167.                 if (arrow.parent != world.getChildAt(speed)) 
  168.                 {
  169.                     // speed が違う場合のみ変更する。ってことにすれば少し違うかも
  170.                     arrow.parent.removeChild(arrow);
  171.                     Sprite(world.getChildAt(speed)).addChild(arrow);
  172.                 }
  173.                     
  174.                 arrow.ax *= .96;
  175.                 arrow.ay *= .96;
  176.                 arrow.vx *= .92;
  177.                 arrow.vy *= .92;
  178.                 
  179.                 // あと配置座標を整数化しておきます
  180.                 arrow.x = arrow.x | 0;
  181.                 arrow.y = arrow.y | 0;
  182.                 
  183.                 ( _posX > 465 ) ? arrow.x = 0 :
  184.                     ( _posX < 0 ) ? arrow.x = 465 : 0;
  185.                 ( _posY > 465 ) ? arrow.y = 0 :
  186.                     ( _posY < 0 ) ? arrow.y = 465 : 0;
  187.             }
  188.         }
  189.         
  190.         private function resetFunc(e:Event = null):void{
  191.             forceMap.perlinNoise(117, 117, 3, seed, false, true, 6, false, offset);
  192.             
  193.             offset[0].x += 1.5;
  194.             offset[1].y += 1;
  195.             seed = Math.floor( Math.random() * 0xFFFFFF );
  196.         }
  197.     }
  198. }
  200. import flash.display.*;
  202. class Arrow extends Bitmap
  203. {
  204.     public var rot:int = 0;
  205.     public var vx:Number = 0;
  206.     public var vy:Number = 0;
  207.     public var ax:Number = 0;
  208.     public var ay:Number = 0;
  210.     function Arrow( x:Number, y:Number) {
  211.         this.x = x;
  212.         this.y = y;
  213.     }
  214. }
noswf

色と透明度もいれてみた。速度向上したらいいなばーじょん forked from: 色と透明度もいれてみた。こんなのどうだろバージョン [diff(13)]

  1. // forked from bkzen's 色と透明度もいれてみた。速度向上したらいいなばーじょん
  2. // forked from keno42's 角度計算修正、色と透明度もいれてみた。重ね順ソートが重い。
  3. // forked from bkzen's forked from: BitmapDataで配列に格納すると高速化するよ(角度修正)
  4. // forked from clockmaker's BitmapDataで配列に格納すると高速化するよ
  5. // forked from clockmaker's 3D Flow Simulation with Field of Blur
  6. // forked from clockmaker's 3D Flow Simulation
  7. // forked from clockmaker's Interactive Liquid 10000
  8. // forked from clockmaker's Liquid110000 By Vector
  9. // forked from munegon's forked from: forked from: forked from: forked from: Liquid10000
  10. // forked from Saqoosha's forked from: forked from: forked from: Liquid10000
  11. // forked from nutsu's forked from: forked from: Liquid10000
  12. // forked from nutsu's forked from: Liquid10000
  13. // forked from zin0086's Liquid10000
  14. package 
  15. {
  16.     /**
  17.      * 矢印がいっぱいなんだけど、高速なデモ
  18.      * 画質はディフォルトの StageQuality.HIGH で
  19.      * 矢印 1000個
  20.      * @author Yasu
  21.      */
  22.     import flash.display.*;
  23.     import flash.geom.*;
  24.     import flash.events.*;
  25.     import flash.filters.*;
  26.     import flash.utils.*;
  27.     import flash.geom.*;
  28.     import net.hires.debug.Stats;
  29.     
  30.     [SWF(width="465", height="465", backgroundColor="0xFFFFFF")]
  31.     public class Main extends Sprite {
  32.         private const NUM_PARTICLE:uint = 1000;
  33.         private const ROT_STEPS:int = 120;
  34.         private const ALPHA_STEPS:int = 10;
  35.         
  36.         private var forceMap:BitmapData = new BitmapData( 233, 233, false, 0x000000 );
  37.         private var randomSeed:uint = Math.floor( Math.random() * 0xFFFF );
  38.         private var particleList:Vector.<Arrow> = new Vector.<Arrow>(NUM_PARTICLE, true);
  39.         private var rect:Rectangle = new Rectangle( 0, 0, 465, 465 );
  40.         private var seed:Number = Math.floor( Math.random() * 0xFFFF );
  41.         private var offset:Array = [new Point(), new Point()];
  42.         private var timer:Timer;
  43.         private var world:Sprite = new Sprite();
  44.         private var rotArr:Vector.<BitmapData> = new Vector.<BitmapData>(ROT_STEPS * ALPHA_STEPS, true);
  46.         public function Main() {
  47.             
  48.             stage.align = StageAlign.TOP_LEFT;
  49.             stage.scaleMode = StageScaleMode.NO_SCALE;
  50.             stage.frameRate = 60;
  51.             
  52.             addChild(world);
  53.             
  54.             // フォースマップの初期化をおこないます
  55.             resetFunc();
  56.             
  57.             // ループ処理
  58.             addEventListener( Event.ENTER_FRAME, loop );
  59.             
  60.             // 時間差でフォースマップと色変化の具合を変更しています
  61.             var timer:Timer = new Timer(1000)
  62.             timer.addEventListener(TimerEvent.TIMER, resetFunc);
  63.             timer.start();
  64.             
  65.             // 矢印をプレレンダリング
  66.             var dummy:Sprite = new Sprite();
  67.             dummy.graphics.beginFill(0xFF4444, 1);
  68.             dummy.graphics.lineStyle(1, 0x0, 1);
  69.             dummy.graphics.moveTo(2, 4);
  70.             dummy.graphics.lineTo(8, 4);
  71.             dummy.graphics.lineTo(8, 0);
  72.             dummy.graphics.lineTo(20, 7);
  73.             dummy.graphics.lineTo(8, 14);
  74.             dummy.graphics.lineTo(8, 10);
  75.             dummy.graphics.lineTo(2, 10);
  76.             dummy.graphics.lineTo(2, 4);
  77.             var dummyBg:Sprite = new Sprite();
  78.             dummyBg.graphics.beginFill(0x4444FF, 0.5);
  79.             dummyBg.graphics.lineStyle(1, 0x0, 1);
  80.             dummyBg.graphics.moveTo(2, 4);
  81.             dummyBg.graphics.lineTo(8, 4);
  82.             dummyBg.graphics.lineTo(8, 0);
  83.             dummyBg.graphics.lineTo(20, 7);
  84.             dummyBg.graphics.lineTo(8, 14);
  85.             dummyBg.graphics.lineTo(8, 10);
  86.             dummyBg.graphics.lineTo(2, 10);
  87.             dummyBg.graphics.lineTo(2, 4);
  88.             var dummyHolder:Sprite = new Sprite();
  89.             dummyHolder.addChild(dummyBg);
  90.             dummyHolder.addChild(dummy);
  91.             var matrix:Matrix;
  92.             var j:int = ALPHA_STEPS;
  93.             while(j--){
  94.                 var i:int = ROT_STEPS;
  95.                 var k:int = j * ROT_STEPS;
  96.                 var sp: Sprite = new Sprite();
  97.                 world.addChild(sp);
  98.                 // 忘れがちだけどこれ入れるだけでマウスが乗った時の重さが違う
  99.                 sp.mouseChildren = sp.mouseEnabled = false;
  100.                 dummy.alpha = j / (ALPHA_STEPS-1);
  101.                 dummyBg.filters = [new BlurFilter(4.0*(1.0 - j / (ALPHA_STEPS-1)),4.0*(1.0 - j / (ALPHA_STEPS-1)))];
  102.                 dummy.filters = [new BlurFilter(4.0*(1.0 - j / (ALPHA_STEPS-1)),4.0*(1.0 - j / (ALPHA_STEPS-1)))];
  103.                 while (i--)
  104.                 {
  105.                     matrix = new Matrix();
  106.                     matrix.translate( -11, -11);
  107.                     matrix.rotate( ( 360 / ROT_STEPS * i )* Math.PI / 180);
  108.                     matrix.translate( 11, 11);
  109.                     rotArr[i+k] = new BitmapData(22, 22, true, 0x0);
  110.                     rotArr[i+k].draw(dummyHolder, matrix);
  111.                 }
  112.             }
  113.             
  114.             // パーティクルを生成します
  115.             for (i = 0; i < NUM_PARTICLE; i++) {
  116.                 var px:Number = Math.random() * 465;
  117.                 var py:Number = Math.random() * 465;
  118.                 particleList[i] = new Arrow(px, py);
  119.                 world.addChild(particleList[i]);
  120.             }
  121.             
  122.             // デバッグ用のスタッツを表示しています
  123.             addChild(new Stats);
  124.         }
  125.         
  126.         private function loop( e:Event ):void {
  127.             
  128.             var len:uint = particleList.length;
  129.             var col:Number;
  130.             
  131.             for (var i:uint = 0; i < len; i++) {
  132.                 
  133.                 var arrow:Arrow = particleList[i];
  134.                 
  135.                 var oldX:Number = arrow.x;
  136.                 var oldY:Number = arrow.y;
  137.                 
  138.                 col = forceMap.getPixel( arrow.x >> 1, arrow.y >> 1);
  139.                 arrow.ax += ( (col      & 0xff) - 0x80 ) * .0005;
  140.                 arrow.ay += ( (col >> 8 & 0xff) - 0x80 ) * .0005;
  141.                 arrow.vx += arrow.ax;
  142.                 arrow.vy += arrow.ay;
  143.                 arrow.x += arrow.vx;
  144.                 arrow.y += arrow.vy;
  145.                 
  146.                 var _posX:Number = arrow.x;
  147.                 var _posY:Number = arrow.y;
  148.                 
  149.                 // rot成分
  150.                 var rot:Number = - Math.atan2((_posX - oldX), (_posY - oldY)) * 180 / Math.PI + 90;
  151.                 var angle:int = rot / 360 * ROT_STEPS | 0;
  152.                 // Math.absの高速化ね
  153.                 // angle = (angle ^ (angle >> 31)) - (angle >> 31);
  154.                 // angle = (angle + 130) & 119; // (angle + 130) % 120 の高速化
  155.                 // ↑これ & 2^n-1 になるときでないと使えないと思う
  156.                 angle = (angle + 130) % 120;
  157.                 arrow.rot += (angle - arrow.rot) * 0.2;
  158.                 
  159.                 // alpha成分
  160.                 var speed:int = (arrow.vx*arrow.vx + arrow.vy*arrow.vy) >> 1; // *0.5
  161.                 speed = Math.min(ALPHA_STEPS-1, speed);
  162.                 arrow.bitmapData = rotArr[arrow.rot + ROT_STEPS * speed];
  164.                 // speedに応じてソート。これが重い
  165.                 // こんなのはどうだろう？
  166.                 Sprite(world.getChildAt(speed)).addChild(arrow);
  167.                     
  168.                 arrow.ax *= .96;
  169.                 arrow.ay *= .96;
  170.                 arrow.vx *= .92;
  171.                 arrow.vy *= .92;
  172.                 
  173.                 // あと配置座標を整数化しておきます
  174.                 arrow.x = arrow.x | 0;
  175.                 arrow.y = arrow.y | 0;
  176.                 
  177.                 ( _posX > 465 ) ? arrow.x = 0 :
  178.                     ( _posX < 0 ) ? arrow.x = 465 : 0;
  179.                 ( _posY > 465 ) ? arrow.y = 0 :
  180.                     ( _posY < 0 ) ? arrow.y = 465 : 0;
  181.             }
  182.         }
  183.         
  184.         private function resetFunc(e:Event = null):void{
  185.             forceMap.perlinNoise(117, 117, 3, seed, false, true, 6, false, offset);
  186.             
  187.             offset[0].x += 1.5;
  188.             offset[1].y += 1;
  189.             seed = Math.floor( Math.random() * 0xFFFFFF );
  190.         }
  191.     }
  192. }
  194. import flash.display.*;
  196. class Arrow extends Bitmap
  197. {
  198.     public var rot:int = 0;
  199.     public var vx:Number = 0;
  200.     public var vy:Number = 0;
  201.     public var ax:Number = 0;
  202.     public var ay:Number = 0;
  204.     function Arrow( x:Number, y:Number) {
  205.         this.x = x;
  206.         this.y = y;
  207.     }
  208. }
noswf
Get Adobe Flash Player