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


embed

noswf download fullscreen
flash swf thumbnail play
download fullscreen
FAVORITE BY
:
graphics布がゆれる
:
clothphysicsspringtextile effect
:
:
Oeject布
:
:
:
:
effectphysicsCloth Simulation
:
布
:
:
ゴム紐を左右に伸ばすと、左右対称に引っ張り合うけど、先に左手を離したら右に飛んでくから？
:
nice work!
:
私もこういうスクリプトをかけるようになりたい
:
こういうスクリプトをかけるようになりたい
FORKED
>sort

布 布 :改善2 [diff(106)]

  1. /**
  2.  * 2次元だけど、出来たかな?
  3.  * 
  4.  * あいかわらず右によってる。
  5.  *
  6.  * ドラッグでマウスに一番近いポイントを移動させる。
  7.  * ctrlキー押しながらドラッグで固定。
  8.  * ダブルクリックで固定を解除。
  9.  */
  10. package {
  11.     import flash.display.Sprite;
  12.     import flash.display.StageQuality;
  13.     import flash.display.StageScaleMode;
  14.     import flash.events.Event;
  15.     import flash.events.KeyboardEvent;
  16.     import flash.events.MouseEvent;
  18.     [SWF(backgroundColor="0xFFFFFF", width="465", height="465", frameRate="60")]
  19.     public class Cloth extends Sprite {
  20.         
  21.         public static const STAGE_WIDTH:uint = 465;
  22.         public static const STAGE_HEIGHT:uint = 465;
  23.         
  24.         public function Cloth() {
  25.             if (stage) init();
  26.             else addEventListener(Event.ADDED_TO_STAGE, init);
  27.         }
  28.         
  29.         private var _lineColor:uint = 0x000000;
  30.         private var _cols:uint = 16;//横の数
  31.         private var _rows:uint = 16;//縦の数
  32.         private var _diffX:uint = 10;
  33.         private var _diffY:uint = 10;
  34.         private var _isCtrlPress:Boolean = false;
  35.         private var _isMouseDown:Boolean = false;
  36.         private var _draggedPoint:Point;
  37.         private var _isFirst:Boolean = false;
  38.         private var _numJoints:uint;
  39.         private var _joints:Vector.<Joint> = new Vector.<Joint>();
  40.         private var _points:Vector.<Point> = new Vector.<Point>();
  41.         private var _pointsXs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_rows, true);
  42.         private var _pointsYs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_cols, true);
  43.         
  44.         private function init(e:Event = null):void {
  45.             removeEventListener(Event.ADDED_TO_STAGE, init);
  46.             stage.scaleMode = StageScaleMode.NO_SCALE;
  47.             //stage.quality = StageQuality.MEDIUM;
  48.             
  49.             stage.doubleClickEnabled = true;
  50.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  51.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDwonHandler);
  52.             stage.addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler);
  53.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDonwHandler);
  54.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  55.             
  56.             putPoint();
  57.             joint();
  58.             
  59.             //上端2つを固定します。
  60.             //左端
  61.             var point1:Point = _pointsXs[0][0];
  62.             point1.x = 100;
  63.             point1.y = 10;
  64.             point1.isPinned = true;
  65.             
  66.             //右端
  67.             var point2:Point = _pointsXs[0][_cols - 1];
  68.             point2.x = STAGE_WIDTH - 100;
  69.             point2.y = 10;
  70.             point2.isPinned = true;
  71.             
  72.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  73.         }
  74.         
  75.         /**
  76.          * ポイントを配置します。
  77.          */
  78.         private function putPoint():void {
  79.             //縦方向に並べたポイントを入れる配列を先に用意する
  80.             for (var i:uint = 0; i < _cols; i++) { 
  81.                 var pointsY:Vector.<Point> = new Vector.<Point>(_rows, true);
  82.                 _pointsYs[i] = pointsY;
  83.             }
  84.             
  85.             var clothWidth:Number = (_cols - 1) * _diffX;
  86.             var clothHeight:Number = (_rows - 1) * _diffY;
  87.             var startX:Number = (STAGE_WIDTH - clothWidth) / 2;
  88.             var startY:Number = (STAGE_HEIGHT - clothHeight) / 2;
  89.             
  90.             //ポイントを格子状に配置
  91.             for (i = 0; i < _rows; i++) {
  92.                 var pointsX:Vector.<Point> = new Vector.<Point>(_cols, true);
  93.                 _pointsXs[i] = pointsX;
  94.                 for (var j:uint = 0; j < _cols; j++) {
  95.                     var point:Point = new Point();
  96.                     _points.push(point);
  97.                     point.name = String(i) + "-" + String(j);//デバッグ用
  98.                     point.x = startX + _diffX * j;
  99.                     point.y = startY + _diffY * i;
  100.                     
  101.                     //横に並ぶポイントを入れる
  102.                     pointsX[j] = point;
  103.                     
  104.                     //縦方向に並ぶポイントを入れる
  105.                     pointsY = _pointsYs[j];
  106.                     pointsY[i] = point;
  107.                 }
  108.             }
  109.             _points.fixed = true;
  110.         }
  111.         
  112.         private function joint():void {
  113.             for (var i:uint; i < _rows; i++) {
  114.                 for (var j:uint = 0; j < _cols; j++) {
  115.                     var point:Point = _pointsXs[i][j];
  116.                     if (j > 0) {
  117.                         var leftPoint:Point = _pointsXs[i][j - 1 ];
  118.                         _joints.push(new Joint(leftPoint, point));
  119.                         _joints.push(new Joint(point, leftPoint));
  120.                     }
  121.                     
  122.                     if (i > 0) {
  123.                         var upPoint:Point = _pointsXs[i - 1][j];
  124.                         _joints.push(new Joint(upPoint, point));
  125.                         _joints.push(new Joint(point, upPoint));
  126.                     }
  127.                 }
  128.             }
  129.             
  130.             _numJoints = _joints.length;
  131.             _joints.fixed = true;
  132.         }
  133.         
  134.         /**
  135.          * 一番カーソルに近いポイントを捜す。
  136.          */
  137.         private function searchPoint():Point {
  138.             var lastMinDist:Number = Infinity;
  139.             var target:Point;
  140.             for each(var point:Point in _points) {
  141.                 var dx:Number = point.x - mouseX;
  142.                 var dy:Number = point.y - mouseY;
  143.                 var dist:Number = Math.sqrt(dx * dx + dy * dy);
  144.                 if (dist < lastMinDist) {
  145.                     lastMinDist = dist;
  146.                     target = point;
  147.                 }
  148.             }
  149.             return target;
  150.         }
  151.         
  152.         /**
  153.          * ポイント同士を繋ぐ線を書く
  154.          */
  155.         private function drawLine():void {
  156.             graphics.clear();
  157.             graphics.lineStyle(1, _lineColor);
  158.             //横のラインを引く
  159.             for each(var pointsX:Vector.<Point> in _pointsXs){
  160.                 //横列のポイントが入った配列にアクセス。
  161.                 var firstPoint:Point = pointsX[0];
  162.                 graphics.moveTo(firstPoint.x, firstPoint.y);
  163.                 for (var i:uint = 1; i < _cols; i++) {
  164.                     var point:Point = pointsX[i];
  165.                     graphics.lineTo(point.x, point.y);
  166.                 }
  167.             }
  168.             
  169.             for each(var pointsY:Vector.<Point> in _pointsYs) {
  170.                 firstPoint = pointsY[0];
  171.                 graphics.moveTo(firstPoint.x, firstPoint.y);
  172.                 for (i = 1; i < _rows; i++) {
  173.                     point = pointsY[i];
  174.                     graphics.lineTo(point.x, point.y);
  175.                 }
  176.             }
  177.         }
  178.         
  179.         private function enterFrameHandler(e:Event):void {
  180.             if (_isMouseDown) {
  181.                 _draggedPoint.x = mouseX;
  182.                 _draggedPoint.y = mouseY;
  183.             }
  184.             
  185.             for each(var joint:Joint in _joints) {
  186.                 joint.update();
  187.             }
  188.             
  189.             drawLine();
  190.         }
  191.         
  192.         private function keyDonwHandler(e:KeyboardEvent = null):void{
  193.             if(e.ctrlKey) _isCtrlPress = true;
  194.         }
  195.         
  196.         private function keyUpHandler(e:KeyboardEvent = null):void{
  197.             _isCtrlPress = false;
  198.         }
  199.         
  200.         private function doubleClickHandler(e:MouseEvent = null):void{
  201.             searchPoint().isPinned = false;
  202.         }
  203.         
  204.         private function mouseDwonHandler(e:MouseEvent):void {
  205.             _isMouseDown = true;
  206.             _draggedPoint = searchPoint();
  207.             _draggedPoint.isDragging = true;
  208.         }
  209.         
  210.         private function mouseUpHandler(e:MouseEvent):void    {
  211.             _isMouseDown = false;
  212.             if (_isCtrlPress)
  213.                 _draggedPoint.isPinned = true;
  214.             _draggedPoint.isDragging = false;
  215.             _draggedPoint = undefined;
  216.         }
  217.     }
  218. }
  220. class Joint {
  221.     
  222.     public static var SPRING:Number = 0.08;
  223.     public static var FRICTION:Number = 0.96;
  224.     public static var GRAVITY:Number = 0.45;
  225.     
  226.     public function Joint(point:Point, target:Point) { 
  227.         var initDx:Number = target.x - point.x;
  228.         var initDy:Number = target.y - point.y;
  229.         var length:Number = Math.sqrt(initDx * initDx + initDy * initDy);
  230.         
  231.         //バネ運動させる関数
  232.         update = function():void {
  233.             if (point.isDragging || point.isPinned)
  234.                 return;
  235.             
  236.             var dx:Number = target.x - point.x;
  237.             var dy:Number = target.y - point.y;
  238.             /*
  239.             var angle:Number = Math.atan2(dy, dx);
  240.             var targetX:Number = target.x - length * Math.cos(angle);
  241.             var targetY:Number = target.y - length * Math.sin(angle);
  242.             /**/
  243.             //*
  244.             //Math.cos(angle) は dx / distanceと同じ
  245.             //Math.sin(angle) は dy / distanceと同じ
  246.             var distance:Number = Math.sqrt(dx * dx + dy * dy);
  247.             var targetX:Number = target.x - length * dx / distance;
  248.             var targetY:Number = target.y - length * dy / distance;
  249.             /**/
  250.             
  251.             point.vx += (targetX - point.x) * Joint.SPRING;
  252.             point.vy += (targetY - point.y) * Joint.SPRING;
  253.             point.x += (point.vx *= FRICTION);
  254.             point.y += (point.vy *= FRICTION);
  255.             point.y += GRAVITY;
  256.         }
  257.     }
  258.     
  259.     public var update:Function;
  260. }
  262. class Point {
  263.     public var name:String;
  264.     public var x:Number;
  265.     public var y:Number;
  266.     public var z:Number;
  267.     public var vx:Number = 0;
  268.     public var vy:Number = 0;
  269.     public var vz:Number = 0;
  270.     public var isPinned:Boolean = false;
  271.     public var isDragging:Boolean = false;
  272. }
noswf

布 布 : 改善 [diff(82)]

  1. // forked from miniapp's 布
  2. /**
  3.  * 本格的な布のシミュレーションではありません。
  4.  *
  5.  * 以前のバージョンは８方向に対して繋げていたが、
  6.  * 上下左右の４方向で十分だった。
  7.  * joint関数は凄く簡単になった。
  8.  *
  9.  * ドラッグでマウスに一番近いポイントを移動させる。
  10.  * ctrlキー押しながらドラッグで固定。
  11.  * ダブルクリックで固定を解除。
  12.  *
  13.  */
  14. package {
  15.     import flash.display.Sprite;
  16.     import flash.display.StageQuality;
  17.     import flash.display.StageScaleMode;
  18.     import flash.events.Event;
  19.     import flash.events.KeyboardEvent;
  20.     import flash.events.MouseEvent;
  22.     [SWF(backgroundColor="0xFFFFFF", width="465", height="465", frameRate="60")]
  23.     public class Cloth extends Sprite {
  24.         
  25.         public static const STAGE_WIDTH:uint = 465;
  26.         public static const STAGE_HEIGHT:uint = 465;
  27.         
  28.         public function Cloth() {
  29.             if (stage) init();
  30.             else addEventListener(Event.ADDED_TO_STAGE, init);
  31.         }
  32.         
  33.         private var _lineColor:uint = 0x000000;
  34.         private var _cols:uint = 16;//横の数
  35.         private var _rows:uint = 16;//縦の数
  36.         private var _diffX:uint = 10;
  37.         private var _diffY:uint = 10;
  38.         private var _isCtrlPress:Boolean = false;
  39.         private var _isMouseDown:Boolean = false;
  40.         private var _draggedPoint:Point;
  41.         private var _isFirst:Boolean = false;
  42.         private var _numJoints:uint;
  43.         private var _joints:Vector.<Joint> = new Vector.<Joint>();
  44.         private var _points:Vector.<Point> = new Vector.<Point>();
  45.         private var _pointsXs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_rows, true);
  46.         private var _pointsYs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_cols, true);
  47.         
  48.         private function init(e:Event = null):void {
  49.             removeEventListener(Event.ADDED_TO_STAGE, init);
  50.             stage.scaleMode = StageScaleMode.NO_SCALE;
  51.             //stage.quality = StageQuality.MEDIUM;
  52.             
  53.             stage.doubleClickEnabled = true;
  54.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  55.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDwonHandler);
  56.             stage.addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler);
  57.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDonwHandler);
  58.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  59.             
  60.             putPoint();
  61.             joint();
  62.             
  63.             //上端2つを固定します。
  64.             //左端
  65.             var point1:Point = _pointsXs[0][0];
  66.             point1.x = 100;
  67.             point1.y = 10;
  68.             point1.isPinned = true;
  69.             
  70.             //右端
  71.             var point2:Point = _pointsXs[0][_rows - 1];
  72.             point2.x = STAGE_WIDTH - 100;
  73.             point2.y = 10;
  74.             point2.isPinned = true;
  75.             
  76.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  77.         }
  78.         
  79.         /**
  80.          * ポイントを配置します。
  81.          */
  82.         private function putPoint():void {
  83.             //縦方向に並べたポイントを入れる配列を先に用意する
  84.             for (var i:uint = 0; i < _cols; i++) { 
  85.                 var pointsY:Vector.<Point> = new Vector.<Point>(_rows, true);
  86.                 _pointsYs[i] = pointsY;
  87.             }
  88.             
  89.             var clothWidth:Number = (_cols - 1) * _diffX;
  90.             var clothHeight:Number = (_rows - 1) * _diffY;
  91.             var startX:Number = (STAGE_WIDTH - clothWidth) / 2;
  92.             var startY:Number = (STAGE_HEIGHT - clothHeight) / 2;
  93.             
  94.             //ポイントを格子状に配置
  95.             for (i = 0; i < _rows; i++) {
  96.                 var pointsX:Vector.<Point> = new Vector.<Point>(_cols, true);
  97.                 _pointsXs[i] = pointsX;
  98.                 for (var j:uint = 0; j < _cols; j++) {
  99.                     var point:Point = new Point();
  100.                     _points.push(point);
  101.                     point.name = String(i) + "-" + String(j);//デバッグ用
  102.                     point.x = startX + _diffX * j;
  103.                     point.y = startY + _diffY * i;
  104.                     
  105.                     //横に並ぶポイントを入れる
  106.                     pointsX[j] = point;
  107.                     
  108.                     //縦方向に並ぶポイントを入れる
  109.                     pointsY = _pointsYs[j];
  110.                     pointsY[i] = point;
  111.                 }
  112.             }
  113.             _points.fixed = true;
  114.         }
  115.         
  116.         private function joint():void {
  117.             for (var i:uint; i < _rows; i++) {
  118.                 for (var j:uint = 0; j < _cols; j++) {
  119.                     var point:Point = _pointsXs[i][j];
  120.                     if (j > 0) {
  121.                         var leftPoint:Point = _pointsXs[i][j - 1 ];
  122.                         _joints.push(new Joint(leftPoint, point));
  123.                         _joints.push(new Joint(point, leftPoint));
  124.                     }
  125.                     
  126.                     if (i > 0) {
  127.                         var upPoint:Point = _pointsXs[i - 1][j];
  128.                         _joints.push(new Joint(upPoint, point));
  129.                         _joints.push(new Joint(point, upPoint));
  130.                     }
  131.                 }
  132.             }
  133.             
  134.             _numJoints = _joints.length;
  135.             _joints.fixed = true;
  136.         }
  137.         
  138.         /**
  139.          * 一番カーソルに近いポイントを捜す。
  140.          */
  141.         private function searchPoint():Point {
  142.             var lastMinDist:Number = Infinity;
  143.             var target:Point;
  144.             for each(var point:Point in _points) {
  145.                 var dx:Number = point.x - mouseX;
  146.                 var dy:Number = point.y - mouseY;
  147.                 var dist:Number = Math.sqrt(dx * dx + dy * dy);
  148.                 if (dist < lastMinDist) {
  149.                     lastMinDist = dist;
  150.                     target = point;
  151.                 }
  152.             }
  153.             return target;
  154.         }
  155.         
  156.         /**
  157.          * ポイント同士を繋ぐ線を書く
  158.          */
  159.         private function drawLine():void {
  160.             graphics.clear();
  161.             graphics.lineStyle(1, _lineColor);
  162.             //横のラインを引く
  163.             for each(var pointsX:Vector.<Point> in _pointsXs){
  164.                 //横列のポイントが入った配列にアクセス。
  165.                 var firstPoint:Point = pointsX[0];
  166.                 graphics.moveTo(firstPoint.x, firstPoint.y);
  167.                 for (var i:uint = 1; i < _cols; i++) {
  168.                     var point:Point = pointsX[i];
  169.                     graphics.lineTo(point.x, point.y);
  170.                 }
  171.             }
  172.             
  173.             for each(var pointsY:Vector.<Point> in _pointsYs) {
  174.                 firstPoint = pointsY[0];
  175.                 graphics.moveTo(firstPoint.x, firstPoint.y);
  176.                 for (i = 1; i < _rows; i++) {
  177.                     point = pointsY[i];
  178.                     graphics.lineTo(point.x, point.y);
  179.                 }
  180.             }
  181.         }
  182.         
  183.         private function enterFrameHandler(e:Event):void {
  184.             if (_isMouseDown) {
  185.                 _draggedPoint.x = mouseX;
  186.                 _draggedPoint.y = mouseY;
  187.             }
  188.             
  189.             for each(var joint:Joint in _joints) {
  190.                 joint.update();
  191.             }
  192.             
  193.             drawLine();
  194.         }
  195.         
  196.         private function keyDonwHandler(e:KeyboardEvent = null):void{
  197.             if(e.ctrlKey) _isCtrlPress = true;
  198.         }
  199.         
  200.         private function keyUpHandler(e:KeyboardEvent = null):void{
  201.             _isCtrlPress = false;
  202.         }
  203.         
  204.         private function doubleClickHandler(e:MouseEvent = null):void{
  205.             searchPoint().isPinned = false;
  206.         }
  207.         
  208.         private function mouseDwonHandler(e:MouseEvent):void {
  209.             _isMouseDown = true;
  210.             _draggedPoint = searchPoint();
  211.             _draggedPoint.isDragging = true;
  212.         }
  213.         
  214.         private function mouseUpHandler(e:MouseEvent):void    {
  215.             _isMouseDown = false;
  216.             if (_isCtrlPress)
  217.                 _draggedPoint.isPinned = true;
  218.             _draggedPoint.isDragging = false;
  219.             _draggedPoint = undefined;
  220.         }
  221.     }
  222. }
  224. class Joint {
  225.     
  226.     public static var SPRING:Number = 0.06;
  227.     public static var FRICTION:Number = 0.96;
  228.     public static var GRAVITY:Number = 0.008;
  229.     
  230.     public function Joint(point:Point, target:Point) { 
  231.         var initDx:Number = target.x - point.x;
  232.         var initDy:Number = target.y - point.y;
  233.         var length:Number = Math.sqrt(initDx * initDx + initDy * initDy);
  234.         var angle:Number = Math.atan2(initDy, initDx);
  235.         
  236.         var tx:Number = length * Math.cos(angle);
  237.         var ty:Number = length * Math.sin(angle);
  238.         
  239.         //バネ運動させる関数
  240.         update = function():void {
  241.             if (point.isDragging || point.isPinned)
  242.                 return;
  243.             
  244.             var dx:Number = target.x - tx - point.x;
  245.             var dy:Number = target.y - ty - point.y;
  246.             point.vx += dx * Joint.SPRING;
  247.             point.vy += dy * Joint.SPRING;
  248.             point.vy += GRAVITY;
  249.             point.x += (point.vx *= FRICTION);
  250.             point.y += (point.vy *= FRICTION);
  251.         }
  252.     }
  253.     
  254.     public var update:Function;
  255. }
  257. class Point {
  258.     public var name:String;
  259.     public var x:Number;
  260.     public var y:Number;
  261.     public var vx:Number = 0;
  262.     public var vy:Number = 0;
  263.     public var isPinned:Boolean = false;
  264.     public var isDragging:Boolean = false;
  265. }
noswf

布 GraphicsPathCommand使ったバージョン forked from: 布 [diff(40)]

  1. /**
  2.  * GraphicsPathCommandでラインを描画するバージョン。
  3.  * drawLine関数の中が違います。
  4.  *
  5.  * 本格的な布のシミュレーションではありません。
  6.  * 
  7.  * ドラッグでマウスに一番近いポイントを移動させる。
  8.  * ctrlキー押しながらドラッグで固定。
  9.  * ダブルクリックで固定を解除。
  10.  */
  11. package {
  12.     import flash.display.GraphicsPathCommand;
  13.     import flash.display.Sprite;
  14.     import flash.display.StageQuality;
  15.     import flash.display.StageScaleMode;
  16.     import flash.events.Event;
  17.     import flash.events.KeyboardEvent;
  18.     import flash.events.MouseEvent;
  20.     [SWF(backgroundColor="0xFFFFFF", width="465", height="465", frameRate="60")]
  21.     public class Cloth_DrawPath extends Sprite {
  22.         
  23.         public static const STAGE_WIDTH:uint = 465;
  24.         public static const STAGE_HEIGHT:uint = 465;
  25.         
  26.         public function Cloth_DrawPath() {
  27.             if (stage) init();
  28.             else addEventListener(Event.ADDED_TO_STAGE, init);
  29.         }
  30.         
  31.         private var _lineColor:uint = 0x000000;
  32.         private var _cols:uint = 16;//横の数
  33.         private var _rows:uint = 16;//縦の数
  34.         private var _diffX:uint = 10;
  35.         private var _diffY:uint = 10;
  36.         private var _isCtrlPress:Boolean = false;
  37.         private var _isMouseDown:Boolean = false;
  38.         private var _draggedPoint:Point;
  39.         private var _isFirst:Boolean = false;
  40.         private var _numJoints:uint;
  41.         private var _joints:Vector.<Joint> = new Vector.<Joint>();
  42.         private var _points:Vector.<Point> = new Vector.<Point>();
  43.         private var _pointsXs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_rows, true);
  44.         private var _pointsYs:Vector.<Vector.<Point>> = new Vector.<Vector.<Point>>(_cols, true);
  45.         
  46.         private var _vertices:Vector.<Number> = new Vector.<Number>();
  47.         private var _commands:Vector.<int> = new Vector.<int>();
  48.         
  49.         private function init(e:Event = null):void {
  50.             removeEventListener(Event.ADDED_TO_STAGE, init);
  51.             stage.scaleMode = StageScaleMode.NO_SCALE;
  52.             //stage.quality = StageQuality.MEDIUM;
  53.             
  54.             stage.doubleClickEnabled = true;
  55.             stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  56.             stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDwonHandler);
  57.             stage.addEventListener(MouseEvent.DOUBLE_CLICK, doubleClickHandler);
  58.             stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDonwHandler);
  59.             stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
  60.             
  61.             putPoint();
  62.             joint();
  63.             
  64.             //上端2つを固定します。
  65.             //左端
  66.             var point1:Point = _pointsXs[0][0];
  67.             point1.x = 100;
  68.             point1.y = 10;
  69.             point1.isPinned = true;
  70.             
  71.             //右端
  72.             var point2:Point = _pointsXs[0][_rows - 1];
  73.             point2.x = STAGE_WIDTH - 100;
  74.             point2.y = 10;
  75.             point2.isPinned = true;
  76.             
  77.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  78.         }
  79.         
  80.         /**
  81.          * ポイントを配置します。
  82.          */
  83.         private function putPoint():void {
  84.             //縦方向に並べたポイントを入れる配列を先に用意する
  85.             for (var i:uint = 0; i < _cols; i++) { 
  86.                 var pointsY:Vector.<Point> = new Vector.<Point>(_rows, true);
  87.                 _pointsYs[i] = pointsY;
  88.             }
  89.             
  90.             var clothWidth:Number = (_cols - 1) * _diffX;
  91.             var clothHeight:Number = (_rows - 1) * _diffY;
  92.             var startX:Number = (STAGE_WIDTH - clothWidth) / 2;
  93.             var startY:Number = (STAGE_HEIGHT - clothHeight) / 2;
  94.             
  95.             //ポイントを格子状に配置
  96.             for (i = 0; i < _rows; i++) {
  97.                 var pointsX:Vector.<Point> = new Vector.<Point>(_cols, true);
  98.                 _pointsXs[i] = pointsX;
  99.                 for (var j:uint = 0; j < _cols; j++) {
  100.                     var point:Point = new Point();
  101.                     _points.push(point);
  102.                     point.name = String(i) + "-" + String(j);//デバッグ用
  103.                     point.x = startX + _diffX * j;
  104.                     point.y = startY + _diffY * i;
  105.                     
  106.                     //横に並ぶポイントを入れる
  107.                     pointsX[j] = point;
  108.                     
  109.                     //縦方向に並ぶポイントを入れる
  110.                     pointsY = _pointsYs[j];
  111.                     pointsY[i] = point;
  112.                 }
  113.             }
  114.             _points.fixed = true;
  115.         }
  116.         
  117.         private function joint():void {
  118.             
  119.             //00------01-------02
  120.             //|        |       |
  121.             //|        |       |
  122.             //|        |       |
  123.             //10------11-------12
  124.             //|        |       |
  125.             //|        |       |
  126.             //|        |       |
  127.             //20------21-------22
  128.             
  129.             for (var i:uint = 0; i < _rows; i++) {
  130.                 var up:Boolean = (i - 1) >= 0;//上の行があるか。
  131.                 var down:Boolean = (i + 1) < _rows;//下の行があるか。
  132.                 if (up)
  133.                     var pointsX0:Vector.<Point> = _pointsXs[i - 1];//一つ上の段
  134.                     
  135.                 var pointsX1:Vector.<Point> = _pointsXs[i];
  136.                 
  137.                 if (down)
  138.                     var pointsX2:Vector.<Point> = _pointsXs[i + 1];//一つ下の段
  139.                 
  140.                 for (var j:uint = 0; j < _cols; j++) {
  141.                     var left:Boolean = (j - 1) >= 0;//左の列があるか。
  142.                     var right:Boolean = (j + 1) < _cols;//右の列があるか。
  143.                     
  144.                     var point11:Point = pointsX1[j];//中央のポイント
  145.                     
  146.                     if (up) {
  147.                         var point01:Point = pointsX0[j];//上
  148.                         //trace(point01.name);
  149.                         _joints.push(new Joint(point11, point01));
  150.                     }
  151.                     
  152.                     if (left) { 
  153.                         var point10:Point = pointsX1[j -1];//左
  154.                         //trace(point10.name);
  155.                         _joints.push(new Joint(point11, point10));
  156.                         
  157.                         if (up) {
  158.                             var point00:Point = pointsX0[j - 1]; //左上
  159.                             //trace(point00.name);
  160.                             _joints.push(new Joint(point11, point00));
  161.                         }
  162.                         
  163.                         if (down) {
  164.                             var point20:Point = pointsX2[j -1];//左下
  165.                             //trace(point20.name);
  166.                             _joints.push(new Joint(point11, point20));
  167.                         }
  168.                     }
  169.                     
  170.                     if (right) { 
  171.                         var point12:Point = pointsX1[j + 1];//右
  172.                         //trace(point12.name);
  173.                         _joints.push(new Joint(point11, point12));
  174.                         
  175.                         if (up) {
  176.                             var point02:Point = pointsX0[j + 1];//右上
  177.                             //trace(point02.name);
  178.                             _joints.push(new Joint(point11, point02));
  179.                         }
  180.                         
  181.                         if (down) {
  182.                             var point22:Point = pointsX2[j + 1];//右下
  183.                             //trace(point22.name);
  184.                             _joints.push(new Joint(point11, point22));
  185.                         }
  186.                     }
  187.                     
  188.                     if (down) {
  189.                         var point21:Point = pointsX2[j];//下
  190.                         //trace(point21.name);
  191.                         _joints.push(new Joint(point11, point21));
  192.                     }
  193.                 }
  194.             }
  195.             _numJoints = _joints.length;
  196.             _joints.fixed = true;
  197.         }
  198.         
  199.         /**
  200.          * 一番カーソルに近いポイントを捜す。
  201.          */
  202.         private function searchPoint():Point {
  203.             var lastMinDist:Number = Infinity;
  204.             var target:Point;
  205.             for each(var point:Point in _points) {
  206.                 var dx:Number = point.x - mouseX;
  207.                 var dy:Number = point.y - mouseY;
  208.                 var dist:Number = Math.sqrt(dx * dx + dy * dy);
  209.                 if (dist < lastMinDist) {
  210.                     lastMinDist = dist;
  211.                     target = point;
  212.                 }
  213.             }
  214.             return target;
  215.         }
  216.         
  217.         /**
  218.          * ポイント同士を繋ぐ線を書く
  219.          */
  220.         private function drawLine():void {
  221.             graphics.clear();
  222.             graphics.lineStyle(1, _lineColor);
  223.             
  224.             var dataIndex:uint = 0;
  225.             var commandIndex:uint = 0;
  226.             for each(var pointsX:Vector.<Point> in _pointsXs){
  227.                 //横列のポイントが入った配列にアクセス。
  228.                 var firstBall:Point = pointsX[0];
  229.                 _vertices[dataIndex++] = firstBall.x;
  230.                 _vertices[dataIndex++] = firstBall.y;
  231.                 _commands[commandIndex++] = GraphicsPathCommand.MOVE_TO;
  232.                 
  233.                 for (var i:uint = 1; i < _cols; i++) {
  234.                     var ball:Point = pointsX[i];
  235.                     _vertices[dataIndex++] = ball.x;
  236.                     _vertices[dataIndex++] = ball.y;
  237.                     _commands[commandIndex++] = GraphicsPathCommand.LINE_TO;
  238.                 }
  239.             }
  240.             
  241.             for each(var ballsY:Vector.<Point> in _pointsYs) {
  242.                 firstBall = ballsY[0];
  243.                 _vertices[dataIndex++] = firstBall.x;
  244.                 _vertices[dataIndex++] = firstBall.y;
  245.                 _commands[commandIndex++] = GraphicsPathCommand.MOVE_TO;
  246.                 
  247.                 for (i = 1; i < _rows; i++) {
  248.                     ball = ballsY[i];
  249.                     _vertices[dataIndex++] = ball.x;
  250.                     _vertices[dataIndex++] = ball.y;
  251.                     _commands[commandIndex++] = GraphicsPathCommand.LINE_TO;
  252.                 }
  253.             }
  254.             if(_isFirst){
  255.                 _commands.fixed = _vertices.fixed = true;
  256.                 _isFirst = false;
  257.             }
  258.             graphics.drawPath(_commands, _vertices);
  259.         }
  260.         
  261.         private function enterFrameHandler(e:Event):void {
  262.             if (_isMouseDown) {
  263.                 _draggedPoint.x = mouseX;
  264.                 _draggedPoint.y = mouseY;
  265.             }
  266.             
  267.             for each(var joint:Joint in _joints) {
  268.                 joint.update();
  269.             }
  270.             
  271.             drawLine();
  272.         }
  273.         
  274.         private function keyDonwHandler(e:KeyboardEvent = null):void{
  275.             if(e.ctrlKey) _isCtrlPress = true;
  276.         }
  277.         
  278.         private function keyUpHandler(e:KeyboardEvent = null):void{
  279.             _isCtrlPress = false;
  280.         }
  281.         
  282.         private function doubleClickHandler(e:MouseEvent = null):void{
  283.             searchPoint().isPinned = false;
  284.         }
  285.         
  286.         private function mouseDwonHandler(e:MouseEvent):void {
  287.             _isMouseDown = true;
  288.             _draggedPoint = searchPoint();
  289.             _draggedPoint.isDragging = true;
  290.         }
  291.         
  292.         private function mouseUpHandler(e:MouseEvent):void    {
  293.             _isMouseDown = false;
  294.             if (_isCtrlPress)
  295.                 _draggedPoint.isPinned = true;
  296.             _draggedPoint.isDragging = false;
  297.             _draggedPoint = undefined;
  298.         }
  299.     }
  300. }
  302. class Joint {
  303.     
  304.     public static var SPRING:Number = 0.03;
  305.     public static var FRICTION:Number = 0.97;
  306.     public static var GRAVITY:Number = 0.005;
  307.     
  308.     public function Joint(point:Point, target:Point) { 
  309.         var initDx:Number = target.x - point.x;
  310.         var initDy:Number = target.y - point.y;
  311.         var length:Number = Math.sqrt(initDx * initDx + initDy * initDy);
  312.         var angle:Number = Math.atan2(initDy, initDx);
  313.         
  314.         var tx:Number = length * Math.cos(angle);
  315.         var ty:Number = length * Math.sin(angle);
  316.         
  317.         //バネ運動させる関数
  318.         update = function():void {
  319.             if (point.isDragging || point.isPinned)
  320.                 return;
  321.             
  322.             var dx:Number = target.x - tx - point.x;
  323.             var dy:Number = target.y - ty - point.y;
  324.             point.vx += dx * Joint.SPRING;
  325.             point.vy += dy * Joint.SPRING;
  326.             point.vy += GRAVITY;
  327.             point.x += (point.vx *= FRICTION);
  328.             point.y += (point.vy *= FRICTION);
  329.         }
  330.     }
  331.     
  332.     public var update:Function;
  333. }
  335. class Point {
  336.     public var name:String;
  337.     public var x:Number;
  338.     public var y:Number;
  339.     public var vx:Number = 0;
  340.     public var vy:Number = 0;
  341.     public var isPinned:Boolean = false;
  342.     public var isDragging:Boolean = false;
  343. }
noswf
Get Adobe Flash Player