※現在、「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

TALK
きもちい　水さわってるみたいだねー
at 2009/10/23 18:31:08 by
FAVORITE BY
:
流体，例子流体，例子
:
:
速度线
:
particle流体シミュレーション
:
きもちいいいいい
:
:
:
BitmapDataparticlesマウスドラッグでパーティクルが流れる
:
:
:
:
:
:
:
:
:
かっこよすぎ
:
流体
:
:
サラサラ流れるイメージ
:
:
粒子流体
:
４６ｘ４６のグリッドぐらいでもナチュラルな動き。粒子の描画方法でいろいろ応用できそう。
:
particleすげ
FORKED
>sort

流体パーティクル forked from: 流体パーティクル [diff(1)]

  1. // forked from miniapp's 流体パーティクル
  2. /**
  3.  * Fluid \ Learning \ Processing 1.0
  4.  * http://www.processing.org/learning/topics/fluid.html
  5.  * 
  6.  * via [Flash]流体っぽいのを作ろうと思った | blog ViolentCoding
  7.  * http://violentcoding.com/blog/2008/07/26/archives/135
  8.  */
  9. package {
  10.     import flash.display.Bitmap;
  11.     import flash.display.BitmapData;
  12.     import flash.display.Sprite;
  13.     import flash.display.StageAlign;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.MouseEvent;
  18.     import flash.geom.ColorTransform;
  19.     import flash.geom.Rectangle;
  20.     import net.hires.debug.Stats;
  21.     
  22.     [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
  23.     public class FluidLine extends Sprite {
  24.         
  25.         public function FluidLine() {
  26.             if (stage) init();
  27.             else addEventListener(Event.ADDED_TO_STAGE, init);
  28.         }
  29.         
  30.         private var pmouseX:Number;
  31.         private var pmouseY:Number;
  32.         private var canvasWidth:int = 465;
  33.         private var canvasHeight:int = 465;
  34.         private var mousePressed:Boolean;
  35.         private var resolution:int = 10;
  36.         private var penSize:int = 40;
  37.         private var numCols:int = canvasWidth / resolution;;
  38.         private var numRows:int = canvasHeight / resolution;
  39.         private var numParticles:int = 6000;
  40.         private var gridDatasVectors:Vector.<Vector.<GridData>> = new Vector.<Vector.<GridData>>();
  41.         private var particles:Vector.<Particle> = new Vector.<Particle>(numParticles, true);
  42.         private var pcount:int = 0;
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             stage.align = StageAlign.TOP_LEFT;
  48.             
  49.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  50.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  51.             
  52. Wonderfl.capture_delay(5);
  54.             //stage.quality = StageQuality.MEDIUM;
  55.             //addChild(new Stats());
  56.             
  57.             for (var i:int = 0; i < numParticles; i++) {
  58.                 particles[i] = new Particle(Math.random() * canvasWidth, Math.random() * canvasHeight);
  59.             }
  60.             
  61.             for (var col:int = 0; col < numCols; ++col) { 
  62.                 gridDatasVectors[col] = new Vector.<GridData>(numRows, true);
  63.                 for (var row:int = 0; row < numRows; ++row) { 
  64.                     var gridData:GridData = new GridData(col * resolution, row * resolution, resolution);
  65.                     gridData.col = col;
  66.                     gridData.row = row;
  67.                     gridDatasVectors[col][row] = gridData;
  68.                 }
  69.             }
  70.             
  71.             //隣接するグリッドをセットしていく。
  72.             for (col = 0; col < numCols; ++col) { 
  73.                 for (row = 0; row < numRows; ++row) { 
  74.                     gridData = gridDatasVectors[col][row];
  75.                     if (row > 0) {
  76.                         var up:GridData = gridDatasVectors[col][row - 1];//上
  77.                         gridData.up = up;
  78.                         up.low = gridData;//下
  79.                     }
  80.                     
  81.                     if (col > 0) {
  82.                         var left:GridData = gridDatasVectors[col - 1][row];//左
  83.                         gridData.left = left;
  84.                         left.right = gridData;//右
  85.                     }
  86.                     
  87.                     if (row > 0 && col > 0) {
  88.                         var upperLeft:GridData = gridDatasVectors[col - 1][row - 1];
  89.                         gridData.upperLeft = upperLeft;
  90.                         upperLeft.lowerRight = gridData;
  91.                     }
  92.                     
  93.                     if (row > 0 && col < numCols - 1) {
  94.                         var upperRight:GridData = gridDatasVectors[col + 1][row - 1];
  95.                         gridData.upperRight = upperRight;
  96.                         upperRight.lowerLeft = gridData;
  97.                     }
  98.                 }
  99.             }
  100.             
  101.             gridDatasVectors.fixed = true;
  102.             addEventListener(Event.ENTER_FRAME, draw);
  103.         }
  104.         
  105.         private function draw(e:Event):void {
  106.             var mouseXvel:Number = mouseX - pmouseX;
  107.             var mouseYvel:Number = mouseY - pmouseY;
  108.             
  109.             for each(var gridDatas:Vector.<GridData> in gridDatasVectors) {
  110.                 for each(var gridData:GridData in gridDatas) {
  111.                     if (mousePressed) {
  112.                         updateGridDataVelocity(gridData, mouseXvel, mouseYvel, penSize);
  113.                     }
  114.                     updatePressure(gridData);
  115.                     
  116.                 }
  117.             }
  118.             
  119.             graphics.clear();
  120.             graphics.lineStyle(1, 0xFFFFFF);
  121.             updateParticle();
  122.             
  123.             for each(gridDatas in gridDatasVectors) {
  124.                 for each(gridData in gridDatas) {
  125.                     apdateVelocity(gridData);
  126.                 }
  127.             }
  128.             
  129.             pmouseX = mouseX;
  130.             pmouseY = mouseY;
  131.         }
  132.         
  133.         public function updateParticle():void {
  134.             for each(var p:Particle in particles) {
  135.                 if (p.x >= 0 && p.x < canvasWidth && p.y >= 0 && p.y < canvasHeight) {
  136.                     var col:int = int(p.x / resolution);//自身が属しているgridDataを見つける
  137.                     var row:int = int(p.y / resolution);
  138.                     
  139.                     if (col > numCols - 1) col = numCols - 1;
  140.                     if (row > numRows - 1) row = numRows - 1;
  141.                     
  142.                     var gridData:GridData = gridDatasVectors[col][row];
  143.                     
  144.                     var ax:Number = (p.x % resolution) / resolution;
  145.                     var ay:Number = (p.y % resolution) / resolution;
  146.                     p.xvel += (1 - ax) * gridData.xvel * 0.05;
  147.                     p.yvel += (1 - ay) * gridData.yvel * 0.05;
  148.                     
  149.                     p.xvel += ax * gridData.right.xvel * 0.05;
  150.                     p.yvel += ax * gridData.right.yvel * 0.05;
  151.                     
  152.                     p.xvel += ay * gridData.low.xvel * 0.05;
  153.                     p.yvel += ay * gridData.low.yvel * 0.05;
  154.                     
  155.                     p.x += p.xvel;
  156.                     p.y += p.yvel;
  157.                     
  158.                     var dx:Number = p.px - p.x;
  159.                     var dy:Number = p.py - p.y;
  160.                     var dist:Number = Math.sqrt(dx * dx + dy * dy);
  161.                     var limit:Number = Math.random() * 0.5;
  162.                     
  163.                     if (dist > limit) {
  164.                         graphics.moveTo(p.x, p.y);
  165.                         graphics.lineTo(p.px, p.py);
  166.                     }
  167.                     else {
  168.                         graphics.moveTo(p.x, p.y);
  169.                         graphics.lineTo(p.x + limit, p.y + limit);
  170.                     }
  171.                     
  172.                     p.px = p.x;
  173.                     p.py = p.y;
  174.                 }
  175.                 else {
  176.                     p.x = p.px = Math.random() * canvasWidth;
  177.                     p.y = p.py = Math.random() * canvasHeight;
  178.                     p.xvel = 0;
  179.                     p.yvel = 0;
  180.                 }
  181.                 
  182.                 p.xvel *= 0.5;
  183.                 p.yvel *= 0.5;
  184.             }
  185.         }
  186.         
  187.         /**
  188.          * マウスドラッグの処理
  189.          * @param    gridData
  190.          * @param    mvelX
  191.          * @param    mvelY
  192.          * @param    penSize
  193.          */
  194.         public function updateGridDataVelocity(gridData:GridData, mvelX:int, mvelY:int, penSize:Number):void {
  195.             var dx:Number = gridData.x - mouseX;
  196.             var dy:Number = gridData.y - mouseY;
  197.             var dist:Number = Math.sqrt(dy * dy + dx * dx);
  198.             
  199.             if (dist < penSize) { 
  200.                 if (dist < 4) {
  201.                     dist = penSize;
  202.                 }
  203.                 
  204.                 //マウスに近いほど力が強くなるように。
  205.                 var power:Number = penSize / dist;
  206.                 gridData.xvel += mvelX * power;
  207.                 gridData.yvel += mvelY * power;
  208.             }
  209.         }
  210.         
  211.         public function updatePressure(gridData:GridData):void {
  212.             var pressureX:Number = (
  213.                   gridData.upperLeft.xvel * 0.5 //左上
  214.                 + gridData.left.xvel       //左
  215.                 + gridData.lowerLeft.xvel * 0.5 //左下
  216.                 - gridData.upperRight.xvel * 0.5 //右上
  217.                 - gridData.right.xvel       //右
  218.                 - gridData.lowerRight.xvel * 0.5 //右下
  219.             );
  220.             
  221.             var pressureY:Number = (
  222.                   gridData.upperLeft.yvel * 0.5 //左上
  223.                 + gridData.up.yvel       //上
  224.                 + gridData.upperRight.yvel * 0.5 //右上
  225.                 - gridData.lowerLeft.yvel * 0.5 //左下
  226.                 - gridData.low.yvel       //下
  227.                 - gridData.lowerRight.yvel * 0.5 //右下
  228.             );
  229.             
  230.             gridData.pressure = (pressureX + pressureY) * 0.25;
  231.         }
  232.         
  233.         public function apdateVelocity(gridData:GridData):void {
  234.             gridData.xvel += (
  235.                   gridData.upperLeft.pressure * 0.5 //左上
  236.                 + gridData.left.pressure       //左
  237.                 + gridData.lowerLeft.pressure * 0.5 //左下
  238.                 - gridData.upperRight.pressure * 0.5 //右上
  239.                 - gridData.right.pressure       //右
  240.                 - gridData.lowerRight.pressure * 0.5 //右下
  241.             ) * 0.25;
  242.             
  243.             gridData.yvel += (
  244.                   gridData.upperLeft.pressure * 0.5 //左上
  245.                 + gridData.up.pressure       //上
  246.                 + gridData.upperRight.pressure * 0.5 //右上
  247.                 - gridData.lowerLeft.pressure * 0.5 //左下
  248.                 - gridData.low.pressure       //下
  249.                 - gridData.lowerRight.pressure * 0.5 //右下
  250.             ) * 0.25;
  251.             
  252.             gridData.xvel *= 0.99;
  253.             gridData.yvel *= 0.99;
  254.         }
  255.         
  256.         private function mouseDownHandler(e:Event):void {
  257.             mousePressed = true;
  258.         }
  259.         
  260.         private function mouseUpHandler(e:Event):void {
  261.             mousePressed = false;
  262.         }
  263.     }    
  264. }
  268. import flash.geom.Rectangle;
  269. class BaseGridData {
  270.     
  271.     public var col:int = 0;
  272.     public var row:int = 0;
  273.     
  274.     public var x:int = 0;
  275.     public var y:int = 0;
  276.     
  277.     public var xvel:Number = 0;
  278.     public var yvel:Number = 0;
  279.     
  280.     public var pressure:Number = 0;
  281.     
  282.     public var color:Number = 0;
  283.     public var rgb:uint;
  284.     public var rectangle:Rectangle;
  285. }
  287. class GridData extends BaseGridData{
  288.     
  289.     public function GridData(x:int, y:int, resolution:Number) {
  290.         this.x = x;
  291.         this.y = y;
  292.         rectangle = new Rectangle(x, y, resolution, resolution)
  293.     }
  294.     
  295.     //すべてのグリッドが8方向に隣接したグリッドを持つわけではないので、
  296.     //空のデータをセットしておく。
  297.     public var upperLeft:BaseGridData = new NullGridData();//左上
  298.     public var up:BaseGridData = new NullGridData();//上
  299.     public var upperRight:BaseGridData = new NullGridData();//右上
  300.     
  301.     public var left:BaseGridData = new NullGridData();//左
  302.     public var right:BaseGridData = new NullGridData();//右
  303.     
  304.     public var lowerLeft:BaseGridData = new NullGridData();//左下
  305.     public var low:BaseGridData = new NullGridData();//下
  306.     public var lowerRight:BaseGridData = new NullGridData();//右下    
  307. }
  309. class NullGridData extends BaseGridData{
  310. }
  312. class Particle {    
  313.     
  314.     public function Particle(x:Number, y:Number) {
  315.         this.x = px = x;
  316.         this.y = py = y;
  317.     }
  318.     
  319.     public var x:Number;
  320.     public var y:Number;
  321.     
  322.     public var px:Number;
  323.     public var py:Number;
  324.     public var xvel:Number = 0;
  325.     public var yvel:Number = 0;
  326.     
  327. }
noswf

流体パーティクル forked from: 流体パーティクル [diff(5)]

  1. // forked from miniapp's 流体パーティクル
  2. /**
  3.  * Fluid \ Learning \ Processing 1.0
  4.  * http://www.processing.org/learning/topics/fluid.html
  5.  * 
  6.  * via [Flash]流体っぽいのを作ろうと思った | blog ViolentCoding
  7.  * http://violentcoding.com/blog/2008/07/26/archives/135
  8.  */
  9. package {
  10.     import flash.display.Bitmap;
  11.     import flash.display.BitmapData;
  12.     import flash.display.Sprite;
  13.     import flash.display.StageAlign;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.MouseEvent;
  18.     import flash.geom.ColorTransform;
  19.     import flash.geom.Rectangle;
  20.     import net.hires.debug.Stats;
  21.     
  22.     [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
  23.     public class FluidLine extends Sprite {
  24.         
  25.         public function FluidLine() {
  26.             if (stage) init();
  27.             else addEventListener(Event.ADDED_TO_STAGE, init);
  28.         }
  29.         
  30.         private var pmouseX:Number;
  31.         private var pmouseY:Number;
  32.         private var canvasWidth:int = 465;
  33.         private var canvasHeight:int = 465;
  34.         private var mousePressed:Boolean;
  35.         private var resolution:int = 5;
  36.         private var penSize:int = 80;
  37.         private var numCols:int = canvasWidth / resolution;;
  38.         private var numRows:int = canvasHeight / resolution;
  39.         private var numParticles:int = 2000;
  40.         private var gridDatasVectors:Vector.<Vector.<GridData>> = new Vector.<Vector.<GridData>>();
  41.         private var particles:Vector.<Particle> = new Vector.<Particle>(numParticles, true);
  42.         private var pcount:int = 0;
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             stage.align = StageAlign.TOP_LEFT;
  48.             
  49.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  50.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  51.             
  52. Wonderfl.capture_delay(5);
  54.             //stage.quality = StageQuality.MEDIUM;
  55.             //addChild(new Stats());
  56.             
  57.             for (var i:int = 0; i < numParticles; i++) {
  58.                 particles[i] = new Particle(Math.random() * canvasWidth, Math.random() * canvasHeight);
  59.             }
  60.             
  61.             for (var col:int = 0; col < numCols; ++col) { 
  62.                 gridDatasVectors[col] = new Vector.<GridData>(numRows, true);
  63.                 for (var row:int = 0; row < numRows; ++row) { 
  64.                     var gridData:GridData = new GridData(col * resolution, row * resolution, resolution);
  65.                     gridData.col = col;
  66.                     gridData.row = row;
  67.                     gridDatasVectors[col][row] = gridData;
  68.                 }
  69.             }
  70.             
  71.             //隣接するグリッドをセットしていく。
  72.             for (col = 0; col < numCols; ++col) { 
  73.                 for (row = 0; row < numRows; ++row) { 
  74.                     gridData = gridDatasVectors[col][row];
  75.                     if (row > 0) {
  76.                         var up:GridData = gridDatasVectors[col][row - 1];//上
  77.                         gridData.up = up;
  78.                         up.low = gridData;//下
  79.                     }
  80.                     
  81.                     if (col > 0) {
  82.                         var left:GridData = gridDatasVectors[col - 1][row];//左
  83.                         gridData.left = left;
  84.                         left.right = gridData;//右
  85.                     }
  86.                     
  87.                     if (row > 0 && col > 0) {
  88.                         var upperLeft:GridData = gridDatasVectors[col - 1][row - 1];
  89.                         gridData.upperLeft = upperLeft;
  90.                         upperLeft.lowerRight = gridData;
  91.                     }
  92.                     
  93.                     if (row > 0 && col < numCols - 1) {
  94.                         var upperRight:GridData = gridDatasVectors[col + 1][row - 1];
  95.                         gridData.upperRight = upperRight;
  96.                         upperRight.lowerLeft = gridData;
  97.                     }
  98.                 }
  99.             }
  100.             
  101.             gridDatasVectors.fixed = true;
  102.             addEventListener(Event.ENTER_FRAME, draw);
  103.         }
  104.         
  105.         private function draw(e:Event):void {
  106.             var mouseXvel:Number = mouseX - pmouseX;
  107.             var mouseYvel:Number = mouseY - pmouseY;
  108.             
  109.             for each(var gridDatas:Vector.<GridData> in gridDatasVectors) {
  110.                 for each(var gridData:GridData in gridDatas) {
  111.                     if (mousePressed) {
  112.                         updateGridDataVelocity(gridData, mouseXvel, mouseYvel, penSize);
  113.                     }
  114.                     updatePressure(gridData);
  115.                     
  116.                 }
  117.             }
  118.             
  119.             graphics.clear();
  120.             graphics.lineStyle(1, 0xFFFFFF);
  121.             updateParticle();
  122.             
  123.             for each(gridDatas in gridDatasVectors) {
  124.                 for each(gridData in gridDatas) {
  125.                     apdateVelocity(gridData);
  126.                 }
  127.             }
  128.             
  129.             pmouseX = mouseX;
  130.             pmouseY = mouseY;
  131.         }
  132.         
  133.         public function updateParticle():void {
  134.             for each(var p:Particle in particles) {
  135.                 if (p.x >= 0 && p.x < canvasWidth && p.y >= 0 && p.y < canvasHeight) {
  136.                     var col:int = int(p.x / resolution);//自身が属しているgridDataを見つける
  137.                     var row:int = int(p.y / resolution);
  138.                     
  139.                     if (col > numCols - 1) col = numCols - 1;
  140.                     if (row > numRows - 1) row = numRows - 1;
  141.                     
  142.                     var gridData:GridData = gridDatasVectors[col][row];
  143.                     
  144.                     var ax:Number = (p.x % resolution) / resolution;
  145.                     var ay:Number = (p.y % resolution) / resolution;
  146.                     p.xvel += (1 - ax) * gridData.xvel * 0.05;
  147.                     p.yvel += (1 - ay) * gridData.yvel * 0.05;
  148.                     
  149.                     p.xvel += ax * gridData.right.xvel * 0.05;
  150.                     p.yvel += ax * gridData.right.yvel * 0.05;
  151.                     
  152.                     p.xvel += ay * gridData.low.xvel * 0.05;
  153.                     p.yvel += ay * gridData.low.yvel * 0.05;
  154.                     
  155.                     p.x += p.xvel;
  156.                     p.y += p.yvel;
  157.                     
  158.                     var dx:Number = p.px - p.x;
  159.                     var dy:Number = p.py - p.y;
  160.                     var dist:Number = Math.sqrt(dx * dx + dy * dy);
  161.                     var limit:Number = Math.random() * 0.5;
  162.                     
  163.                     if (dist > limit) {
  164.                         graphics.moveTo(p.x, p.y);
  165.                         graphics.lineTo(p.px, p.py);
  166.                     }
  167.                     else {
  168.                         graphics.moveTo(p.x, p.y);
  169.                         graphics.lineTo(p.x + limit, p.y + limit);
  170.                     }
  171.                     
  172.                     p.px = p.x;
  173.                     p.py = p.y;
  174.                 }
  175.                 else {
  176.                     p.x = p.px = Math.random() * canvasWidth;
  177.                     p.y = p.py = Math.random() * canvasHeight;
  178.                     p.xvel = 0;
  179.                     p.yvel = 0;
  180.                 }
  181.                 
  182.                 p.xvel *= 0.5;
  183.                 p.yvel *= 0.5;
  184.             }
  185.         }
  186.         
  187.         /**
  188.          * マウスドラッグの処理
  189.          * @param    gridData
  190.          * @param    mvelX
  191.          * @param    mvelY
  192.          * @param    penSize
  193.          */
  194.         public function updateGridDataVelocity(gridData:GridData, mvelX:int, mvelY:int, penSize:Number):void {
  195.             var dx:Number = gridData.x - mouseX;
  196.             var dy:Number = gridData.y - mouseY;
  197.             var dist:Number = Math.sqrt(dy * dy + dx * dx);
  198.             
  199.             if (dist < penSize) { 
  200.                 if (dist < 16) {
  201.                     dist = penSize;
  202.                 }
  203.                 
  204.                 //マウスに近いほど力が強くなるように。
  205.                 var power:Number = penSize / dist;
  206.                 gridData.xvel += mvelX * power;
  207.                 gridData.yvel += mvelY * power;
  208.             }
  209.         }
  210.         
  211.         public function updatePressure(gridData:GridData):void {
  212.             var pressureX:Number = (
  213.                   gridData.upperLeft.xvel * 0.5 //左上
  214.                 + gridData.left.xvel       //左
  215.                 + gridData.lowerLeft.xvel * 0.5 //左下
  216.                 - gridData.upperRight.xvel * 0.5 //右上
  217.                 - gridData.right.xvel       //右
  218.                 - gridData.lowerRight.xvel * 0.5 //右下
  219.             );
  220.             
  221.             var pressureY:Number = (
  222.                   gridData.upperLeft.yvel * 0.5 //左上
  223.                 + gridData.up.yvel       //上
  224.                 + gridData.upperRight.yvel * 0.5 //右上
  225.                 - gridData.lowerLeft.yvel * 0.5 //左下
  226.                 - gridData.low.yvel       //下
  227.                 - gridData.lowerRight.yvel * 0.5 //右下
  228.             );
  229.             
  230.             gridData.pressure = (pressureX + pressureY) * 0.25;
  231.         }
  232.         
  233.         public function apdateVelocity(gridData:GridData):void {
  234.             gridData.xvel += (
  235.                   gridData.upperLeft.pressure * 0.5 //左上
  236.                 + gridData.left.pressure       //左
  237.                 + gridData.lowerLeft.pressure * 0.5 //左下
  238.                 - gridData.upperRight.pressure * 0.5 //右上
  239.                 - gridData.right.pressure       //右
  240.                 - gridData.lowerRight.pressure * 0.5 //右下
  241.             ) * 0.25;
  242.             
  243.             gridData.yvel += (
  244.                   gridData.upperLeft.pressure * 0.5 //左上
  245.                 + gridData.up.pressure       //上
  246.                 + gridData.upperRight.pressure * 0.5 //右上
  247.                 - gridData.lowerLeft.pressure * 0.5 //左下
  248.                 - gridData.low.pressure       //下
  249.                 - gridData.lowerRight.pressure * 0.5 //右下
  250.             ) * 0.25;
  251.             
  252.             gridData.xvel *= 0.99;
  253.             gridData.yvel *= 0.99;
  254.         }
  255.         
  256.         private function mouseDownHandler(e:Event):void {
  257.             mousePressed = true;
  258.         }
  259.         
  260.         private function mouseUpHandler(e:Event):void {
  261.             mousePressed = false;
  262.         }
  263.     }    
  264. }
  268. import flash.geom.Rectangle;
  269. class BaseGridData {
  270.     
  271.     public var col:int = 0;
  272.     public var row:int = 0;
  273.     
  274.     public var x:int = 0;
  275.     public var y:int = 0;
  276.     
  277.     public var xvel:Number = 0;
  278.     public var yvel:Number = 0;
  279.     
  280.     public var pressure:Number = 0;
  281.     
  282.     public var color:Number = 0;
  283.     public var rgb:uint;
  284.     public var rectangle:Rectangle;
  285. }
  287. class GridData extends BaseGridData{
  288.     
  289.     public function GridData(x:int, y:int, resolution:Number) {
  290.         this.x = x;
  291.         this.y = y;
  292.         rectangle = new Rectangle(x, y, resolution, resolution)
  293.     }
  294.     
  295.     //すべてのグリッドが8方向に隣接したグリッドを持つわけではないので、
  296.     //空のデータをセットしておく。
  297.     public var upperLeft:BaseGridData = new NullGridData();//左上
  298.     public var up:BaseGridData = new NullGridData();//上
  299.     public var upperRight:BaseGridData = new NullGridData();//右上
  300.     
  301.     public var left:BaseGridData = new NullGridData();//左
  302.     public var right:BaseGridData = new NullGridData();//右
  303.     
  304.     public var lowerLeft:BaseGridData = new NullGridData();//左下
  305.     public var low:BaseGridData = new NullGridData();//下
  306.     public var lowerRight:BaseGridData = new NullGridData();//右下    
  307. }
  309. class NullGridData extends BaseGridData{
  310. }
  312. class Particle {    
  313.     
  314.     public function Particle(x:Number, y:Number) {
  315.         this.x = px = x;
  316.         this.y = py = y;
  317.     }
  318.     
  319.     public var x:Number;
  320.     public var y:Number;
  321.     
  322.     public var px:Number;
  323.     public var py:Number;
  324.     public var xvel:Number = 0;
  325.     public var yvel:Number = 0;
  326.     
  327. }
noswf

流体パーティクル forked from: 流体パーティクル [diff(1)]

  1. // forked from miniapp's 流体パーティクル
  2. /**
  3.  * Fluid \ Learning \ Processing 1.0
  4.  * http://www.processing.org/learning/topics/fluid.html
  5.  * 
  6.  * via [Flash]流体っぽいのを作ろうと思った | blog ViolentCoding
  7.  * http://violentcoding.com/blog/2008/07/26/archives/135
  8.  */
  9. package {
  10.     import flash.display.Bitmap;
  11.     import flash.display.BitmapData;
  12.     import flash.display.Sprite;
  13.     import flash.display.StageAlign;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.MouseEvent;
  18.     import flash.geom.ColorTransform;
  19.     import flash.geom.Rectangle;
  20.     import net.hires.debug.Stats;
  21.     
  22.     [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
  23.     public class FluidLine extends Sprite {
  24.         
  25.         public function FluidLine() {
  26.             if (stage) init();
  27.             else addEventListener(Event.ADDED_TO_STAGE, init);
  28.         }
  29.         
  30.         private var pmouseX:Number;
  31.         private var pmouseY:Number;
  32.         private var canvasWidth:int = 465;
  33.         private var canvasHeight:int = 465;
  34.         private var mousePressed:Boolean;
  35.         private var resolution:int = 10;
  36.         private var penSize:int = 40;
  37.         private var numCols:int = canvasWidth / resolution;;
  38.         private var numRows:int = canvasHeight / resolution;
  39.         private var numParticles:int = 6000;
  40.         private var gridDatasVectors:Vector.<Vector.<GridData>> = new Vector.<Vector.<GridData>>();
  41.         private var particles:Vector.<Particle> = new Vector.<Particle>(numParticles, true);
  42.         private var pcount:int = 0;
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             stage.align = StageAlign.TOP_LEFT;
  48.             
  49.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  50.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  51.             
  52. Wonderfl.capture_delay(5);
  54.             //stage.quality = StageQuality.MEDIUM;
  55.             //addChild(new Stats());
  56.             
  57.             for (var i:int = 0; i < numParticles; i++) {
  58.                 particles[i] = new Particle(Math.random() * canvasWidth, Math.random() * canvasHeight);
  59.             }
  60.             
  61.             for (var col:int = 0; col < numCols; ++col) { 
  62.                 gridDatasVectors[col] = new Vector.<GridData>(numRows, true);
  63.                 for (var row:int = 0; row < numRows; ++row) { 
  64.                     var gridData:GridData = new GridData(col * resolution, row * resolution, resolution);
  65.                     gridData.col = col;
  66.                     gridData.row = row;
  67.                     gridDatasVectors[col][row] = gridData;
  68.                 }
  69.             }
  70.             
  71.             //隣接するグリッドをセットしていく。
  72.             for (col = 0; col < numCols; ++col) { 
  73.                 for (row = 0; row < numRows; ++row) { 
  74.                     gridData = gridDatasVectors[col][row];
  75.                     if (row > 0) {
  76.                         var up:GridData = gridDatasVectors[col][row - 1];//上
  77.                         gridData.up = up;
  78.                         up.low = gridData;//下
  79.                     }
  80.                     
  81.                     if (col > 0) {
  82.                         var left:GridData = gridDatasVectors[col - 1][row];//左
  83.                         gridData.left = left;
  84.                         left.right = gridData;//右
  85.                     }
  86.                     
  87.                     if (row > 0 && col > 0) {
  88.                         var upperLeft:GridData = gridDatasVectors[col - 1][row - 1];
  89.                         gridData.upperLeft = upperLeft;
  90.                         upperLeft.lowerRight = gridData;
  91.                     }
  92.                     
  93.                     if (row > 0 && col < numCols - 1) {
  94.                         var upperRight:GridData = gridDatasVectors[col + 1][row - 1];
  95.                         gridData.upperRight = upperRight;
  96.                         upperRight.lowerLeft = gridData;
  97.                     }
  98.                 }
  99.             }
  100.             
  101.             gridDatasVectors.fixed = true;
  102.             addEventListener(Event.ENTER_FRAME, draw);
  103.         }
  104.         
  105.         private function draw(e:Event):void {
  106.             var mouseXvel:Number = mouseX - pmouseX;
  107.             var mouseYvel:Number = mouseY - pmouseY;
  108.             
  109.             for each(var gridDatas:Vector.<GridData> in gridDatasVectors) {
  110.                 for each(var gridData:GridData in gridDatas) {
  111.                     if (mousePressed) {
  112.                         updateGridDataVelocity(gridData, mouseXvel, mouseYvel, penSize);
  113.                     }
  114.                     updatePressure(gridData);
  115.                     
  116.                 }
  117.             }
  118.             
  119.             graphics.clear();
  120.             graphics.lineStyle(1, 0xFFFFFF);
  121.             updateParticle();
  122.             
  123.             for each(gridDatas in gridDatasVectors) {
  124.                 for each(gridData in gridDatas) {
  125.                     apdateVelocity(gridData);
  126.                 }
  127.             }
  128.             
  129.             pmouseX = mouseX;
  130.             pmouseY = mouseY;
  131.         }
  132.         
  133.         public function updateParticle():void {
  134.             for each(var p:Particle in particles) {
  135.                 if (p.x >= 0 && p.x < canvasWidth && p.y >= 0 && p.y < canvasHeight) {
  136.                     var col:int = int(p.x / resolution);//自身が属しているgridDataを見つける
  137.                     var row:int = int(p.y / resolution);
  138.                     
  139.                     if (col > numCols - 1) col = numCols - 1;
  140.                     if (row > numRows - 1) row = numRows - 1;
  141.                     
  142.                     var gridData:GridData = gridDatasVectors[col][row];
  143.                     
  144.                     var ax:Number = (p.x % resolution) / resolution;
  145.                     var ay:Number = (p.y % resolution) / resolution;
  146.                     p.xvel += (1 - ax) * gridData.xvel * 0.05;
  147.                     p.yvel += (1 - ay) * gridData.yvel * 0.05;
  148.                     
  149.                     p.xvel += ax * gridData.right.xvel * 0.05;
  150.                     p.yvel += ax * gridData.right.yvel * 0.05;
  151.                     
  152.                     p.xvel += ay * gridData.low.xvel * 0.05;
  153.                     p.yvel += ay * gridData.low.yvel * 0.05;
  154.                     
  155.                     p.x += p.xvel;
  156.                     p.y += p.yvel;
  157.                     
  158.                     var dx:Number = p.px - p.x;
  159.                     var dy:Number = p.py - p.y;
  160.                     var dist:Number = Math.sqrt(dx * dx + dy * dy);
  161.                     var limit:Number = Math.random() * 0.5;
  162.                     
  163.                     if (dist > limit) {
  164.                         graphics.moveTo(p.x, p.y);
  165.                         graphics.lineTo(p.px, p.py);
  166.                     }
  167.                     else {
  168.                         graphics.moveTo(p.x, p.y);
  169.                         graphics.lineTo(p.x + limit, p.y + limit);
  170.                     }
  171.                     
  172.                     p.px = p.x;
  173.                     p.py = p.y;
  174.                 }
  175.                 else {
  176.                     p.x = p.px = Math.random() * canvasWidth;
  177.                     p.y = p.py = Math.random() * canvasHeight;
  178.                     p.xvel = 0;
  179.                     p.yvel = 0;
  180.                 }
  181.                 
  182.                 p.xvel *= 0.5;
  183.                 p.yvel *= 0.5;
  184.             }
  185.         }
  186.         
  187.         /**
  188.          * マウスドラッグの処理
  189.          * @param    gridData
  190.          * @param    mvelX
  191.          * @param    mvelY
  192.          * @param    penSize
  193.          */
  194.         public function updateGridDataVelocity(gridData:GridData, mvelX:int, mvelY:int, penSize:Number):void {
  195.             var dx:Number = gridData.x - mouseX;
  196.             var dy:Number = gridData.y - mouseY;
  197.             var dist:Number = Math.sqrt(dy * dy + dx * dx);
  198.             
  199.             if (dist < penSize) { 
  200.                 if (dist < 4) {
  201.                     dist = penSize;
  202.                 }
  203.                 
  204.                 //マウスに近いほど力が強くなるように。
  205.                 var power:Number = penSize / dist;
  206.                 gridData.xvel += mvelX * power;
  207.                 gridData.yvel += mvelY * power;
  208.             }
  209.         }
  210.         
  211.         public function updatePressure(gridData:GridData):void {
  212.             var pressureX:Number = (
  213.                   gridData.upperLeft.xvel * 0.5 //左上
  214.                 + gridData.left.xvel       //左
  215.                 + gridData.lowerLeft.xvel * 0.5 //左下
  216.                 - gridData.upperRight.xvel * 0.5 //右上
  217.                 - gridData.right.xvel       //右
  218.                 - gridData.lowerRight.xvel * 0.5 //右下
  219.             );
  220.             
  221.             var pressureY:Number = (
  222.                   gridData.upperLeft.yvel * 0.5 //左上
  223.                 + gridData.up.yvel       //上
  224.                 + gridData.upperRight.yvel * 0.5 //右上
  225.                 - gridData.lowerLeft.yvel * 0.5 //左下
  226.                 - gridData.low.yvel       //下
  227.                 - gridData.lowerRight.yvel * 0.5 //右下
  228.             );
  229.             
  230.             gridData.pressure = (pressureX + pressureY) * 0.25;
  231.         }
  232.         
  233.         public function apdateVelocity(gridData:GridData):void {
  234.             gridData.xvel += (
  235.                   gridData.upperLeft.pressure * 0.5 //左上
  236.                 + gridData.left.pressure       //左
  237.                 + gridData.lowerLeft.pressure * 0.5 //左下
  238.                 - gridData.upperRight.pressure * 0.5 //右上
  239.                 - gridData.right.pressure       //右
  240.                 - gridData.lowerRight.pressure * 0.5 //右下
  241.             ) * 0.25;
  242.             
  243.             gridData.yvel += (
  244.                   gridData.upperLeft.pressure * 0.5 //左上
  245.                 + gridData.up.pressure       //上
  246.                 + gridData.upperRight.pressure * 0.5 //右上
  247.                 - gridData.lowerLeft.pressure * 0.5 //左下
  248.                 - gridData.low.pressure       //下
  249.                 - gridData.lowerRight.pressure * 0.5 //右下
  250.             ) * 0.25;
  251.             
  252.             gridData.xvel *= 0.99;
  253.             gridData.yvel *= 0.99;
  254.         }
  255.         
  256.         private function mouseDownHandler(e:Event):void {
  257.             mousePressed = true;
  258.         }
  259.         
  260.         private function mouseUpHandler(e:Event):void {
  261.             mousePressed = false;
  262.         }
  263.     }    
  264. }
  268. import flash.geom.Rectangle;
  269. class BaseGridData {
  270.     
  271.     public var col:int = 0;
  272.     public var row:int = 0;
  273.     
  274.     public var x:int = 0;
  275.     public var y:int = 0;
  276.     
  277.     public var xvel:Number = 0;
  278.     public var yvel:Number = 0;
  279.     
  280.     public var pressure:Number = 0;
  281.     
  282.     public var color:Number = 0;
  283.     public var rgb:uint;
  284.     public var rectangle:Rectangle;
  285. }
  287. class GridData extends BaseGridData{
  288.     
  289.     public function GridData(x:int, y:int, resolution:Number) {
  290.         this.x = x;
  291.         this.y = y;
  292.         rectangle = new Rectangle(x, y, resolution, resolution)
  293.     }
  294.     
  295.     //すべてのグリッドが8方向に隣接したグリッドを持つわけではないので、
  296.     //空のデータをセットしておく。
  297.     public var upperLeft:BaseGridData = new NullGridData();//左上
  298.     public var up:BaseGridData = new NullGridData();//上
  299.     public var upperRight:BaseGridData = new NullGridData();//右上
  300.     
  301.     public var left:BaseGridData = new NullGridData();//左
  302.     public var right:BaseGridData = new NullGridData();//右
  303.     
  304.     public var lowerLeft:BaseGridData = new NullGridData();//左下
  305.     public var low:BaseGridData = new NullGridData();//下
  306.     public var lowerRight:BaseGridData = new NullGridData();//右下    
  307. }
  309. class NullGridData extends BaseGridData{
  310. }
  312. class Particle {    
  313.     
  314.     public function Particle(x:Number, y:Number) {
  315.         this.x = px = x;
  316.         this.y = py = y;
  317.     }
  318.     
  319.     public var x:Number;
  320.     public var y:Number;
  321.     
  322.     public var px:Number;
  323.     public var py:Number;
  324.     public var xvel:Number = 0;
  325.     public var yvel:Number = 0;
  326.     
  327. }
noswf

流体パーティクル forked from: 流体パーティクル [diff(1)]

  1. // forked from miniapp's 流体パーティクル
  2. /**
  3.  * Fluid \ Learning \ Processing 1.0
  4.  * http://www.processing.org/learning/topics/fluid.html
  5.  * 
  6.  * via [Flash]流体っぽいのを作ろうと思った | blog ViolentCoding
  7.  * http://violentcoding.com/blog/2008/07/26/archives/135
  8.  */
  9. package {
  10.     import flash.display.Bitmap;
  11.     import flash.display.BitmapData;
  12.     import flash.display.Sprite;
  13.     import flash.display.StageAlign;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.MouseEvent;
  18.     import flash.geom.ColorTransform;
  19.     import flash.geom.Rectangle;
  20.     import net.hires.debug.Stats;
  21.     
  22.     [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
  23.     public class FluidLine extends Sprite {
  24.         
  25.         public function FluidLine() {
  26.             if (stage) init();
  27.             else addEventListener(Event.ADDED_TO_STAGE, init);
  28.         }
  29.         
  30.         private var pmouseX:Number;
  31.         private var pmouseY:Number;
  32.         private var canvasWidth:int = 465;
  33.         private var canvasHeight:int = 465;
  34.         private var mousePressed:Boolean;
  35.         private var resolution:int = 10;
  36.         private var penSize:int = 40;
  37.         private var numCols:int = canvasWidth / resolution;;
  38.         private var numRows:int = canvasHeight / resolution;
  39.         private var numParticles:int = 6000;
  40.         private var gridDatasVectors:Vector.<Vector.<GridData>> = new Vector.<Vector.<GridData>>();
  41.         private var particles:Vector.<Particle> = new Vector.<Particle>(numParticles, true);
  42.         private var pcount:int = 0;
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             stage.align = StageAlign.TOP_LEFT;
  48.             
  49.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  50.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  51.             
  52. Wonderfl.capture_delay(5);
  54.             //stage.quality = StageQuality.MEDIUM;
  55.             //addChild(new Stats());
  56.             
  57.             for (var i:int = 0; i < numParticles; i++) {
  58.                 particles[i] = new Particle(Math.random() * canvasWidth, Math.random() * canvasHeight);
  59.             }
  60.             
  61.             for (var col:int = 0; col < numCols; ++col) { 
  62.                 gridDatasVectors[col] = new Vector.<GridData>(numRows, true);
  63.                 for (var row:int = 0; row < numRows; ++row) { 
  64.                     var gridData:GridData = new GridData(col * resolution, row * resolution, resolution);
  65.                     gridData.col = col;
  66.                     gridData.row = row;
  67.                     gridDatasVectors[col][row] = gridData;
  68.                 }
  69.             }
  70.             
  71.             //隣接するグリッドをセットしていく。
  72.             for (col = 0; col < numCols; ++col) { 
  73.                 for (row = 0; row < numRows; ++row) { 
  74.                     gridData = gridDatasVectors[col][row];
  75.                     if (row > 0) {
  76.                         var up:GridData = gridDatasVectors[col][row - 1];//上
  77.                         gridData.up = up;
  78.                         up.low = gridData;//下
  79.                     }
  80.                     
  81.                     if (col > 0) {
  82.                         var left:GridData = gridDatasVectors[col - 1][row];//左
  83.                         gridData.left = left;
  84.                         left.right = gridData;//右
  85.                     }
  86.                     
  87.                     if (row > 0 && col > 0) {
  88.                         var upperLeft:GridData = gridDatasVectors[col - 1][row - 1];
  89.                         gridData.upperLeft = upperLeft;
  90.                         upperLeft.lowerRight = gridData;
  91.                     }
  92.                     
  93.                     if (row > 0 && col < numCols - 1) {
  94.                         var upperRight:GridData = gridDatasVectors[col + 1][row - 1];
  95.                         gridData.upperRight = upperRight;
  96.                         upperRight.lowerLeft = gridData;
  97.                     }
  98.                 }
  99.             }
  100.             
  101.             gridDatasVectors.fixed = true;
  102.             addEventListener(Event.ENTER_FRAME, draw);
  103.         }
  104.         
  105.         private function draw(e:Event):void {
  106.             var mouseXvel:Number = mouseX - pmouseX;
  107.             var mouseYvel:Number = mouseY - pmouseY;
  108.             
  109.             for each(var gridDatas:Vector.<GridData> in gridDatasVectors) {
  110.                 for each(var gridData:GridData in gridDatas) {
  111.                     if (mousePressed) {
  112.                         updateGridDataVelocity(gridData, mouseXvel, mouseYvel, penSize);
  113.                     }
  114.                     updatePressure(gridData);
  115.                     
  116.                 }
  117.             }
  118.             
  119.             graphics.clear();
  120.             graphics.lineStyle(1, 0xFFFFFF);
  121.             updateParticle();
  122.             
  123.             for each(gridDatas in gridDatasVectors) {
  124.                 for each(gridData in gridDatas) {
  125.                     apdateVelocity(gridData);
  126.                 }
  127.             }
  128.             
  129.             pmouseX = mouseX;
  130.             pmouseY = mouseY;
  131.         }
  132.         
  133.         public function updateParticle():void {
  134.             for each(var p:Particle in particles) {
  135.                 if (p.x >= 0 && p.x < canvasWidth && p.y >= 0 && p.y < canvasHeight) {
  136.                     var col:int = int(p.x / resolution);//自身が属しているgridDataを見つける
  137.                     var row:int = int(p.y / resolution);
  138.                     
  139.                     if (col > numCols - 1) col = numCols - 1;
  140.                     if (row > numRows - 1) row = numRows - 1;
  141.                     
  142.                     var gridData:GridData = gridDatasVectors[col][row];
  143.                     
  144.                     var ax:Number = (p.x % resolution) / resolution;
  145.                     var ay:Number = (p.y % resolution) / resolution;
  146.                     p.xvel += (1 - ax) * gridData.xvel * 0.05;
  147.                     p.yvel += (1 - ay) * gridData.yvel * 0.05;
  148.                     
  149.                     p.xvel += ax * gridData.right.xvel * 0.05;
  150.                     p.yvel += ax * gridData.right.yvel * 0.05;
  151.                     
  152.                     p.xvel += ay * gridData.low.xvel * 0.05;
  153.                     p.yvel += ay * gridData.low.yvel * 0.05;
  154.                     
  155.                     p.x += p.xvel;
  156.                     p.y += p.yvel;
  157.                     
  158.                     var dx:Number = p.px - p.x;
  159.                     var dy:Number = p.py - p.y;
  160.                     var dist:Number = Math.sqrt(dx * dx + dy * dy);
  161.                     var limit:Number = Math.random() * 0.5;
  162.                     
  163.                     if (dist > limit) {
  164.                         graphics.moveTo(p.x, p.y);
  165.                         graphics.lineTo(p.px, p.py);
  166.                     }
  167.                     else {
  168.                         graphics.moveTo(p.x, p.y);
  169.                         graphics.lineTo(p.x + limit, p.y + limit);
  170.                     }
  171.                     
  172.                     p.px = p.x;
  173.                     p.py = p.y;
  174.                 }
  175.                 else {
  176.                     p.x = p.px = Math.random() * canvasWidth;
  177.                     p.y = p.py = Math.random() * canvasHeight;
  178.                     p.xvel = 0;
  179.                     p.yvel = 0;
  180.                 }
  181.                 
  182.                 p.xvel *= 0.5;
  183.                 p.yvel *= 0.5;
  184.             }
  185.         }
  186.         
  187.         /**
  188.          * マウスドラッグの処理
  189.          * @param    gridData
  190.          * @param    mvelX
  191.          * @param    mvelY
  192.          * @param    penSize
  193.          */
  194.         public function updateGridDataVelocity(gridData:GridData, mvelX:int, mvelY:int, penSize:Number):void {
  195.             var dx:Number = gridData.x - mouseX;
  196.             var dy:Number = gridData.y - mouseY;
  197.             var dist:Number = Math.sqrt(dy * dy + dx * dx);
  198.             
  199.             if (dist < penSize) { 
  200.                 if (dist < 4) {
  201.                     dist = penSize;
  202.                 }
  203.                 
  204.                 //マウスに近いほど力が強くなるように。
  205.                 var power:Number = penSize / dist;
  206.                 gridData.xvel += mvelX * power;
  207.                 gridData.yvel += mvelY * power;
  208.             }
  209.         }
  210.         
  211.         public function updatePressure(gridData:GridData):void {
  212.             var pressureX:Number = (
  213.                   gridData.upperLeft.xvel * 0.5 //左上
  214.                 + gridData.left.xvel       //左
  215.                 + gridData.lowerLeft.xvel * 0.5 //左下
  216.                 - gridData.upperRight.xvel * 0.5 //右上
  217.                 - gridData.right.xvel       //右
  218.                 - gridData.lowerRight.xvel * 0.5 //右下
  219.             );
  220.             
  221.             var pressureY:Number = (
  222.                   gridData.upperLeft.yvel * 0.5 //左上
  223.                 + gridData.up.yvel       //上
  224.                 + gridData.upperRight.yvel * 0.5 //右上
  225.                 - gridData.lowerLeft.yvel * 0.5 //左下
  226.                 - gridData.low.yvel       //下
  227.                 - gridData.lowerRight.yvel * 0.5 //右下
  228.             );
  229.             
  230.             gridData.pressure = (pressureX + pressureY) * 0.25;
  231.         }
  232.         
  233.         public function apdateVelocity(gridData:GridData):void {
  234.             gridData.xvel += (
  235.                   gridData.upperLeft.pressure * 0.5 //左上
  236.                 + gridData.left.pressure       //左
  237.                 + gridData.lowerLeft.pressure * 0.5 //左下
  238.                 - gridData.upperRight.pressure * 0.5 //右上
  239.                 - gridData.right.pressure       //右
  240.                 - gridData.lowerRight.pressure * 0.5 //右下
  241.             ) * 0.25;
  242.             
  243.             gridData.yvel += (
  244.                   gridData.upperLeft.pressure * 0.5 //左上
  245.                 + gridData.up.pressure       //上
  246.                 + gridData.upperRight.pressure * 0.5 //右上
  247.                 - gridData.lowerLeft.pressure * 0.5 //左下
  248.                 - gridData.low.pressure       //下
  249.                 - gridData.lowerRight.pressure * 0.5 //右下
  250.             ) * 0.25;
  251.             
  252.             gridData.xvel *= 0.99;
  253.             gridData.yvel *= 0.99;
  254.         }
  255.         
  256.         private function mouseDownHandler(e:Event):void {
  257.             mousePressed = true;
  258.         }
  259.         
  260.         private function mouseUpHandler(e:Event):void {
  261.             mousePressed = false;
  262.         }
  263.     }    
  264. }
  268. import flash.geom.Rectangle;
  269. class BaseGridData {
  270.     
  271.     public var col:int = 0;
  272.     public var row:int = 0;
  273.     
  274.     public var x:int = 0;
  275.     public var y:int = 0;
  276.     
  277.     public var xvel:Number = 0;
  278.     public var yvel:Number = 0;
  279.     
  280.     public var pressure:Number = 0;
  281.     
  282.     public var color:Number = 0;
  283.     public var rgb:uint;
  284.     public var rectangle:Rectangle;
  285. }
  287. class GridData extends BaseGridData{
  288.     
  289.     public function GridData(x:int, y:int, resolution:Number) {
  290.         this.x = x;
  291.         this.y = y;
  292.         rectangle = new Rectangle(x, y, resolution, resolution)
  293.     }
  294.     
  295.     //すべてのグリッドが8方向に隣接したグリッドを持つわけではないので、
  296.     //空のデータをセットしておく。
  297.     public var upperLeft:BaseGridData = new NullGridData();//左上
  298.     public var up:BaseGridData = new NullGridData();//上
  299.     public var upperRight:BaseGridData = new NullGridData();//右上
  300.     
  301.     public var left:BaseGridData = new NullGridData();//左
  302.     public var right:BaseGridData = new NullGridData();//右
  303.     
  304.     public var lowerLeft:BaseGridData = new NullGridData();//左下
  305.     public var low:BaseGridData = new NullGridData();//下
  306.     public var lowerRight:BaseGridData = new NullGridData();//右下    
  307. }
  309. class NullGridData extends BaseGridData{
  310. }
  312. class Particle {    
  313.     
  314.     public function Particle(x:Number, y:Number) {
  315.         this.x = px = x;
  316.         this.y = py = y;
  317.     }
  318.     
  319.     public var x:Number;
  320.     public var y:Number;
  321.     
  322.     public var px:Number;
  323.     public var py:Number;
  324.     public var xvel:Number = 0;
  325.     public var yvel:Number = 0;
  326.     
  327. }
noswf

流体パーティクル forked from: 流体パーティクル [diff(1)]

  1. // forked from miniapp's 流体パーティクル
  2. /**
  3.  * Fluid \ Learning \ Processing 1.0
  4.  * http://www.processing.org/learning/topics/fluid.html
  5.  * 
  6.  * via [Flash]流体っぽいのを作ろうと思った | blog ViolentCoding
  7.  * http://violentcoding.com/blog/2008/07/26/archives/135
  8.  */
  9. package {
  10.     import flash.display.Bitmap;
  11.     import flash.display.BitmapData;
  12.     import flash.display.Sprite;
  13.     import flash.display.StageAlign;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.MouseEvent;
  18.     import flash.geom.ColorTransform;
  19.     import flash.geom.Rectangle;
  20.     import net.hires.debug.Stats;
  21.     
  22.     [SWF(backgroundColor=0x0, width=465, height=465, frameRate=60)]
  23.     public class FluidLine extends Sprite {
  24.         
  25.         public function FluidLine() {
  26.             if (stage) init();
  27.             else addEventListener(Event.ADDED_TO_STAGE, init);
  28.         }
  29.         
  30.         private var pmouseX:Number;
  31.         private var pmouseY:Number;
  32.         private var canvasWidth:int = 465;
  33.         private var canvasHeight:int = 465;
  34.         private var mousePressed:Boolean;
  35.         private var resolution:int = 10;
  36.         private var penSize:int = 40;
  37.         private var numCols:int = canvasWidth / resolution;;
  38.         private var numRows:int = canvasHeight / resolution;
  39.         private var numParticles:int = 6000;
  40.         private var gridDatasVectors:Vector.<Vector.<GridData>> = new Vector.<Vector.<GridData>>();
  41.         private var particles:Vector.<Particle> = new Vector.<Particle>(numParticles, true);
  42.         private var pcount:int = 0;
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             stage.align = StageAlign.TOP_LEFT;
  48.             
  49.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  50.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
  51.             
  52. Wonderfl.capture_delay(5);
  54.             //stage.quality = StageQuality.MEDIUM;
  55.             //addChild(new Stats());
  56.             
  57.             for (var i:int = 0; i < numParticles; i++) {
  58.                 particles[i] = new Particle(Math.random() * canvasWidth, Math.random() * canvasHeight);
  59.             }
  60.             
  61.             for (var col:int = 0; col < numCols; ++col) { 
  62.                 gridDatasVectors[col] = new Vector.<GridData>(numRows, true);
  63.                 for (var row:int = 0; row < numRows; ++row) { 
  64.                     var gridData:GridData = new GridData(col * resolution, row * resolution, resolution);
  65.                     gridData.col = col;
  66.                     gridData.row = row;
  67.                     gridDatasVectors[col][row] = gridData;
  68.                 }
  69.             }
  70.             
  71.             //隣接するグリッドをセットしていく。
  72.             for (col = 0; col < numCols; ++col) { 
  73.                 for (row = 0; row < numRows; ++row) { 
  74.                     gridData = gridDatasVectors[col][row];
  75.                     if (row > 0) {
  76.                         var up:GridData = gridDatasVectors[col][row - 1];//上
  77.                         gridData.up = up;
  78.                         up.low = gridData;//下
  79.                     }
  80.                     
  81.                     if (col > 0) {
  82.                         var left:GridData = gridDatasVectors[col - 1][row];//左
  83.                         gridData.left = left;
  84.                         left.right = gridData;//右
  85.                     }
  86.                     
  87.                     if (row > 0 && col > 0) {
  88.                         var upperLeft:GridData = gridDatasVectors[col - 1][row - 1];
  89.                         gridData.upperLeft = upperLeft;
  90.                         upperLeft.lowerRight = gridData;
  91.                     }
  92.                     
  93.                     if (row > 0 && col < numCols - 1) {
  94.                         var upperRight:GridData = gridDatasVectors[col + 1][row - 1];
  95.                         gridData.upperRight = upperRight;
  96.                         upperRight.lowerLeft = gridData;
  97.                     }
  98.                 }
  99.             }
  100.             
  101.             gridDatasVectors.fixed = true;
  102.             addEventListener(Event.ENTER_FRAME, draw);
  103.         }
  104.         
  105.         private function draw(e:Event):void {
  106.             var mouseXvel:Number = mouseX - pmouseX;
  107.             var mouseYvel:Number = mouseY - pmouseY;
  108.             
  109.             for each(var gridDatas:Vector.<GridData> in gridDatasVectors) {
  110.                 for each(var gridData:GridData in gridDatas) {
  111.                     if (mousePressed) {
  112.                         updateGridDataVelocity(gridData, mouseXvel, mouseYvel, penSize);
  113.                     }
  114.                     updatePressure(gridData);
  115.                     
  116.                 }
  117.             }
  118.             
  119.             graphics.clear();
  120.             graphics.lineStyle(1, 0xFFFFFF);
  121.             updateParticle();
  122.             
  123.             for each(gridDatas in gridDatasVectors) {
  124.                 for each(gridData in gridDatas) {
  125.                     apdateVelocity(gridData);
  126.                 }
  127.             }
  128.             
  129.             pmouseX = mouseX;
  130.             pmouseY = mouseY;
  131.         }
  132.         
  133.         public function updateParticle():void {
  134.             for each(var p:Particle in particles) {
  135.                 if (p.x >= 0 && p.x < canvasWidth && p.y >= 0 && p.y < canvasHeight) {
  136.                     var col:int = int(p.x / resolution);//自身が属しているgridDataを見つける
  137.                     var row:int = int(p.y / resolution);
  138.                     
  139.                     if (col > numCols - 1) col = numCols - 1;
  140.                     if (row > numRows - 1) row = numRows - 1;
  141.                     
  142.                     var gridData:GridData = gridDatasVectors[col][row];
  143.                     
  144.                     var ax:Number = (p.x % resolution) / resolution;
  145.                     var ay:Number = (p.y % resolution) / resolution;
  146.                     p.xvel += (1 - ax) * gridData.xvel * 0.05;
  147.                     p.yvel += (1 - ay) * gridData.yvel * 0.05;
  148.                     
  149.                     p.xvel += ax * gridData.right.xvel * 0.05;
  150.                     p.yvel += ax * gridData.right.yvel * 0.05;
  151.                     
  152.                     p.xvel += ay * gridData.low.xvel * 0.05;
  153.                     p.yvel += ay * gridData.low.yvel * 0.05;
  154.                     
  155.                     p.x += p.xvel;
  156.                     p.y += p.yvel;
  157.                     
  158.                     var dx:Number = p.px - p.x;
  159.                     var dy:Number = p.py - p.y;
  160.                     var dist:Number = Math.sqrt(dx * dx + dy * dy);
  161.                     var limit:Number = Math.random() * 0.5;
  162.                     
  163.                     if (dist > limit) {
  164.                         graphics.moveTo(p.x, p.y);
  165.                         graphics.lineTo(p.px, p.py);
  166.                     }
  167.                     else {
  168.                         graphics.moveTo(p.x, p.y);
  169.                         graphics.lineTo(p.x + limit, p.y + limit);
  170.                     }
  171.                     
  172.                     p.px = p.x;
  173.                     p.py = p.y;
  174.                 }
  175.                 else {
  176.                     p.x = p.px = Math.random() * canvasWidth;
  177.                     p.y = p.py = Math.random() * canvasHeight;
  178.                     p.xvel = 0;
  179.                     p.yvel = 0;
  180.                 }
  181.                 
  182.                 p.xvel *= 0.5;
  183.                 p.yvel *= 0.5;
  184.             }
  185.         }
  186.         
  187.         /**
  188.          * マウスドラッグの処理
  189.          * @param    gridData
  190.          * @param    mvelX
  191.          * @param    mvelY
  192.          * @param    penSize
  193.          */
  194.         public function updateGridDataVelocity(gridData:GridData, mvelX:int, mvelY:int, penSize:Number):void {
  195.             var dx:Number = gridData.x - mouseX;
  196.             var dy:Number = gridData.y - mouseY;
  197.             var dist:Number = Math.sqrt(dy * dy + dx * dx);
  198.             
  199.             if (dist < penSize) { 
  200.                 if (dist < 4) {
  201.                     dist = penSize;
  202.                 }
  203.                 
  204.                 //マウスに近いほど力が強くなるように。
  205.                 var power:Number = penSize / dist;
  206.                 gridData.xvel += mvelX * power;
  207.                 gridData.yvel += mvelY * power;
  208.             }
  209.         }
  210.         
  211.         public function updatePressure(gridData:GridData):void {
  212.             var pressureX:Number = (
  213.                   gridData.upperLeft.xvel * 0.5 //左上
  214.                 + gridData.left.xvel       //左
  215.                 + gridData.lowerLeft.xvel * 0.5 //左下
  216.                 - gridData.upperRight.xvel * 0.5 //右上
  217.                 - gridData.right.xvel       //右
  218.                 - gridData.lowerRight.xvel * 0.5 //右下
  219.             );
  220.             
  221.             var pressureY:Number = (
  222.                   gridData.upperLeft.yvel * 0.5 //左上
  223.                 + gridData.up.yvel       //上
  224.                 + gridData.upperRight.yvel * 0.5 //右上
  225.                 - gridData.lowerLeft.yvel * 0.5 //左下
  226.                 - gridData.low.yvel       //下
  227.                 - gridData.lowerRight.yvel * 0.5 //右下
  228.             );
  229.             
  230.             gridData.pressure = (pressureX + pressureY) * 0.25;
  231.         }
  232.         
  233.         public function apdateVelocity(gridData:GridData):void {
  234.             gridData.xvel += (
  235.                   gridData.upperLeft.pressure * 0.5 //左上
  236.                 + gridData.left.pressure       //左
  237.                 + gridData.lowerLeft.pressure * 0.5 //左下
  238.                 - gridData.upperRight.pressure * 0.5 //右上
  239.                 - gridData.right.pressure       //右
  240.                 - gridData.lowerRight.pressure * 0.5 //右下
  241.             ) * 0.25;
  242.             
  243.             gridData.yvel += (
  244.                   gridData.upperLeft.pressure * 0.5 //左上
  245.                 + gridData.up.pressure       //上
  246.                 + gridData.upperRight.pressure * 0.5 //右上
  247.                 - gridData.lowerLeft.pressure * 0.5 //左下
  248.                 - gridData.low.pressure       //下
  249.                 - gridData.lowerRight.pressure * 0.5 //右下
  250.             ) * 0.25;
  251.             
  252.             gridData.xvel *= 0.99;
  253.             gridData.yvel *= 0.99;
  254.         }
  255.         
  256.         private function mouseDownHandler(e:Event):void {
  257.             mousePressed = true;
  258.         }
  259.         
  260.         private function mouseUpHandler(e:Event):void {
  261.             mousePressed = false;
  262.         }
  263.     }    
  264. }
  268. import flash.geom.Rectangle;
  269. class BaseGridData {
  270.     
  271.     public var col:int = 0;
  272.     public var row:int = 0;
  273.     
  274.     public var x:int = 0;
  275.     public var y:int = 0;
  276.     
  277.     public var xvel:Number = 0;
  278.     public var yvel:Number = 0;
  279.     
  280.     public var pressure:Number = 0;
  281.     
  282.     public var color:Number = 0;
  283.     public var rgb:uint;
  284.     public var rectangle:Rectangle;
  285. }
  287. class GridData extends BaseGridData{
  288.     
  289.     public function GridData(x:int, y:int, resolution:Number) {
  290.         this.x = x;
  291.         this.y = y;
  292.         rectangle = new Rectangle(x, y, resolution, resolution)
  293.     }
  294.     
  295.     //すべてのグリッドが8方向に隣接したグリッドを持つわけではないので、
  296.     //空のデータをセットしておく。
  297.     public var upperLeft:BaseGridData = new NullGridData();//左上
  298.     public var up:BaseGridData = new NullGridData();//上
  299.     public var upperRight:BaseGridData = new NullGridData();//右上
  300.     
  301.     public var left:BaseGridData = new NullGridData();//左
  302.     public var right:BaseGridData = new NullGridData();//右
  303.     
  304.     public var lowerLeft:BaseGridData = new NullGridData();//左下
  305.     public var low:BaseGridData = new NullGridData();//下
  306.     public var lowerRight:BaseGridData = new NullGridData();//右下    
  307. }
  309. class NullGridData extends BaseGridData{
  310. }
  312. class Particle {    
  313.     
  314.     public function Particle(x:Number, y:Number) {
  315.         this.x = px = x;
  316.         this.y = py = y;
  317.     }
  318.     
  319.     public var x:Number;
  320.     public var y:Number;
  321.     
  322.     public var px:Number;
  323.     public var py:Number;
  324.     public var xvel:Number = 0;
  325.     public var yvel:Number = 0;
  326.     
  327. }
noswf
Get Adobe Flash Player