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

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

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


embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

ちょっと変えたけどそんなに速くならなかった 画像をトリミングしてみた（中心点未調整） [diff(11)]

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