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

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

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


embed

noswf download fullscreen
flash swf thumbnail play
reload download fullscreen

FORKED
>sort

Wonderwall のパチモン forked from: Wonderwall のパチモン [diff(1)]

  1. // forked from Aquioux's Wonderwall のパチモン
  2. package {
  3.     import flash.display.Bitmap;
  4.     import flash.display.BitmapData;
  5.     import flash.display.Loader;
  6.     import flash.display.Sprite;
  7.     import flash.events.Event;
  8.     import flash.net.URLRequest;
  9.     import flash.system.LoaderContext;
  10.     [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#000000")]
  11.     /**
  12.      * Wonderwall のパチモン
  13.      * @author YOSHIDA, Akio (Aquioux)
  14.      */
  15.     public class Main extends Sprite {
  16.         private const DISTANCE_OF_REACTION:int = 125;    // マウスに反応する距離
  17.         private const SPRING:Number   = 0.01;            // バネ係数
  18.         private const FRICTION:Number = 0.9;            // 摩擦係数
  20.         private const NUM_OF_ROW:int = 3;    // 横方向の数
  21.         private const NUM_OF_COL:int = 3;    // 縦方向の数
  22.         private const IMAGE_WIDTH:int  = 100;
  23.         private const IMAGE_HEIGHT:int = 100;
  24.         
  25.         private var imageUrls:Vector.<String> = Vector.<String>([
  26.             "http://assets.wonderfl.net/images/related_images/5/59/59ce/59ce4dc0471ca9405ef2d0ed2dc1cea5e70c91c1",
  27.             "http://assets.wonderfl.net/images/related_images/7/71/716a/716a033cf4afbec77f72d124e1903b1ff05cbbda",
  28.             "http://assets.wonderfl.net/images/related_images/8/87/871a/871a53382ac812425d86de3888971e86fb3b956b",
  29.             "http://assets.wonderfl.net/images/related_images/7/74/74f2/74f2c57ef48e0d2b88be0bb3999ad15c110bcaf2",
  30.             "http://assets.wonderfl.net/images/related_images/c/c5/c5ef/c5efc60973f19249b625ca1b0672b2b359d63eee",
  31.             "http://assets.wonderfl.net/images/related_images/b/b4/b43b/b43bf737d1fe33d1c083c8e9e04f97467751df96",
  32.             "http://assets.wonderfl.net/images/related_images/3/3d/3dcd/3dcd1527c2f968c5b4e39471303b690d28e28687",
  33.             "http://assets.wonderfl.net/images/related_images/7/76/765f/765f0fef8e179cb6d384b85e972879be8e003f69",
  34.             "http://assets.wonderfl.net/images/related_images/e/ee/ee94/ee94f456247434eee366c2c6a6362b8a7db03f8e"
  35.         ]);
  36.         private var images:Vector.<BitmapData> = new Vector.<BitmapData>(9, true);
  37.         private var cnt:uint = 0;
  38.         private const NUM_OF_IMAGE:uint = NUM_OF_ROW * NUM_OF_COL;
  39.         
  41.         public function Main() {
  42.             imageLoad();
  43.         }
  44.         
  45.         private function imageLoad():void {
  46.             var loader:Loader = new Loader();
  47.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
  48.             var url:String = imageUrls[cnt];
  49.             loader.load(new URLRequest(url), new LoaderContext(true));
  50.         }
  51.         private function completeHandler(event:Event):void {
  52.             var loader:Loader = event.target.loader;
  53.             loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
  54.             images[cnt] = Bitmap(loader.content).bitmapData;
  55.             cnt++;
  56.             cnt >= NUM_OF_IMAGE ? next() : imageLoad();
  57.         }
  58.             
  59.         private function next():void {
  60.             // Coordinate 初期化
  61.             Coordinate.spring   = SPRING;
  62.             Coordinate.friction = FRICTION;
  63.             Coordinate.distanceOfReaction = DISTANCE_OF_REACTION;
  64.         
  65.             // データ生成
  66.             var dataFactory:DataFactory = new DataFactory();
  67.             dataFactory.numOfCol = NUM_OF_COL;
  68.             dataFactory.numOfRow = NUM_OF_ROW;
  69.             dataFactory.cellWidth  = IMAGE_WIDTH;
  70.             dataFactory.cellHeight = IMAGE_HEIGHT;
  71.             dataFactory.stageWidth  = stage.stageWidth;
  72.             dataFactory.stageHeight = stage.stageHeight;
  73.             dataFactory.start();
  74.             
  75.             // Model 生成
  76.             var model:Model = new Model();
  77.             model.coordinates = dataFactory.coordinates;
  79.             // View 生成
  80.             var viewLayer:Sprite = new Sprite();
  81.             addChild(viewLayer);
  82.             var n:uint = NUM_OF_ROW * NUM_OF_COL;
  83.             for (var i:int = 0; i < n; i++) {
  84.                 var view:View = new View(model);
  85.                 view.bitmapData = images[i];
  86.                 view.setBounds(i, dataFactory.bounds);
  87.                 view.setup();
  88.                 viewLayer.addChild(view);
  89.             }
  91.             // Controller 生成
  92.             var controller:Controller = new Controller(model);
  93.         }
  94.     }
  95. }
  98.     import flash.geom.Point;
  99.     /**
  100.      * データ生成クラス
  101.      * @author YOSHIDA, Akio (Aquioux)
  102.      */
  103.     class DataFactory {
  104.         // 外部へ出力するデータ
  105.         public function get coordinates():Vector.<Coordinate> { return _coordinates; }
  106.         private var _coordinates:Vector.<Coordinate>;    // すべての頂点（for Model）
  107.         
  108.         public function get bounds():Vector.<int> { return _bounds; }
  109.         private var _bounds:Vector.<int>;                // セルの四隅の頂点の組み合わせ（for View）
  111.         
  112.         // 外部から入力するデータ
  113.         public function set numOfRow(value:int):void { _numOfRow = value; }
  114.         private var _numOfRow:uint;        // 横方向のセル数
  115.         public function set numOfCol(value:int):void { _numOfCol = value; }
  116.         private var _numOfCol:uint;        // 縦方向のセル数
  117.         public function set cellWidth(value:Number):void { _cellWidth = value; }
  118.         private var _cellWidth:Number;    // セル幅
  119.         public function set cellHeight(value:Number):void { _cellHeight = value; }
  120.         private var _cellHeight:Number;    // セル高
  121.         
  122.         public function set stageWidth(value:Number):void { _stageWidth = value; }
  123.         private var _stageWidth:Number;        // ステージ幅
  124.         public function set stageHeight(value:Number):void { _stageHeight = value; }
  125.         private var _stageHeight:Number;    // ステージ高
  126.         
  127.         
  128.         // 内部だけで使用するデータ
  129.         private var offsetX:Number;    // X座標オフセット値
  130.         private var offsetY:Number;    // Y座標オフセット値
  131.         
  133.         public function DataFactory() {}
  134.         
  135.         // 出力データ作成開始
  136.         // このメソッドは入力データをすべて設定してから実行すること
  137.         public function start():void {
  138.             var totalWidth:int  = _numOfRow * _cellWidth;
  139.             var totalHeight:int = _numOfCol * _cellHeight;
  140.             var offsetX:Number = (_stageWidth - totalWidth) / 2;
  141.             var offsetY:Number = (_stageHeight - totalHeight) / 2;
  142.             
  143.             // 全頂点
  144.             // 左上端からZ順に各頂点を Coordinete クラスで設定し、その Coordinate インスタンスを Vector に格納
  145.             _coordinates = new Vector.<Coordinate>();
  146.             for (var i:int = 0; i < _numOfCol + 1; i++) {
  147.                 for (var j:int = 0; j < _numOfRow + 1; j++) {
  148.                     var posX:Number = j * _cellWidth  + offsetX + Math.random() * 30 - 15;
  149.                     var posY:Number = i * _cellHeight + offsetY + Math.random() * 30 - 15;
  150.                     var coordinate:Coordinate = new Coordinate(posX, posY);
  151.                     _coordinates.push(coordinate);
  152.                 }
  153.             }
  154.             _coordinates.fixed = true;
  155.             
  156.             // セルの四隅の頂点の組み合わせ
  157.             // 各セルの四隅（左上から時計回り）が全頂点のうちそれぞれ何番目になるのかを、Vector に格納（dtawTriangle の indices と似ている）
  158.             _bounds = new Vector.<int>();
  159.             var cnt:uint = 0;
  160.             for (i = 0; i < _numOfCol; i++) {
  161.                 for (j = 0; j < _numOfRow; j++) {
  162.                     var leftTop:uint     =  i      * (_numOfRow + 1) + j;
  163.                     var rightTop:uint    =  i      * (_numOfRow + 1) + j + 1;
  164.                     var leftBottom:uint  = (i + 1) * (_numOfRow + 1) + j;
  165.                     var rightBottom:uint = (i + 1) * (_numOfRow + 1) + j + 1;
  166.                     _bounds[cnt++] = leftTop;
  167.                     _bounds[cnt++] = rightTop;
  168.                     _bounds[cnt++] = rightBottom;
  169.                     _bounds[cnt++] = leftBottom;
  170.                 }
  171.             }
  172.             _bounds.fixed = true;
  173.         }
  174.     }
  177.     import flash.geom.Point;
  178.     /**
  179.      * 頂点生成クラス
  180.      * @author YOSHIDA, Akio (Aquioux)
  181.      */
  182.     class Coordinate {
  183.         // 外部から入力するデータ
  184.         // 静的変数
  185.         // バネ係数
  186.         static public function set spring(value:Number):void { _spring = value; }
  187.         static private var _spring:Number = 0.01;
  188.         // 抵抗
  189.         static public function set friction(value:Number):void { _friction = value; }
  190.         static private var _friction:Number = 0.9;
  191.         // 反応距離
  192.         static public function set distanceOfReaction(value:Number):void { _distanceOfReaction = value; }
  193.         static private var _distanceOfReaction:Number = 100;
  195.         // 外部へ出力するデータ
  196.         // 現在座標
  197.         public function get x():Number { return _x; }
  198.         private var _x:Number;
  199.         public function get y():Number { return _y; }
  200.         private var _y:Number;
  202.         
  203.         // 内部だけで使用するデータ
  204.         // 既定座標
  205.         private var localX:Number;
  206.         private var localY:Number;
  207.         // 速度
  208.         private var vx:Number = 0.0;
  209.         private var vy:Number = 0.0;
  210.     
  212.         public function Coordinate(valueX:Number, valueY:Number) {
  213.             _x = localX = valueX;
  214.             _y = localY = valueY;
  215.         }
  216.     
  217.         public function update(mousePoint:Point):void {
  218.             // マウスの位置と自分との距離を求める
  219.             var distance:Number = Point.distance(mousePoint, new Point(localX, localY));
  220.         
  221.             // 到達値
  222.             var dx:Number;
  223.             var dy:Number;
  224.             // 到達値の計算
  225.             if (distance < _distanceOfReaction) {
  226.                 var diff:Number     = -distance * (_distanceOfReaction - distance) / _distanceOfReaction;
  227.                 var radian:Number   = Math.atan2(mousePoint.y - localY, mousePoint.x - localX);
  228.                 var diffPoint:Point = Point.polar(diff*2, radian);
  229.                 dx = localX + diffPoint.x;
  230.                 dy = localY + diffPoint.y;
  231.             } else{    // 位置を元に戻す
  232.                 dx = localX;
  233.                 dy = localY;
  234.             }
  235.         
  236.             vx += (dx - _x) * _spring;
  237.             vy += (dy - _y) * _spring;
  238.             vx *= _friction;
  239.             vy *= _friction;
  240.             _x += vx;
  241.             _y += vy;
  242.         }
  243.     }
  246.     import flash.events.Event;
  247.     import flash.events.EventDispatcher;
  248.     import flash.geom.Point;
  249.     /**
  250.      * Model クラス
  251.      * @author YOSHIDA, Akio (Aquioux)
  252.      */
  253.     class Model extends EventDispatcher {
  254.         // 外部へ出力するデータ
  255.         // 全頂点のXY座標値
  256.         public function get vertices():Vector.<Number> { return _vertices; }
  257.         private var _vertices:Vector.<Number>;
  259.         // 外部から入力するデータ
  260.         // 全頂点データ
  261.         public function set coordinates(value:Vector.<Coordinate>):void {
  262.             _coordinates = value;
  263.             _vertices = new Vector.<Number>(_coordinates.length * 2, true);
  264.         }
  265.         private var _coordinates:Vector.<Coordinate>;
  266.         
  267.         
  268.         public function Model() {}
  270.         public function update(mousePoint:Point):void {
  271.             var n:uint = _coordinates.length;
  272.             for (var i:int = 0; i < n; i++) {
  273.                 var c:Coordinate = _coordinates[i];
  274.                 c.update(mousePoint);
  275.                 _vertices[i * 2]     = c.x;
  276.                 _vertices[i * 2 + 1] = c.y;
  277.             }
  278.             dispatchEvent(new Event(Event.CHANGE));
  279.         }
  280.     }
  283.     import flash.display.Bitmap;
  284.     import flash.display.BitmapData;
  285.     import flash.display.GraphicsBitmapFill;
  286.     import flash.display.GraphicsEndFill;
  287.     import flash.display.GraphicsTrianglePath;
  288.     import flash.display.IGraphicsData;
  289.     import flash.display.Sprite;
  290.     import flash.events.Event;
  291.     import flash.events.MouseEvent;
  292.     import flash.geom.ColorTransform;
  293.     import flash.geom.Point;
  294.     /**
  295.      * ...
  296.      * @author YOSHIDA, Akio (Aquioux)
  297.      */
  298.     class View extends Sprite {
  299.         // 外部から入力するデータ
  300.         // 四隅の頂点の、全頂点中の順番
  301.         public function setBounds(idx:uint, value:Vector.<int>):void {
  302.             idx *= 4;
  303.             _bounds = value.slice(idx, idx + 4);
  304.         }
  305.         private var _bounds:Vector.<int>;
  306.         
  307.         // スキンとなる BitmapData
  308.         public function set bitmapData(value:BitmapData):void { _bitmapData = value; }
  309.         private var _bitmapData:BitmapData;
  311.         private var model:Model;
  313.         
  314.         // 内部だけで使用するデータ
  315.         // for drawTriangles
  316.         private var graphicsData:Vector.<IGraphicsData>;
  317.         private var path:GraphicsTrianglePath;
  318.         private var vertices:Vector.<Number>;
  319.         private var indices:Vector.<int>;
  320.         private var uvtData:Vector.<Number>;
  321.         
  322.         static private var topIndex:uint = 0;
  323.         
  324.         private var isVisited:Boolean = false;
  325.         private const visitedColor:ColorTransform = new ColorTransform(0, 0, 0, 1, Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), 0);
  326.         private const noVisitedColor:ColorTransform = new ColorTransform(1, 1, 1, 1, 0, 0, 0, 0);
  328.         
  329.         public function View(model:Model) {
  330.             // 対 Model
  331.             this.model = model;
  332.             model.addEventListener(Event.CHANGE, update);
  333.             addEventListener(MouseEvent.ROLL_OVER, overHandler);
  334.             addEventListener(MouseEvent.ROLL_OUT, outHandler);
  335.             addEventListener(MouseEvent.CLICK, clickHandler);
  336.         }
  337.         
  338.         private function overHandler(event:MouseEvent):void {
  339.             if (topIndex == 0)
  340.                 topIndex = parent.numChildren - 1;
  341.             parent.setChildIndex(this, topIndex);
  342.             
  343.             if (isVisited)
  344.                 transform.colorTransform = noVisitedColor;
  345.         }
  346.         private function outHandler(event:MouseEvent):void {
  347.             if (isVisited)
  348.                 transform.colorTransform = visitedColor;
  349.         }
  350.         
  351.         
  352.         private function clickHandler(event:MouseEvent):void {
  353.             isVisited = true;
  354.             transform.colorTransform = visitedColor;
  355.         }
  356.         
  357.         
  358.         public function setup():void {
  359.             // drawTriangles で使う Vector　の設定
  360.             vertices = new Vector.<Number>(8, true);
  361.             indices = Vector.<int>([
  362.                 0, 1, 3,
  363.                 1, 2, 3
  364.             ]);
  365.             indices.fixed = true;
  366.             uvtData = Vector.<Number>([
  367.                 0, 0,
  368.                 1, 0,
  369.                 1, 1,
  370.                 0, 1
  371.             ]);
  372.             uvtData.fixed = true;
  373.             
  374.             // graphicsData の設定
  375.             graphicsData = new Vector.<IGraphicsData>();
  376.             graphicsData.push(new GraphicsBitmapFill(_bitmapData));
  377.             graphicsData.push(path = new GraphicsTrianglePath(vertices, indices, uvtData));
  378.             graphicsData.push(new GraphicsEndFill());
  379.         }
  380.         
  381.         private function update(event:Event):void {
  382.             var allVertices:Vector.<Number> = model.vertices;
  383.             for (var i:int = 0; i < 4; i++) {
  384.                 var idx:int = _bounds[i];
  385.                 vertices[i * 2]     = allVertices[idx * 2];
  386.                 vertices[i * 2 + 1] = allVertices[idx * 2 + 1];
  387.             }
  388.             path.vertices = vertices;
  389.             draw();
  390.         }
  392.         private function draw():void {
  393.             graphics.clear();
  394.             graphics.drawGraphicsData(graphicsData);
  395.         }
  396.     }
  399.     import flash.display.Sprite;
  400.     import flash.events.Event;
  401.     import flash.geom.Point;
  402.     /**
  403.      * Controller
  404.      * マウス座標を Model に渡すだけ
  405.      * マウス座標を取得するので Sprite を継承する
  406.      * @author YOSHIDA, Akio (Aquioux)
  407.      */
  408.     class Controller extends Sprite {
  409.         private var model:Model;
  410.         
  411.         public function Controller(model:Model) {
  412.             this.model = model;
  413.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  414.         }
  415.         
  416.         private function enterFrameHandler(event:Event):void {
  417.             var mousePoint:Point = new Point(mouseX, mouseY);
  418.             model.update(mousePoint);
  419.         }
  420.     }
noswf

Wonderwall のパチモン forked from: Wonderwall のパチモン [diff(1)]

  1. // forked from Aquioux's Wonderwall のパチモン
  2. package {
  3.     import flash.display.Bitmap;
  4.     import flash.display.BitmapData;
  5.     import flash.display.Loader;
  6.     import flash.display.Sprite;
  7.     import flash.events.Event;
  8.     import flash.net.URLRequest;
  9.     import flash.system.LoaderContext;
  10.     [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#000000")]
  11.     /**
  12.      * Wonderwall のパチモン
  13.      * @author YOSHIDA, Akio (Aquioux)
  14.      */
  15.     public class Main extends Sprite {
  16.         private const DISTANCE_OF_REACTION:int = 125;    // マウスに反応する距離
  17.         private const SPRING:Number   = 0.01;            // バネ係数
  18.         private const FRICTION:Number = 0.9;            // 摩擦係数
  20.         private const NUM_OF_ROW:int = 3;    // 横方向の数
  21.         private const NUM_OF_COL:int = 3;    // 縦方向の数
  22.         private const IMAGE_WIDTH:int  = 100;
  23.         private const IMAGE_HEIGHT:int = 100;
  24.         
  25.         private var imageUrls:Vector.<String> = Vector.<String>([
  26.             "http://assets.wonderfl.net/images/related_images/5/59/59ce/59ce4dc0471ca9405ef2d0ed2dc1cea5e70c91c1",
  27.             "http://assets.wonderfl.net/images/related_images/7/71/716a/716a033cf4afbec77f72d124e1903b1ff05cbbda",
  28.             "http://assets.wonderfl.net/images/related_images/8/87/871a/871a53382ac812425d86de3888971e86fb3b956b",
  29.             "http://assets.wonderfl.net/images/related_images/7/74/74f2/74f2c57ef48e0d2b88be0bb3999ad15c110bcaf2",
  30.             "http://assets.wonderfl.net/images/related_images/c/c5/c5ef/c5efc60973f19249b625ca1b0672b2b359d63eee",
  31.             "http://assets.wonderfl.net/images/related_images/b/b4/b43b/b43bf737d1fe33d1c083c8e9e04f97467751df96",
  32.             "http://assets.wonderfl.net/images/related_images/3/3d/3dcd/3dcd1527c2f968c5b4e39471303b690d28e28687",
  33.             "http://assets.wonderfl.net/images/related_images/7/76/765f/765f0fef8e179cb6d384b85e972879be8e003f69",
  34.             "http://assets.wonderfl.net/images/related_images/e/ee/ee94/ee94f456247434eee366c2c6a6362b8a7db03f8e"
  35.         ]);
  36.         private var images:Vector.<BitmapData> = new Vector.<BitmapData>(9, true);
  37.         private var cnt:uint = 0;
  38.         private const NUM_OF_IMAGE:uint = NUM_OF_ROW * NUM_OF_COL;
  39.         
  41.         public function Main() {
  42.             imageLoad();
  43.         }
  44.         
  45.         private function imageLoad():void {
  46.             var loader:Loader = new Loader();
  47.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
  48.             var url:String = imageUrls[cnt];
  49.             loader.load(new URLRequest(url), new LoaderContext(true));
  50.         }
  51.         private function completeHandler(event:Event):void {
  52.             var loader:Loader = event.target.loader;
  53.             loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
  54.             images[cnt] = Bitmap(loader.content).bitmapData;
  55.             cnt++;
  56.             cnt >= NUM_OF_IMAGE ? next() : imageLoad();
  57.         }
  58.             
  59.         private function next():void {
  60.             // Coordinate 初期化
  61.             Coordinate.spring   = SPRING;
  62.             Coordinate.friction = FRICTION;
  63.             Coordinate.distanceOfReaction = DISTANCE_OF_REACTION;
  64.         
  65.             // データ生成
  66.             var dataFactory:DataFactory = new DataFactory();
  67.             dataFactory.numOfCol = NUM_OF_COL;
  68.             dataFactory.numOfRow = NUM_OF_ROW;
  69.             dataFactory.cellWidth  = IMAGE_WIDTH;
  70.             dataFactory.cellHeight = IMAGE_HEIGHT;
  71.             dataFactory.stageWidth  = stage.stageWidth;
  72.             dataFactory.stageHeight = stage.stageHeight;
  73.             dataFactory.start();
  74.             
  75.             // Model 生成
  76.             var model:Model = new Model();
  77.             model.coordinates = dataFactory.coordinates;
  79.             // View 生成
  80.             var viewLayer:Sprite = new Sprite();
  81.             addChild(viewLayer);
  82.             var n:uint = NUM_OF_ROW * NUM_OF_COL;
  83.             for (var i:int = 0; i < n; i++) {
  84.                 var view:View = new View(model);
  85.                 view.bitmapData = images[i];
  86.                 view.setBounds(i, dataFactory.bounds);
  87.                 view.setup();
  88.                 viewLayer.addChild(view);
  89.             }
  91.             // Controller 生成
  92.             var controller:Controller = new Controller(model);
  93.         }
  94.     }
  95. }
  98.     import flash.geom.Point;
  99.     /**
  100.      * データ生成クラス
  101.      * @author YOSHIDA, Akio (Aquioux)
  102.      */
  103.     class DataFactory {
  104.         // 外部へ出力するデータ
  105.         public function get coordinates():Vector.<Coordinate> { return _coordinates; }
  106.         private var _coordinates:Vector.<Coordinate>;    // すべての頂点（for Model）
  107.         
  108.         public function get bounds():Vector.<int> { return _bounds; }
  109.         private var _bounds:Vector.<int>;                // セルの四隅の頂点の組み合わせ（for View）
  111.         
  112.         // 外部から入力するデータ
  113.         public function set numOfRow(value:int):void { _numOfRow = value; }
  114.         private var _numOfRow:uint;        // 横方向のセル数
  115.         public function set numOfCol(value:int):void { _numOfCol = value; }
  116.         private var _numOfCol:uint;        // 縦方向のセル数
  117.         public function set cellWidth(value:Number):void { _cellWidth = value; }
  118.         private var _cellWidth:Number;    // セル幅
  119.         public function set cellHeight(value:Number):void { _cellHeight = value; }
  120.         private var _cellHeight:Number;    // セル高
  121.         
  122.         public function set stageWidth(value:Number):void { _stageWidth = value; }
  123.         private var _stageWidth:Number;        // ステージ幅
  124.         public function set stageHeight(value:Number):void { _stageHeight = value; }
  125.         private var _stageHeight:Number;    // ステージ高
  126.         
  127.         
  128.         // 内部だけで使用するデータ
  129.         private var offsetX:Number;    // X座標オフセット値
  130.         private var offsetY:Number;    // Y座標オフセット値
  131.         
  133.         public function DataFactory() {}
  134.         
  135.         // 出力データ作成開始
  136.         // このメソッドは入力データをすべて設定してから実行すること
  137.         public function start():void {
  138.             var totalWidth:int  = _numOfRow * _cellWidth;
  139.             var totalHeight:int = _numOfCol * _cellHeight;
  140.             var offsetX:Number = (_stageWidth - totalWidth) / 2;
  141.             var offsetY:Number = (_stageHeight - totalHeight) / 2;
  142.             
  143.             // 全頂点
  144.             // 左上端からZ順に各頂点を Coordinete クラスで設定し、その Coordinate インスタンスを Vector に格納
  145.             _coordinates = new Vector.<Coordinate>();
  146.             for (var i:int = 0; i < _numOfCol + 1; i++) {
  147.                 for (var j:int = 0; j < _numOfRow + 1; j++) {
  148.                     var posX:Number = j * _cellWidth  + offsetX + Math.random() * 30 - 15;
  149.                     var posY:Number = i * _cellHeight + offsetY + Math.random() * 30 - 15;
  150.                     var coordinate:Coordinate = new Coordinate(posX, posY);
  151.                     _coordinates.push(coordinate);
  152.                 }
  153.             }
  154.             _coordinates.fixed = true;
  155.             
  156.             // セルの四隅の頂点の組み合わせ
  157.             // 各セルの四隅（左上から時計回り）が全頂点のうちそれぞれ何番目になるのかを、Vector に格納（dtawTriangle の indices と似ている）
  158.             _bounds = new Vector.<int>();
  159.             var cnt:uint = 0;
  160.             for (i = 0; i < _numOfCol; i++) {
  161.                 for (j = 0; j < _numOfRow; j++) {
  162.                     var leftTop:uint     =  i      * (_numOfRow + 1) + j;
  163.                     var rightTop:uint    =  i      * (_numOfRow + 1) + j + 1;
  164.                     var leftBottom:uint  = (i + 1) * (_numOfRow + 1) + j;
  165.                     var rightBottom:uint = (i + 1) * (_numOfRow + 1) + j + 1;
  166.                     _bounds[cnt++] = leftTop;
  167.                     _bounds[cnt++] = rightTop;
  168.                     _bounds[cnt++] = rightBottom;
  169.                     _bounds[cnt++] = leftBottom;
  170.                 }
  171.             }
  172.             _bounds.fixed = true;
  173.         }
  174.     }
  177.     import flash.geom.Point;
  178.     /**
  179.      * 頂点生成クラス
  180.      * @author YOSHIDA, Akio (Aquioux)
  181.      */
  182.     class Coordinate {
  183.         // 外部から入力するデータ
  184.         // 静的変数
  185.         // バネ係数
  186.         static public function set spring(value:Number):void { _spring = value; }
  187.         static private var _spring:Number = 0.01;
  188.         // 抵抗
  189.         static public function set friction(value:Number):void { _friction = value; }
  190.         static private var _friction:Number = 0.9;
  191.         // 反応距離
  192.         static public function set distanceOfReaction(value:Number):void { _distanceOfReaction = value; }
  193.         static private var _distanceOfReaction:Number = 100;
  195.         // 外部へ出力するデータ
  196.         // 現在座標
  197.         public function get x():Number { return _x; }
  198.         private var _x:Number;
  199.         public function get y():Number { return _y; }
  200.         private var _y:Number;
  202.         
  203.         // 内部だけで使用するデータ
  204.         // 既定座標
  205.         private var localX:Number;
  206.         private var localY:Number;
  207.         // 速度
  208.         private var vx:Number = 0.0;
  209.         private var vy:Number = 0.0;
  210.     
  212.         public function Coordinate(valueX:Number, valueY:Number) {
  213.             _x = localX = valueX;
  214.             _y = localY = valueY;
  215.         }
  216.     
  217.         public function update(mousePoint:Point):void {
  218.             // マウスの位置と自分との距離を求める
  219.             var distance:Number = Point.distance(mousePoint, new Point(localX, localY));
  220.         
  221.             // 到達値
  222.             var dx:Number;
  223.             var dy:Number;
  224.             // 到達値の計算
  225.             if (distance < _distanceOfReaction) {
  226.                 var diff:Number     = -distance * (_distanceOfReaction - distance) / _distanceOfReaction;
  227.                 var radian:Number   = Math.atan2(mousePoint.y - localY, mousePoint.x - localX);
  228.                 var diffPoint:Point = Point.polar(diff*2, radian);
  229.                 dx = localX + diffPoint.x;
  230.                 dy = localY + diffPoint.y;
  231.             } else{    // 位置を元に戻す
  232.                 dx = localX;
  233.                 dy = localY;
  234.             }
  235.         
  236.             vx += (dx - _x) * _spring;
  237.             vy += (dy - _y) * _spring;
  238.             vx *= _friction;
  239.             vy *= _friction;
  240.             _x += vx;
  241.             _y += vy;
  242.         }
  243.     }
  246.     import flash.events.Event;
  247.     import flash.events.EventDispatcher;
  248.     import flash.geom.Point;
  249.     /**
  250.      * Model クラス
  251.      * @author YOSHIDA, Akio (Aquioux)
  252.      */
  253.     class Model extends EventDispatcher {
  254.         // 外部へ出力するデータ
  255.         // 全頂点のXY座標値
  256.         public function get vertices():Vector.<Number> { return _vertices; }
  257.         private var _vertices:Vector.<Number>;
  259.         // 外部から入力するデータ
  260.         // 全頂点データ
  261.         public function set coordinates(value:Vector.<Coordinate>):void {
  262.             _coordinates = value;
  263.             _vertices = new Vector.<Number>(_coordinates.length * 2, true);
  264.         }
  265.         private var _coordinates:Vector.<Coordinate>;
  266.         
  267.         
  268.         public function Model() {}
  270.         public function update(mousePoint:Point):void {
  271.             var n:uint = _coordinates.length;
  272.             for (var i:int = 0; i < n; i++) {
  273.                 var c:Coordinate = _coordinates[i];
  274.                 c.update(mousePoint);
  275.                 _vertices[i * 2]     = c.x;
  276.                 _vertices[i * 2 + 1] = c.y;
  277.             }
  278.             dispatchEvent(new Event(Event.CHANGE));
  279.         }
  280.     }
  283.     import flash.display.Bitmap;
  284.     import flash.display.BitmapData;
  285.     import flash.display.GraphicsBitmapFill;
  286.     import flash.display.GraphicsEndFill;
  287.     import flash.display.GraphicsTrianglePath;
  288.     import flash.display.IGraphicsData;
  289.     import flash.display.Sprite;
  290.     import flash.events.Event;
  291.     import flash.events.MouseEvent;
  292.     import flash.geom.ColorTransform;
  293.     import flash.geom.Point;
  294.     /**
  295.      * ...
  296.      * @author YOSHIDA, Akio (Aquioux)
  297.      */
  298.     class View extends Sprite {
  299.         // 外部から入力するデータ
  300.         // 四隅の頂点の、全頂点中の順番
  301.         public function setBounds(idx:uint, value:Vector.<int>):void {
  302.             idx *= 4;
  303.             _bounds = value.slice(idx, idx + 4);
  304.         }
  305.         private var _bounds:Vector.<int>;
  306.         
  307.         // スキンとなる BitmapData
  308.         public function set bitmapData(value:BitmapData):void { _bitmapData = value; }
  309.         private var _bitmapData:BitmapData;
  311.         private var model:Model;
  313.         
  314.         // 内部だけで使用するデータ
  315.         // for drawTriangles
  316.         private var graphicsData:Vector.<IGraphicsData>;
  317.         private var path:GraphicsTrianglePath;
  318.         private var vertices:Vector.<Number>;
  319.         private var indices:Vector.<int>;
  320.         private var uvtData:Vector.<Number>;
  321.         
  322.         static private var topIndex:uint = 0;
  323.         
  324.         private var isVisited:Boolean = false;
  325.         private const visitedColor:ColorTransform = new ColorTransform(0, 0, 0, 1, Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), 0);
  326.         private const noVisitedColor:ColorTransform = new ColorTransform(1, 1, 1, 1, 0, 0, 0, 0);
  328.         
  329.         public function View(model:Model) {
  330.             // 対 Model
  331.             this.model = model;
  332.             model.addEventListener(Event.CHANGE, update);
  333.             addEventListener(MouseEvent.ROLL_OVER, overHandler);
  334.             addEventListener(MouseEvent.ROLL_OUT, outHandler);
  335.             addEventListener(MouseEvent.CLICK, clickHandler);
  336.         }
  337.         
  338.         private function overHandler(event:MouseEvent):void {
  339.             if (topIndex == 0)
  340.                 topIndex = parent.numChildren - 1;
  341.             parent.setChildIndex(this, topIndex);
  342.             
  343.             if (isVisited)
  344.                 transform.colorTransform = noVisitedColor;
  345.         }
  346.         private function outHandler(event:MouseEvent):void {
  347.             if (isVisited)
  348.                 transform.colorTransform = visitedColor;
  349.         }
  350.         
  351.         
  352.         private function clickHandler(event:MouseEvent):void {
  353.             isVisited = true;
  354.             transform.colorTransform = visitedColor;
  355.         }
  356.         
  357.         
  358.         public function setup():void {
  359.             // drawTriangles で使う Vector　の設定
  360.             vertices = new Vector.<Number>(8, true);
  361.             indices = Vector.<int>([
  362.                 0, 1, 3,
  363.                 1, 2, 3
  364.             ]);
  365.             indices.fixed = true;
  366.             uvtData = Vector.<Number>([
  367.                 0, 0,
  368.                 1, 0,
  369.                 1, 1,
  370.                 0, 1
  371.             ]);
  372.             uvtData.fixed = true;
  373.             
  374.             // graphicsData の設定
  375.             graphicsData = new Vector.<IGraphicsData>();
  376.             graphicsData.push(new GraphicsBitmapFill(_bitmapData));
  377.             graphicsData.push(path = new GraphicsTrianglePath(vertices, indices, uvtData));
  378.             graphicsData.push(new GraphicsEndFill());
  379.         }
  380.         
  381.         private function update(event:Event):void {
  382.             var allVertices:Vector.<Number> = model.vertices;
  383.             for (var i:int = 0; i < 4; i++) {
  384.                 var idx:int = _bounds[i];
  385.                 vertices[i * 2]     = allVertices[idx * 2];
  386.                 vertices[i * 2 + 1] = allVertices[idx * 2 + 1];
  387.             }
  388.             path.vertices = vertices;
  389.             draw();
  390.         }
  392.         private function draw():void {
  393.             graphics.clear();
  394.             graphics.drawGraphicsData(graphicsData);
  395.         }
  396.     }
  399.     import flash.display.Sprite;
  400.     import flash.events.Event;
  401.     import flash.geom.Point;
  402.     /**
  403.      * Controller
  404.      * マウス座標を Model に渡すだけ
  405.      * マウス座標を取得するので Sprite を継承する
  406.      * @author YOSHIDA, Akio (Aquioux)
  407.      */
  408.     class Controller extends Sprite {
  409.         private var model:Model;
  410.         
  411.         public function Controller(model:Model) {
  412.             this.model = model;
  413.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  414.         }
  415.         
  416.         private function enterFrameHandler(event:Event):void {
  417.             var mousePoint:Point = new Point(mouseX, mouseY);
  418.             model.update(mousePoint);
  419.         }
  420.     }
noswf

Wonderwall のパチモン Wonderwall のパチモン (correct perspective) [diff(58)]

  1. package {
  2.     import flash.display.Bitmap;
  3.     import flash.display.BitmapData;
  4.     import flash.display.Loader;
  5.     import flash.display.Sprite;
  6.     import flash.events.Event;
  7.     import flash.net.URLRequest;
  8.     import flash.system.LoaderContext;
  9.     [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#000000")]
  10.     /**
  11.      * Wonderwall のパチモン
  12.      * @author YOSHIDA, Akio (Aquioux)
  13.      */
  14.     public class Main extends Sprite {
  15.         private const DISTANCE_OF_REACTION:int = 125;    // マウスに反応する距離
  16.         private const SPRING:Number   = 0.01;            // バネ係数
  17.         private const FRICTION:Number = 0.9;            // 摩擦係数
  19.         private const NUM_OF_ROW:int = 3;    // 横方向の数
  20.         private const NUM_OF_COL:int = 3;    // 縦方向の数
  21.         private const IMAGE_WIDTH:int  = 100;
  22.         private const IMAGE_HEIGHT:int = 100;
  23.         
  24.         private var imageUrls:Vector.<String> = Vector.<String>([
  25.             "http://assets.wonderfl.net/images/related_images/5/59/59ce/59ce4dc0471ca9405ef2d0ed2dc1cea5e70c91c1",
  26.             "http://assets.wonderfl.net/images/related_images/7/71/716a/716a033cf4afbec77f72d124e1903b1ff05cbbda",
  27.             "http://assets.wonderfl.net/images/related_images/8/87/871a/871a53382ac812425d86de3888971e86fb3b956b",
  28.             "http://assets.wonderfl.net/images/related_images/7/74/74f2/74f2c57ef48e0d2b88be0bb3999ad15c110bcaf2",
  29.             "http://assets.wonderfl.net/images/related_images/c/c5/c5ef/c5efc60973f19249b625ca1b0672b2b359d63eee",
  30.             "http://assets.wonderfl.net/images/related_images/b/b4/b43b/b43bf737d1fe33d1c083c8e9e04f97467751df96",
  31.             "http://assets.wonderfl.net/images/related_images/3/3d/3dcd/3dcd1527c2f968c5b4e39471303b690d28e28687",
  32.             "http://assets.wonderfl.net/images/related_images/7/76/765f/765f0fef8e179cb6d384b85e972879be8e003f69",
  33.             "http://assets.wonderfl.net/images/related_images/e/ee/ee94/ee94f456247434eee366c2c6a6362b8a7db03f8e"
  34.         ]);
  35.         private var images:Vector.<BitmapData> = new Vector.<BitmapData>(9, true);
  36.         private var cnt:uint = 0;
  37.         private const NUM_OF_IMAGE:uint = NUM_OF_ROW * NUM_OF_COL;
  38.         
  40.         public function Main() {
  41.             imageLoad();
  42.         }
  43.         
  44.         private function imageLoad():void {
  45.             var loader:Loader = new Loader();
  46.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
  47.             var url:String = imageUrls[cnt];
  48.             loader.load(new URLRequest(url), new LoaderContext(true));
  49.         }
  50.         private function completeHandler(event:Event):void {
  51.             var loader:Loader = event.target.loader;
  52.             loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
  53.             images[cnt] = Bitmap(loader.content).bitmapData;
  54.             cnt++;
  55.             cnt >= NUM_OF_IMAGE ? next() : imageLoad();
  56.         }
  57.             
  58.         private function next():void {
  59.             // Coordinate 初期化
  60.             Coordinate.spring   = SPRING;
  61.             Coordinate.friction = FRICTION;
  62.             Coordinate.distanceOfReaction = DISTANCE_OF_REACTION;
  63.         
  64.             // データ生成
  65.             var dataFactory:DataFactory = new DataFactory();
  66.             dataFactory.numOfCol = NUM_OF_COL;
  67.             dataFactory.numOfRow = NUM_OF_ROW;
  68.             dataFactory.cellWidth  = IMAGE_WIDTH;
  69.             dataFactory.cellHeight = IMAGE_HEIGHT;
  70.             dataFactory.stageWidth  = stage.stageWidth;
  71.             dataFactory.stageHeight = stage.stageHeight;
  72.             dataFactory.start();
  73.             
  74.             // Model 生成
  75.             var model:Model = new Model();
  76.             model.coordinates = dataFactory.coordinates;
  78.             // View 生成
  79.             var viewLayer:Sprite = new Sprite();
  80.             addChild(viewLayer);
  81.             var n:uint = NUM_OF_ROW * NUM_OF_COL;
  82.             for (var i:int = 0; i < n; i++) {
  83.                 var view:View = new View(model);
  84.                 view.bitmapData = images[i];
  85.                 view.setBounds(i, dataFactory.bounds);
  86.                 view.setup();
  87.                 viewLayer.addChild(view);
  88.             }
  90.             // Controller 生成
  91.             var controller:Controller = new Controller(model);
  92.         }
  93.     }
  94. }
  97.     import flash.geom.Point;
  98.     /**
  99.      * データ生成クラス
  100.      * @author YOSHIDA, Akio (Aquioux)
  101.      */
  102.     class DataFactory {
  103.         // 外部へ出力するデータ
  104.         public function get coordinates():Vector.<Coordinate> { return _coordinates; }
  105.         private var _coordinates:Vector.<Coordinate>;    // すべての頂点（for Model）
  106.         
  107.         public function get bounds():Vector.<int> { return _bounds; }
  108.         private var _bounds:Vector.<int>;                // セルの四隅の頂点の組み合わせ（for View）
  110.         
  111.         // 外部から入力するデータ
  112.         public function set numOfRow(value:int):void { _numOfRow = value; }
  113.         private var _numOfRow:uint;        // 横方向のセル数
  114.         public function set numOfCol(value:int):void { _numOfCol = value; }
  115.         private var _numOfCol:uint;        // 縦方向のセル数
  116.         public function set cellWidth(value:Number):void { _cellWidth = value; }
  117.         private var _cellWidth:Number;    // セル幅
  118.         public function set cellHeight(value:Number):void { _cellHeight = value; }
  119.         private var _cellHeight:Number;    // セル高
  120.         
  121.         public function set stageWidth(value:Number):void { _stageWidth = value; }
  122.         private var _stageWidth:Number;        // ステージ幅
  123.         public function set stageHeight(value:Number):void { _stageHeight = value; }
  124.         private var _stageHeight:Number;    // ステージ高
  125.         
  126.         
  127.         // 内部だけで使用するデータ
  128.         private var offsetX:Number;    // X座標オフセット値
  129.         private var offsetY:Number;    // Y座標オフセット値
  130.         
  132.         public function DataFactory() {}
  133.         
  134.         // 出力データ作成開始
  135.         // このメソッドは入力データをすべて設定してから実行すること
  136.         public function start():void {
  137.             var totalWidth:int  = _numOfRow * _cellWidth;
  138.             var totalHeight:int = _numOfCol * _cellHeight;
  139.             var offsetX:Number = (_stageWidth - totalWidth) / 2;
  140.             var offsetY:Number = (_stageHeight - totalHeight) / 2;
  141.             
  142.             // 全頂点
  143.             // 左上端からZ順に各頂点を Coordinete クラスで設定し、その Coordinate インスタンスを Vector に格納
  144.             _coordinates = new Vector.<Coordinate>();
  145.             for (var i:int = 0; i < _numOfCol + 1; i++) {
  146.                 for (var j:int = 0; j < _numOfRow + 1; j++) {
  147.                     var posX:Number = j * _cellWidth  + offsetX + Math.random() * 30 - 15;
  148.                     var posY:Number = i * _cellHeight + offsetY + Math.random() * 30 - 15;
  149.                     var coordinate:Coordinate = new Coordinate(posX, posY);
  150.                     _coordinates.push(coordinate);
  151.                 }
  152.             }
  153.             _coordinates.fixed = true;
  154.             
  155.             // セルの四隅の頂点の組み合わせ
  156.             // 各セルの四隅（左上から時計回り）が全頂点のうちそれぞれ何番目になるのかを、Vector に格納（dtawTriangle の indices と似ている）
  157.             _bounds = new Vector.<int>();
  158.             var cnt:uint = 0;
  159.             for (i = 0; i < _numOfCol; i++) {
  160.                 for (j = 0; j < _numOfRow; j++) {
  161.                     var leftTop:uint     =  i      * (_numOfRow + 1) + j;
  162.                     var rightTop:uint    =  i      * (_numOfRow + 1) + j + 1;
  163.                     var leftBottom:uint  = (i + 1) * (_numOfRow + 1) + j;
  164.                     var rightBottom:uint = (i + 1) * (_numOfRow + 1) + j + 1;
  165.                     _bounds[cnt++] = leftTop;
  166.                     _bounds[cnt++] = rightTop;
  167.                     _bounds[cnt++] = rightBottom;
  168.                     _bounds[cnt++] = leftBottom;
  169.                 }
  170.             }
  171.             _bounds.fixed = true;
  172.         }
  173.     }
  176.     import flash.geom.Point;
  177.     /**
  178.      * 頂点生成クラス
  179.      * @author YOSHIDA, Akio (Aquioux)
  180.      */
  181.     class Coordinate {
  182.         // 外部から入力するデータ
  183.         // 静的変数
  184.         // バネ係数
  185.         static public function set spring(value:Number):void { _spring = value; }
  186.         static private var _spring:Number = 0.01;
  187.         // 抵抗
  188.         static public function set friction(value:Number):void { _friction = value; }
  189.         static private var _friction:Number = 0.9;
  190.         // 反応距離
  191.         static public function set distanceOfReaction(value:Number):void { _distanceOfReaction = value; }
  192.         static private var _distanceOfReaction:Number = 100;
  194.         // 外部へ出力するデータ
  195.         // 現在座標
  196.         public function get x():Number { return _x; }
  197.         private var _x:Number;
  198.         public function get y():Number { return _y; }
  199.         private var _y:Number;
  201.         
  202.         // 内部だけで使用するデータ
  203.         // 既定座標
  204.         private var localX:Number;
  205.         private var localY:Number;
  206.         // 速度
  207.         private var vx:Number = 0.0;
  208.         private var vy:Number = 0.0;
  209.     
  211.         public function Coordinate(valueX:Number, valueY:Number) {
  212.             _x = localX = valueX;
  213.             _y = localY = valueY;
  214.         }
  215.     
  216.         public function update(mousePoint:Point):void {
  217.             // マウスの位置と自分との距離を求める
  218.             var distance:Number = Point.distance(mousePoint, new Point(localX, localY));
  219.         
  220.             // 到達値
  221.             var dx:Number;
  222.             var dy:Number;
  223.             // 到達値の計算
  224.             if (distance < _distanceOfReaction) {
  225.                 var diff:Number     = -distance * (_distanceOfReaction - distance) / _distanceOfReaction;
  226.                 var radian:Number   = Math.atan2(mousePoint.y - localY, mousePoint.x - localX);
  227.                 var diffPoint:Point = Point.polar(diff*2, radian);
  228.                 dx = localX + diffPoint.x;
  229.                 dy = localY + diffPoint.y;
  230.             } else{    // 位置を元に戻す
  231.                 dx = localX;
  232.                 dy = localY;
  233.             }
  234.         
  235.             vx += (dx - _x) * _spring;
  236.             vy += (dy - _y) * _spring;
  237.             vx *= _friction;
  238.             vy *= _friction;
  239.             _x += vx;
  240.             _y += vy;
  241.         }
  242.     }
  245.     import flash.events.Event;
  246.     import flash.events.EventDispatcher;
  247.     import flash.geom.Point;
  248.     /**
  249.      * Model クラス
  250.      * @author YOSHIDA, Akio (Aquioux)
  251.      */
  252.     class Model extends EventDispatcher {
  253.         // 外部へ出力するデータ
  254.         // 全頂点のXY座標値
  255.         public function get vertices():Vector.<Number> { return _vertices; }
  256.         private var _vertices:Vector.<Number>;
  258.         // 外部から入力するデータ
  259.         // 全頂点データ
  260.         public function set coordinates(value:Vector.<Coordinate>):void {
  261.             _coordinates = value;
  262.             _vertices = new Vector.<Number>(_coordinates.length * 2, true);
  263.         }
  264.         private var _coordinates:Vector.<Coordinate>;
  265.         
  266.         
  267.         public function Model() {}
  269.         public function update(mousePoint:Point):void {
  270.             var n:uint = _coordinates.length;
  271.             for (var i:int = 0; i < n; i++) {
  272.                 var c:Coordinate = _coordinates[i];
  273.                 c.update(mousePoint);
  274.                 _vertices[i * 2]     = c.x;
  275.                 _vertices[i * 2 + 1] = c.y;
  276.             }
  277.             dispatchEvent(new Event(Event.CHANGE));
  278.         }
  279.     }
  282.     import flash.display.Bitmap;
  283.     import flash.display.BitmapData;
  284.     import flash.display.GraphicsBitmapFill;
  285.     import flash.display.GraphicsEndFill;
  286.     import flash.display.GraphicsTrianglePath;
  287.     import flash.display.IGraphicsData;
  288.     import flash.display.Sprite;
  289.     import flash.events.Event;
  290.     import flash.events.MouseEvent;
  291.     import flash.geom.ColorTransform;
  292.     import flash.geom.Point;
  293.     /**
  294.      * ...
  295.      * @author YOSHIDA, Akio (Aquioux)
  296.      */
  297.     class View extends Sprite {
  298.         // 外部から入力するデータ
  299.         // 四隅の頂点の、全頂点中の順番
  300.         public function setBounds(idx:uint, value:Vector.<int>):void {
  301.             idx *= 4;
  302.             _bounds = value.slice(idx, idx + 4);
  303.         }
  304.         private var _bounds:Vector.<int>;
  305.         
  306.         // スキンとなる BitmapData
  307.         public function set bitmapData(value:BitmapData):void { _bitmapData = value; }
  308.         private var _bitmapData:BitmapData;
  310.         private var model:Model;
  312.         
  313.         // 内部だけで使用するデータ
  314.         // for drawTriangles
  315.         private var graphicsData:Vector.<IGraphicsData>;
  316.         private var path:GraphicsTrianglePath;
  317.         private var vertices:Vector.<Number>;
  318.         private var indices:Vector.<int>;
  319.         private var uvtData:Vector.<Number>;
  320.         
  321.         static private var topIndex:uint = 0;
  322.         
  323.         private var isVisited:Boolean = false;
  324.         private const visitedColor:ColorTransform = new ColorTransform(0, 0, 0, 1, Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), 0);
  325.         private const noVisitedColor:ColorTransform = new ColorTransform(1, 1, 1, 1, 0, 0, 0, 0);
  327.         
  328.         public function View(model:Model) {
  329.             // 対 Model
  330.             this.model = model;
  331.             model.addEventListener(Event.CHANGE, update);
  332.             addEventListener(MouseEvent.ROLL_OVER, overHandler);
  333.             addEventListener(MouseEvent.ROLL_OUT, outHandler);
  334.             addEventListener(MouseEvent.CLICK, clickHandler);
  335.         }
  336.         
  337.         private function overHandler(event:MouseEvent):void {
  338.             if (topIndex == 0)
  339.                 topIndex = parent.numChildren - 1;
  340.             parent.setChildIndex(this, topIndex);
  341.             
  342.             if (isVisited)
  343.                 transform.colorTransform = noVisitedColor;
  344.         }
  345.         private function outHandler(event:MouseEvent):void {
  346.             if (isVisited)
  347.                 transform.colorTransform = visitedColor;
  348.         }
  349.         
  350.         
  351.         private function clickHandler(event:MouseEvent):void {
  352.             isVisited = true;
  353.             transform.colorTransform = visitedColor;
  354.         }
  355.         
  356.         
  357.         public function setup():void {
  358.             // drawTriangles で使う Vector　の設定
  359.             vertices = new Vector.<Number>(8, true);
  360.             indices = Vector.<int>([
  361.                 0, 1, 3,
  362.                 1, 2, 3
  363.             ]);
  364.             indices.fixed = true;
  365.             uvtData = Vector.<Number>([
  366.                 0, 0, 1.0,
  367.                 1, 0, 1.0,
  368.                 1, 1, 1.0,
  369.                 0, 1, 1.0
  370.             ]);
  371.             uvtData.fixed = true;
  372.             
  373.             // graphicsData の設定
  374.             graphicsData = new Vector.<IGraphicsData>();
  375.             graphicsData.push(new GraphicsBitmapFill(_bitmapData));
  376.             graphicsData.push(path = new GraphicsTrianglePath(vertices, indices, uvtData));
  377.             graphicsData.push(new GraphicsEndFill());
  378.         }
  379.         
  380.         private function update(event:Event):void {
  381.             var allVertices:Vector.<Number> = model.vertices;
  382.             for (var i:int = 0; i < 4; i++) {
  383.                 var idx:int = _bounds[i];
  384.                 vertices[i * 2]     = allVertices[idx * 2];
  385.                 vertices[i * 2 + 1] = allVertices[idx * 2 + 1];
  386.             }
  387.             path.vertices = vertices;
  389.             // set Ts in uvtData: code by Zeh Fernando
  390.             // http://zehfernando.com/2010/the-best-drawplane-distortimage-method-ever/
  391.             p1.x = vertices [0]; p1.y = vertices [1];
  392.             p2.x = vertices [2]; p2.y = vertices [3];
  393.             p3.x = vertices [6]; p3.y = vertices [7];
  394.             p4.x = vertices [4]; p4.y = vertices [5];
  395.             var pc:Point = getIntersection(p1, p4, p2, p3);
  396.             if (pc != null) {
  397.                 // Lenghts of first diagonal
  398.                 var ll1:Number = Point.distance(p1, pc);
  399.                 var ll2:Number = Point.distance(pc, p4);
  400.                 // Lengths of second diagonal
  401.                 var lr1:Number = Point.distance(p2, pc);
  402.                 var lr2:Number = Point.distance(pc, p3);
  403.                 // Ratio between diagonals
  404.                 var f:Number = (ll1 + ll2) / (lr1 + lr2);
  405.                 // Magic
  406.                 uvtData [2] = (1 / ll2) * f;
  407.                 uvtData [5] = (1 / lr2);
  408.                 uvtData [8] = (1 / ll1) * f;
  409.                 uvtData [11] = (1 / lr1);
  410.                 path.uvtData = uvtData;
  411.             }
  413.             draw();
  414.         }
  416.         private function draw():void {
  417.             graphics.clear();
  418.             graphics.drawGraphicsData(graphicsData);
  419.         }
  421.         private var p1:Point = new Point,
  422.             p2:Point = new Point, p3:Point = new Point, p4:Point = new Point;
  424.         private function getIntersection(p1:Point, p2:Point, p3:Point, p4:Point):Point {
  425.             // Returns a point containing the intersection between two lines
  426.             // http://keith-hair.net/blog/2008/08/04/find-intersection-point-of-two-lines-in-as3/
  427.             // http://www.gamedev.pastebin.com/f49a054c1
  429.             var a1:Number = p2.y - p1.y;
  430.             var b1:Number = p1.x - p2.x;
  431.             var a2:Number = p4.y - p3.y;
  432.             var b2:Number = p3.x - p4.x;
  434.             var denom:Number = a1 * b2 - a2 * b1;
  435.             if (denom == 0) return null;
  437.             var c1:Number = p2.x * p1.y - p1.x * p2.y;
  438.             var c2:Number = p4.x * p3.y - p3.x * p4.y;
  440.             var p:Point = new Point((b1 * c2 - b2 * c1)/denom, (a2 * c1 - a1 * c2)/denom);
  442.             if (Point.distance(p, p2) > Point.distance(p1, p2)) return null;
  443.             if (Point.distance(p, p1) > Point.distance(p1, p2)) return null;
  444.             if (Point.distance(p, p4) > Point.distance(p3, p4)) return null;
  445.             if (Point.distance(p, p3) > Point.distance(p3, p4)) return null;
  447.             return p;
  448.         }
  449.     }
  452.     import flash.display.Sprite;
  453.     import flash.events.Event;
  454.     import flash.geom.Point;
  455.     /**
  456.      * Controller
  457.      * マウス座標を Model に渡すだけ
  458.      * マウス座標を取得するので Sprite を継承する
  459.      * @author YOSHIDA, Akio (Aquioux)
  460.      */
  461.     class Controller extends Sprite {
  462.         private var model:Model;
  463.         
  464.         public function Controller(model:Model) {
  465.             this.model = model;
  466.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  467.         }
  468.         
  469.         private function enterFrameHandler(event:Event):void {
  470.             var mousePoint:Point = new Point(mouseX, mouseY);
  471.             model.update(mousePoint);
  472.         }
  473.     }
noswf

Wonderwall のパチモン forked from: Wonderwall のパチモン [diff(2)]

  1. // forked from Aquioux's Wonderwall のパチモン
  2. package {
  3.     import flash.display.Bitmap;
  4.     import flash.display.BitmapData;
  5.     import flash.display.Loader;
  6.     import flash.display.Sprite;
  7.     import flash.events.Event;
  8.     import flash.net.URLRequest;
  9.     import flash.system.LoaderContext;
  10.     [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#000000")]
  11.     /**
  12.      * Wonderwall のパチモン
  13.      * @author YOSHIDA, Akio (Aquioux)
  14.      */
  15.     public class Main extends Sprite {
  16.         private const DISTANCE_OF_REACTION:int = 125;    // マウスに反応する距離
  17.         private const SPRING:Number   = 0.09;            // バネ係数
  18.         private const FRICTION:Number = 0.9;            // 摩擦係数
  20.         private const NUM_OF_ROW:int = 3;    // 横方向の数
  21.         private const NUM_OF_COL:int = 3;    // 縦方向の数
  22.         private const IMAGE_WIDTH:int  = 100;
  23.         private const IMAGE_HEIGHT:int = 100;
  24.         
  25.         private var imageUrls:Vector.<String> = Vector.<String>([
  26.             "http://assets.wonderfl.net/images/related_images/5/59/59ce/59ce4dc0471ca9405ef2d0ed2dc1cea5e70c91c1",
  27.             "http://assets.wonderfl.net/images/related_images/7/71/716a/716a033cf4afbec77f72d124e1903b1ff05cbbda",
  28.             "http://assets.wonderfl.net/images/related_images/8/87/871a/871a53382ac812425d86de3888971e86fb3b956b",
  29.             "http://assets.wonderfl.net/images/related_images/7/74/74f2/74f2c57ef48e0d2b88be0bb3999ad15c110bcaf2",
  30.             "http://assets.wonderfl.net/images/related_images/c/c5/c5ef/c5efc60973f19249b625ca1b0672b2b359d63eee",
  31.             "http://assets.wonderfl.net/images/related_images/b/b4/b43b/b43bf737d1fe33d1c083c8e9e04f97467751df96",
  32.             "http://assets.wonderfl.net/images/related_images/3/3d/3dcd/3dcd1527c2f968c5b4e39471303b690d28e28687",
  33.             "http://assets.wonderfl.net/images/related_images/7/76/765f/765f0fef8e179cb6d384b85e972879be8e003f69",
  34.             "http://assets.wonderfl.net/images/related_images/e/ee/ee94/ee94f456247434eee366c2c6a6362b8a7db03f8e"
  35.         ]);
  36.         private var images:Vector.<BitmapData> = new Vector.<BitmapData>(9, true);
  37.         private var cnt:uint = 0;
  38.         private const NUM_OF_IMAGE:uint = NUM_OF_ROW * NUM_OF_COL;
  39.         
  41.         public function Main() {
  42.             imageLoad();
  43.         }
  44.         
  45.         private function imageLoad():void {
  46.             var loader:Loader = new Loader();
  47.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
  48.             var url:String = imageUrls[cnt];
  49.             loader.load(new URLRequest(url), new LoaderContext(true));
  50.         }
  51.         private function completeHandler(event:Event):void {
  52.             var loader:Loader = event.target.loader;
  53.             loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
  54.             images[cnt] = Bitmap(loader.content).bitmapData;
  55.             cnt++;
  56.             cnt >= NUM_OF_IMAGE ? next() : imageLoad();
  57.         }
  58.             
  59.         private function next():void {
  60.             // Coordinate 初期化
  61.             Coordinate.spring   = SPRING;
  62.             Coordinate.friction = FRICTION;
  63.             Coordinate.distanceOfReaction = DISTANCE_OF_REACTION;
  64.         
  65.             // データ生成
  66.             var dataFactory:DataFactory = new DataFactory();
  67.             dataFactory.numOfCol = NUM_OF_COL;
  68.             dataFactory.numOfRow = NUM_OF_ROW;
  69.             dataFactory.cellWidth  = IMAGE_WIDTH;
  70.             dataFactory.cellHeight = IMAGE_HEIGHT;
  71.             dataFactory.stageWidth  = stage.stageWidth;
  72.             dataFactory.stageHeight = stage.stageHeight;
  73.             dataFactory.start();
  74.             
  75.             // Model 生成
  76.             var model:Model = new Model();
  77.             model.coordinates = dataFactory.coordinates;
  79.             // View 生成
  80.             var viewLayer:Sprite = new Sprite();
  81.             addChild(viewLayer);
  82.             var n:uint = NUM_OF_ROW * NUM_OF_COL;
  83.             for (var i:int = 0; i < n; i++) {
  84.                 var view:View = new View(model);
  85.                 view.bitmapData = images[i];
  86.                 view.setBounds(i, dataFactory.bounds);
  87.                 view.setup();
  88.                 viewLayer.addChild(view);
  89.             }
  91.             // Controller 生成
  92.             var controller:Controller = new Controller(model);
  93.         }
  94.     }
  95. }
  98.     import flash.geom.Point;
  99.     /**
  100.      * データ生成クラス
  101.      * @author YOSHIDA, Akio (Aquioux)
  102.      */
  103.     class DataFactory {
  104.         // 外部へ出力するデータ
  105.         public function get coordinates():Vector.<Coordinate> { return _coordinates; }
  106.         private var _coordinates:Vector.<Coordinate>;    // すべての頂点（for Model）
  107.         
  108.         public function get bounds():Vector.<int> { return _bounds; }
  109.         private var _bounds:Vector.<int>;                // セルの四隅の頂点の組み合わせ（for View）
  111.         
  112.         // 外部から入力するデータ
  113.         public function set numOfRow(value:int):void { _numOfRow = value; }
  114.         private var _numOfRow:uint;        // 横方向のセル数
  115.         public function set numOfCol(value:int):void { _numOfCol = value; }
  116.         private var _numOfCol:uint;        // 縦方向のセル数
  117.         public function set cellWidth(value:Number):void { _cellWidth = value; }
  118.         private var _cellWidth:Number;    // セル幅
  119.         public function set cellHeight(value:Number):void { _cellHeight = value; }
  120.         private var _cellHeight:Number;    // セル高
  121.         
  122.         public function set stageWidth(value:Number):void { _stageWidth = value; }
  123.         private var _stageWidth:Number;        // ステージ幅
  124.         public function set stageHeight(value:Number):void { _stageHeight = value; }
  125.         private var _stageHeight:Number;    // ステージ高
  126.         
  127.         
  128.         // 内部だけで使用するデータ
  129.         private var offsetX:Number;    // X座標オフセット値
  130.         private var offsetY:Number;    // Y座標オフセット値
  131.         
  133.         public function DataFactory() {}
  134.         
  135.         // 出力データ作成開始
  136.         // このメソッドは入力データをすべて設定してから実行すること
  137.         public function start():void {
  138.             var totalWidth:int  = _numOfRow * _cellWidth;
  139.             var totalHeight:int = _numOfCol * _cellHeight;
  140.             var offsetX:Number = (_stageWidth - totalWidth) / 2;
  141.             var offsetY:Number = (_stageHeight - totalHeight) / 2;
  142.             
  143.             // 全頂点
  144.             // 左上端からZ順に各頂点を Coordinete クラスで設定し、その Coordinate インスタンスを Vector に格納
  145.             _coordinates = new Vector.<Coordinate>();
  146.             for (var i:int = 0; i < _numOfCol + 1; i++) {
  147.                 for (var j:int = 0; j < _numOfRow + 1; j++) {
  148.                     var posX:Number = j * _cellWidth  + offsetX + Math.random() * 30 - 15;
  149.                     var posY:Number = i * _cellHeight + offsetY + Math.random() * 30 - 15;
  150.                     var coordinate:Coordinate = new Coordinate(posX, posY);
  151.                     _coordinates.push(coordinate);
  152.                 }
  153.             }
  154.             _coordinates.fixed = true;
  155.             
  156.             // セルの四隅の頂点の組み合わせ
  157.             // 各セルの四隅（左上から時計回り）が全頂点のうちそれぞれ何番目になるのかを、Vector に格納（dtawTriangle の indices と似ている）
  158.             _bounds = new Vector.<int>();
  159.             var cnt:uint = 0;
  160.             for (i = 0; i < _numOfCol; i++) {
  161.                 for (j = 0; j < _numOfRow; j++) {
  162.                     var leftTop:uint     =  i      * (_numOfRow + 1) + j;
  163.                     var rightTop:uint    =  i      * (_numOfRow + 1) + j + 1;
  164.                     var leftBottom:uint  = (i + 1) * (_numOfRow + 1) + j;
  165.                     var rightBottom:uint = (i + 1) * (_numOfRow + 1) + j + 1;
  166.                     _bounds[cnt++] = leftTop;
  167.                     _bounds[cnt++] = rightTop;
  168.                     _bounds[cnt++] = rightBottom;
  169.                     _bounds[cnt++] = leftBottom;
  170.                 }
  171.             }
  172.             _bounds.fixed = true;
  173.         }
  174.     }
  177.     import flash.geom.Point;
  178.     /**
  179.      * 頂点生成クラス
  180.      * @author YOSHIDA, Akio (Aquioux)
  181.      */
  182.     class Coordinate {
  183.         // 外部から入力するデータ
  184.         // 静的変数
  185.         // バネ係数
  186.         static public function set spring(value:Number):void { _spring = value; }
  187.         static private var _spring:Number = 0.01;
  188.         // 抵抗
  189.         static public function set friction(value:Number):void { _friction = value; }
  190.         static private var _friction:Number = 0.9;
  191.         // 反応距離
  192.         static public function set distanceOfReaction(value:Number):void { _distanceOfReaction = value; }
  193.         static private var _distanceOfReaction:Number = 100;
  195.         // 外部へ出力するデータ
  196.         // 現在座標
  197.         public function get x():Number { return _x; }
  198.         private var _x:Number;
  199.         public function get y():Number { return _y; }
  200.         private var _y:Number;
  202.         
  203.         // 内部だけで使用するデータ
  204.         // 既定座標
  205.         private var localX:Number;
  206.         private var localY:Number;
  207.         // 速度
  208.         private var vx:Number = 0.0;
  209.         private var vy:Number = 0.0;
  210.     
  212.         public function Coordinate(valueX:Number, valueY:Number) {
  213.             _x = localX = valueX;
  214.             _y = localY = valueY;
  215.         }
  216.     
  217.         public function update(mousePoint:Point):void {
  218.             // マウスの位置と自分との距離を求める
  219.             var distance:Number = Point.distance(mousePoint, new Point(localX, localY));
  220.         
  221.             // 到達値
  222.             var dx:Number;
  223.             var dy:Number;
  224.             // 到達値の計算
  225.             if (distance < _distanceOfReaction) {
  226.                 var diff:Number     = -distance * (_distanceOfReaction - distance) / _distanceOfReaction;
  227.                 var radian:Number   = Math.atan2(mousePoint.y - localY, mousePoint.x - localX);
  228.                 var diffPoint:Point = Point.polar(diff*2, radian);
  229.                 dx = localX + diffPoint.x;
  230.                 dy = localY + diffPoint.y;
  231.             } else{    // 位置を元に戻す
  232.                 dx = localX;
  233.                 dy = localY;
  234.             }
  235.         
  236.             vx += (dx - _x) * _spring;
  237.             vy += (dy - _y) * _spring;
  238.             vx *= _friction;
  239.             vy *= _friction;
  240.             _x += vx;
  241.             _y += vy;
  242.         }
  243.     }
  246.     import flash.events.Event;
  247.     import flash.events.EventDispatcher;
  248.     import flash.geom.Point;
  249.     /**
  250.      * Model クラス
  251.      * @author YOSHIDA, Akio (Aquioux)
  252.      */
  253.     class Model extends EventDispatcher {
  254.         // 外部へ出力するデータ
  255.         // 全頂点のXY座標値
  256.         public function get vertices():Vector.<Number> { return _vertices; }
  257.         private var _vertices:Vector.<Number>;
  259.         // 外部から入力するデータ
  260.         // 全頂点データ
  261.         public function set coordinates(value:Vector.<Coordinate>):void {
  262.             _coordinates = value;
  263.             _vertices = new Vector.<Number>(_coordinates.length * 2, true);
  264.         }
  265.         private var _coordinates:Vector.<Coordinate>;
  266.         
  267.         
  268.         public function Model() {}
  270.         public function update(mousePoint:Point):void {
  271.             var n:uint = _coordinates.length;
  272.             for (var i:int = 0; i < n; i++) {
  273.                 var c:Coordinate = _coordinates[i];
  274.                 c.update(mousePoint);
  275.                 _vertices[i * 2]     = c.x;
  276.                 _vertices[i * 2 + 1] = c.y;
  277.             }
  278.             dispatchEvent(new Event(Event.CHANGE));
  279.         }
  280.     }
  283.     import flash.display.Bitmap;
  284.     import flash.display.BitmapData;
  285.     import flash.display.GraphicsBitmapFill;
  286.     import flash.display.GraphicsEndFill;
  287.     import flash.display.GraphicsTrianglePath;
  288.     import flash.display.IGraphicsData;
  289.     import flash.display.Sprite;
  290.     import flash.events.Event;
  291.     import flash.events.MouseEvent;
  292.     import flash.geom.ColorTransform;
  293.     import flash.geom.Point;
  294.     /**
  295.      * ...
  296.      * @author YOSHIDA, Akio (Aquioux)
  297.      */
  298.     class View extends Sprite {
  299.         // 外部から入力するデータ
  300.         // 四隅の頂点の、全頂点中の順番
  301.         public function setBounds(idx:uint, value:Vector.<int>):void {
  302.             idx *= 4;
  303.             _bounds = value.slice(idx, idx + 4);
  304.         }
  305.         private var _bounds:Vector.<int>;
  306.         
  307.         // スキンとなる BitmapData
  308.         public function set bitmapData(value:BitmapData):void { _bitmapData = value; }
  309.         private var _bitmapData:BitmapData;
  311.         private var model:Model;
  313.         
  314.         // 内部だけで使用するデータ
  315.         // for drawTriangles
  316.         private var graphicsData:Vector.<IGraphicsData>;
  317.         private var path:GraphicsTrianglePath;
  318.         private var vertices:Vector.<Number>;
  319.         private var indices:Vector.<int>;
  320.         private var uvtData:Vector.<Number>;
  321.         
  322.         static private var topIndex:uint = 0;
  323.         
  324.         private var isVisited:Boolean = false;
  325.         private const visitedColor:ColorTransform = new ColorTransform(0, 0, 0, 1, Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), 0);
  326.         private const noVisitedColor:ColorTransform = new ColorTransform(1, 1, 1, 1, 0, 0, 0, 0);
  328.         
  329.         public function View(model:Model) {
  330.             // 対 Model
  331.             this.model = model;
  332.             model.addEventListener(Event.CHANGE, update);
  333.             addEventListener(MouseEvent.ROLL_OVER, overHandler);
  334.             addEventListener(MouseEvent.ROLL_OUT, outHandler);
  335.             addEventListener(MouseEvent.CLICK, clickHandler);
  336.         }
  337.         
  338.         private function overHandler(event:MouseEvent):void {
  339.             if (topIndex == 0)
  340.                 topIndex = parent.numChildren - 1;
  341.             parent.setChildIndex(this, topIndex);
  342.             
  343.             if (isVisited)
  344.                 transform.colorTransform = noVisitedColor;
  345.         }
  346.         private function outHandler(event:MouseEvent):void {
  347.             if (isVisited)
  348.                 transform.colorTransform = visitedColor;
  349.         }
  350.         
  351.         
  352.         private function clickHandler(event:MouseEvent):void {
  353.             isVisited = true;
  354.             transform.colorTransform = visitedColor;
  355.         }
  356.         
  357.         
  358.         public function setup():void {
  359.             // drawTriangles で使う Vector　の設定
  360.             vertices = new Vector.<Number>(8, true);
  361.             indices = Vector.<int>([
  362.                 0, 1, 3,
  363.                 1, 2, 3
  364.             ]);
  365.             indices.fixed = true;
  366.             uvtData = Vector.<Number>([
  367.                 0, 0,
  368.                 1, 0,
  369.                 1, 1,
  370.                 0, 1
  371.             ]);
  372.             uvtData.fixed = true;
  373.             
  374.             // graphicsData の設定
  375.             graphicsData = new Vector.<IGraphicsData>();
  376.             graphicsData.push(new GraphicsBitmapFill(_bitmapData));
  377.             graphicsData.push(path = new GraphicsTrianglePath(vertices, indices, uvtData));
  378.             graphicsData.push(new GraphicsEndFill());
  379.         }
  380.         
  381.         private function update(event:Event):void {
  382.             var allVertices:Vector.<Number> = model.vertices;
  383.             for (var i:int = 0; i < 4; i++) {
  384.                 var idx:int = _bounds[i];
  385.                 vertices[i * 2]     = allVertices[idx * 2];
  386.                 vertices[i * 2 + 1] = allVertices[idx * 2 + 1];
  387.             }
  388.             path.vertices = vertices;
  389.             draw();
  390.         }
  392.         private function draw():void {
  393.             graphics.clear();
  394.             graphics.drawGraphicsData(graphicsData);
  395.         }
  396.     }
  399.     import flash.display.Sprite;
  400.     import flash.events.Event;
  401.     import flash.geom.Point;
  402.     /**
  403.      * Controller
  404.      * マウス座標を Model に渡すだけ
  405.      * マウス座標を取得するので Sprite を継承する
  406.      * @author YOSHIDA, Akio (Aquioux)
  407.      */
  408.     class Controller extends Sprite {
  409.         private var model:Model;
  410.         
  411.         public function Controller(model:Model) {
  412.             this.model = model;
  413.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  414.         }
  415.         
  416.         private function enterFrameHandler(event:Event):void {
  417.             var mousePoint:Point = new Point(mouseX, mouseY);
  418.             model.update(mousePoint);
  419.         }
  420.     }
noswf

Wonderwall のパチモン forked from: Wonderwall のパチモン [diff(1)]

  1. // forked from Aquioux's Wonderwall のパチモン
  2. package {
  3.     import flash.display.Bitmap;
  4.     import flash.display.BitmapData;
  5.     import flash.display.Loader;
  6.     import flash.display.Sprite;
  7.     import flash.events.Event;
  8.     import flash.net.URLRequest;
  9.     import flash.system.LoaderContext;
  10.     [SWF(width = "465", height = "465", frameRate = "60", backgroundColor = "#000000")]
  11.     /**
  12.      * Wonderwall のパチモン
  13.      * @author YOSHIDA, Akio (Aquioux)
  14.      */
  15.     public class Main extends Sprite {
  16.         private const DISTANCE_OF_REACTION:int = 125;    // マウスに反応する距離
  17.         private const SPRING:Number   = 0.01;            // バネ係数
  18.         private const FRICTION:Number = 0.9;            // 摩擦係数
  20.         private const NUM_OF_ROW:int = 3;    // 横方向の数
  21.         private const NUM_OF_COL:int = 3;    // 縦方向の数
  22.         private const IMAGE_WIDTH:int  = 100;
  23.         private const IMAGE_HEIGHT:int = 100;
  24.         
  25.         private var imageUrls:Vector.<String> = Vector.<String>([
  26.             "http://assets.wonderfl.net/images/related_images/5/59/59ce/59ce4dc0471ca9405ef2d0ed2dc1cea5e70c91c1",
  27.             "http://assets.wonderfl.net/images/related_images/7/71/716a/716a033cf4afbec77f72d124e1903b1ff05cbbda",
  28.             "http://assets.wonderfl.net/images/related_images/8/87/871a/871a53382ac812425d86de3888971e86fb3b956b",
  29.             "http://assets.wonderfl.net/images/related_images/7/74/74f2/74f2c57ef48e0d2b88be0bb3999ad15c110bcaf2",
  30.             "http://assets.wonderfl.net/images/related_images/c/c5/c5ef/c5efc60973f19249b625ca1b0672b2b359d63eee",
  31.             "http://assets.wonderfl.net/images/related_images/b/b4/b43b/b43bf737d1fe33d1c083c8e9e04f97467751df96",
  32.             "http://assets.wonderfl.net/images/related_images/3/3d/3dcd/3dcd1527c2f968c5b4e39471303b690d28e28687",
  33.             "http://assets.wonderfl.net/images/related_images/7/76/765f/765f0fef8e179cb6d384b85e972879be8e003f69",
  34.             "http://assets.wonderfl.net/images/related_images/e/ee/ee94/ee94f456247434eee366c2c6a6362b8a7db03f8e"
  35.         ]);
  36.         private var images:Vector.<BitmapData> = new Vector.<BitmapData>(9, true);
  37.         private var cnt:uint = 0;
  38.         private const NUM_OF_IMAGE:uint = NUM_OF_ROW * NUM_OF_COL;
  39.         
  41.         public function Main() {
  42.             imageLoad();
  43.         }
  44.         
  45.         private function imageLoad():void {
  46.             var loader:Loader = new Loader();
  47.             loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
  48.             var url:String = imageUrls[cnt];
  49.             loader.load(new URLRequest(url), new LoaderContext(true));
  50.         }
  51.         private function completeHandler(event:Event):void {
  52.             var loader:Loader = event.target.loader;
  53.             loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, completeHandler);
  54.             images[cnt] = Bitmap(loader.content).bitmapData;
  55.             cnt++;
  56.             cnt >= NUM_OF_IMAGE ? next() : imageLoad();
  57.         }
  58.             
  59.         private function next():void {
  60.             // Coordinate 初期化
  61.             Coordinate.spring   = SPRING;
  62.             Coordinate.friction = FRICTION;
  63.             Coordinate.distanceOfReaction = DISTANCE_OF_REACTION;
  64.         
  65.             // データ生成
  66.             var dataFactory:DataFactory = new DataFactory();
  67.             dataFactory.numOfCol = NUM_OF_COL;
  68.             dataFactory.numOfRow = NUM_OF_ROW;
  69.             dataFactory.cellWidth  = IMAGE_WIDTH;
  70.             dataFactory.cellHeight = IMAGE_HEIGHT;
  71.             dataFactory.stageWidth  = stage.stageWidth;
  72.             dataFactory.stageHeight = stage.stageHeight;
  73.             dataFactory.start();
  74.             
  75.             // Model 生成
  76.             var model:Model = new Model();
  77.             model.coordinates = dataFactory.coordinates;
  79.             // View 生成
  80.             var viewLayer:Sprite = new Sprite();
  81.             addChild(viewLayer);
  82.             var n:uint = NUM_OF_ROW * NUM_OF_COL;
  83.             for (var i:int = 0; i < n; i++) {
  84.                 var view:View = new View(model);
  85.                 view.bitmapData = images[i];
  86.                 view.setBounds(i, dataFactory.bounds);
  87.                 view.setup();
  88.                 viewLayer.addChild(view);
  89.             }
  91.             // Controller 生成
  92.             var controller:Controller = new Controller(model);
  93.         }
  94.     }
  95. }
  98.     import flash.geom.Point;
  99.     /**
  100.      * データ生成クラス
  101.      * @author YOSHIDA, Akio (Aquioux)
  102.      */
  103.     class DataFactory {
  104.         // 外部へ出力するデータ
  105.         public function get coordinates():Vector.<Coordinate> { return _coordinates; }
  106.         private var _coordinates:Vector.<Coordinate>;    // すべての頂点（for Model）
  107.         
  108.         public function get bounds():Vector.<int> { return _bounds; }
  109.         private var _bounds:Vector.<int>;                // セルの四隅の頂点の組み合わせ（for View）
  111.         
  112.         // 外部から入力するデータ
  113.         public function set numOfRow(value:int):void { _numOfRow = value; }
  114.         private var _numOfRow:uint;        // 横方向のセル数
  115.         public function set numOfCol(value:int):void { _numOfCol = value; }
  116.         private var _numOfCol:uint;        // 縦方向のセル数
  117.         public function set cellWidth(value:Number):void { _cellWidth = value; }
  118.         private var _cellWidth:Number;    // セル幅
  119.         public function set cellHeight(value:Number):void { _cellHeight = value; }
  120.         private var _cellHeight:Number;    // セル高
  121.         
  122.         public function set stageWidth(value:Number):void { _stageWidth = value; }
  123.         private var _stageWidth:Number;        // ステージ幅
  124.         public function set stageHeight(value:Number):void { _stageHeight = value; }
  125.         private var _stageHeight:Number;    // ステージ高
  126.         
  127.         
  128.         // 内部だけで使用するデータ
  129.         private var offsetX:Number;    // X座標オフセット値
  130.         private var offsetY:Number;    // Y座標オフセット値
  131.         
  133.         public function DataFactory() {}
  134.         
  135.         // 出力データ作成開始
  136.         // このメソッドは入力データをすべて設定してから実行すること
  137.         public function start():void {
  138.             var totalWidth:int  = _numOfRow * _cellWidth;
  139.             var totalHeight:int = _numOfCol * _cellHeight;
  140.             var offsetX:Number = (_stageWidth - totalWidth) / 2;
  141.             var offsetY:Number = (_stageHeight - totalHeight) / 2;
  142.             
  143.             // 全頂点
  144.             // 左上端からZ順に各頂点を Coordinete クラスで設定し、その Coordinate インスタンスを Vector に格納
  145.             _coordinates = new Vector.<Coordinate>();
  146.             for (var i:int = 0; i < _numOfCol + 1; i++) {
  147.                 for (var j:int = 0; j < _numOfRow + 1; j++) {
  148.                     var posX:Number = j * _cellWidth  + offsetX + Math.random() * 30 - 15;
  149.                     var posY:Number = i * _cellHeight + offsetY + Math.random() * 30 - 15;
  150.                     var coordinate:Coordinate = new Coordinate(posX, posY);
  151.                     _coordinates.push(coordinate);
  152.                 }
  153.             }
  154.             _coordinates.fixed = true;
  155.             
  156.             // セルの四隅の頂点の組み合わせ
  157.             // 各セルの四隅（左上から時計回り）が全頂点のうちそれぞれ何番目になるのかを、Vector に格納（dtawTriangle の indices と似ている）
  158.             _bounds = new Vector.<int>();
  159.             var cnt:uint = 0;
  160.             for (i = 0; i < _numOfCol; i++) {
  161.                 for (j = 0; j < _numOfRow; j++) {
  162.                     var leftTop:uint     =  i      * (_numOfRow + 1) + j;
  163.                     var rightTop:uint    =  i      * (_numOfRow + 1) + j + 1;
  164.                     var leftBottom:uint  = (i + 1) * (_numOfRow + 1) + j;
  165.                     var rightBottom:uint = (i + 1) * (_numOfRow + 1) + j + 1;
  166.                     _bounds[cnt++] = leftTop;
  167.                     _bounds[cnt++] = rightTop;
  168.                     _bounds[cnt++] = rightBottom;
  169.                     _bounds[cnt++] = leftBottom;
  170.                 }
  171.             }
  172.             _bounds.fixed = true;
  173.         }
  174.     }
  177.     import flash.geom.Point;
  178.     /**
  179.      * 頂点生成クラス
  180.      * @author YOSHIDA, Akio (Aquioux)
  181.      */
  182.     class Coordinate {
  183.         // 外部から入力するデータ
  184.         // 静的変数
  185.         // バネ係数
  186.         static public function set spring(value:Number):void { _spring = value; }
  187.         static private var _spring:Number = 0.01;
  188.         // 抵抗
  189.         static public function set friction(value:Number):void { _friction = value; }
  190.         static private var _friction:Number = 0.9;
  191.         // 反応距離
  192.         static public function set distanceOfReaction(value:Number):void { _distanceOfReaction = value; }
  193.         static private var _distanceOfReaction:Number = 100;
  195.         // 外部へ出力するデータ
  196.         // 現在座標
  197.         public function get x():Number { return _x; }
  198.         private var _x:Number;
  199.         public function get y():Number { return _y; }
  200.         private var _y:Number;
  202.         
  203.         // 内部だけで使用するデータ
  204.         // 既定座標
  205.         private var localX:Number;
  206.         private var localY:Number;
  207.         // 速度
  208.         private var vx:Number = 0.0;
  209.         private var vy:Number = 0.0;
  210.     
  212.         public function Coordinate(valueX:Number, valueY:Number) {
  213.             _x = localX = valueX;
  214.             _y = localY = valueY;
  215.         }
  216.     
  217.         public function update(mousePoint:Point):void {
  218.             // マウスの位置と自分との距離を求める
  219.             var distance:Number = Point.distance(mousePoint, new Point(localX, localY));
  220.         
  221.             // 到達値
  222.             var dx:Number;
  223.             var dy:Number;
  224.             // 到達値の計算
  225.             if (distance < _distanceOfReaction) {
  226.                 var diff:Number     = -distance * (_distanceOfReaction - distance) / _distanceOfReaction;
  227.                 var radian:Number   = Math.atan2(mousePoint.y - localY, mousePoint.x - localX);
  228.                 var diffPoint:Point = Point.polar(diff*2, radian);
  229.                 dx = localX + diffPoint.x;
  230.                 dy = localY + diffPoint.y;
  231.             } else{    // 位置を元に戻す
  232.                 dx = localX;
  233.                 dy = localY;
  234.             }
  235.         
  236.             vx += (dx - _x) * _spring;
  237.             vy += (dy - _y) * _spring;
  238.             vx *= _friction;
  239.             vy *= _friction;
  240.             _x += vx;
  241.             _y += vy;
  242.         }
  243.     }
  246.     import flash.events.Event;
  247.     import flash.events.EventDispatcher;
  248.     import flash.geom.Point;
  249.     /**
  250.      * Model クラス
  251.      * @author YOSHIDA, Akio (Aquioux)
  252.      */
  253.     class Model extends EventDispatcher {
  254.         // 外部へ出力するデータ
  255.         // 全頂点のXY座標値
  256.         public function get vertices():Vector.<Number> { return _vertices; }
  257.         private var _vertices:Vector.<Number>;
  259.         // 外部から入力するデータ
  260.         // 全頂点データ
  261.         public function set coordinates(value:Vector.<Coordinate>):void {
  262.             _coordinates = value;
  263.             _vertices = new Vector.<Number>(_coordinates.length * 2, true);
  264.         }
  265.         private var _coordinates:Vector.<Coordinate>;
  266.         
  267.         
  268.         public function Model() {}
  270.         public function update(mousePoint:Point):void {
  271.             var n:uint = _coordinates.length;
  272.             for (var i:int = 0; i < n; i++) {
  273.                 var c:Coordinate = _coordinates[i];
  274.                 c.update(mousePoint);
  275.                 _vertices[i * 2]     = c.x;
  276.                 _vertices[i * 2 + 1] = c.y;
  277.             }
  278.             dispatchEvent(new Event(Event.CHANGE));
  279.         }
  280.     }
  283.     import flash.display.Bitmap;
  284.     import flash.display.BitmapData;
  285.     import flash.display.GraphicsBitmapFill;
  286.     import flash.display.GraphicsEndFill;
  287.     import flash.display.GraphicsTrianglePath;
  288.     import flash.display.IGraphicsData;
  289.     import flash.display.Sprite;
  290.     import flash.events.Event;
  291.     import flash.events.MouseEvent;
  292.     import flash.geom.ColorTransform;
  293.     import flash.geom.Point;
  294.     /**
  295.      * ...
  296.      * @author YOSHIDA, Akio (Aquioux)
  297.      */
  298.     class View extends Sprite {
  299.         // 外部から入力するデータ
  300.         // 四隅の頂点の、全頂点中の順番
  301.         public function setBounds(idx:uint, value:Vector.<int>):void {
  302.             idx *= 4;
  303.             _bounds = value.slice(idx, idx + 4);
  304.         }
  305.         private var _bounds:Vector.<int>;
  306.         
  307.         // スキンとなる BitmapData
  308.         public function set bitmapData(value:BitmapData):void { _bitmapData = value; }
  309.         private var _bitmapData:BitmapData;
  311.         private var model:Model;
  313.         
  314.         // 内部だけで使用するデータ
  315.         // for drawTriangles
  316.         private var graphicsData:Vector.<IGraphicsData>;
  317.         private var path:GraphicsTrianglePath;
  318.         private var vertices:Vector.<Number>;
  319.         private var indices:Vector.<int>;
  320.         private var uvtData:Vector.<Number>;
  321.         
  322.         static private var topIndex:uint = 0;
  323.         
  324.         private var isVisited:Boolean = false;
  325.         private const visitedColor:ColorTransform = new ColorTransform(0, 0, 0, 1, Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), Math.floor(Math.random()*0xFF), 0);
  326.         private const noVisitedColor:ColorTransform = new ColorTransform(1, 1, 1, 1, 0, 0, 0, 0);
  328.         
  329.         public function View(model:Model) {
  330.             // 対 Model
  331.             this.model = model;
  332.             model.addEventListener(Event.CHANGE, update);
  333.             addEventListener(MouseEvent.ROLL_OVER, overHandler);
  334.             addEventListener(MouseEvent.ROLL_OUT, outHandler);
  335.             addEventListener(MouseEvent.CLICK, clickHandler);
  336.         }
  337.         
  338.         private function overHandler(event:MouseEvent):void {
  339.             if (topIndex == 0)
  340.                 topIndex = parent.numChildren - 1;
  341.             parent.setChildIndex(this, topIndex);
  342.             
  343.             if (isVisited)
  344.                 transform.colorTransform = noVisitedColor;
  345.         }
  346.         private function outHandler(event:MouseEvent):void {
  347.             if (isVisited)
  348.                 transform.colorTransform = visitedColor;
  349.         }
  350.         
  351.         
  352.         private function clickHandler(event:MouseEvent):void {
  353.             isVisited = true;
  354.             transform.colorTransform = visitedColor;
  355.         }
  356.         
  357.         
  358.         public function setup():void {
  359.             // drawTriangles で使う Vector　の設定
  360.             vertices = new Vector.<Number>(8, true);
  361.             indices = Vector.<int>([
  362.                 0, 1, 3,
  363.                 1, 2, 3
  364.             ]);
  365.             indices.fixed = true;
  366.             uvtData = Vector.<Number>([
  367.                 0, 0,
  368.                 1, 0,
  369.                 1, 1,
  370.                 0, 1
  371.             ]);
  372.             uvtData.fixed = true;
  373.             
  374.             // graphicsData の設定
  375.             graphicsData = new Vector.<IGraphicsData>();
  376.             graphicsData.push(new GraphicsBitmapFill(_bitmapData));
  377.             graphicsData.push(path = new GraphicsTrianglePath(vertices, indices, uvtData));
  378.             graphicsData.push(new GraphicsEndFill());
  379.         }
  380.         
  381.         private function update(event:Event):void {
  382.             var allVertices:Vector.<Number> = model.vertices;
  383.             for (var i:int = 0; i < 4; i++) {
  384.                 var idx:int = _bounds[i];
  385.                 vertices[i * 2]     = allVertices[idx * 2];
  386.                 vertices[i * 2 + 1] = allVertices[idx * 2 + 1];
  387.             }
  388.             path.vertices = vertices;
  389.             draw();
  390.         }
  392.         private function draw():void {
  393.             graphics.clear();
  394.             graphics.drawGraphicsData(graphicsData);
  395.         }
  396.     }
  399.     import flash.display.Sprite;
  400.     import flash.events.Event;
  401.     import flash.geom.Point;
  402.     /**
  403.      * Controller
  404.      * マウス座標を Model に渡すだけ
  405.      * マウス座標を取得するので Sprite を継承する
  406.      * @author YOSHIDA, Akio (Aquioux)
  407.      */
  408.     class Controller extends Sprite {
  409.         private var model:Model;
  410.         
  411.         public function Controller(model:Model) {
  412.             this.model = model;
  413.             addEventListener(Event.ENTER_FRAME, enterFrameHandler);
  414.         }
  415.         
  416.         private function enterFrameHandler(event:Event):void {
  417.             var mousePoint:Point = new Point(mouseX, mouseY);
  418.             model.update(mousePoint);
  419.         }
  420.     }
noswf
Get Adobe Flash Player