forked from: ozmap test

by tepe forked from ozmap test (diff: 1533)
[SWF(backgroundColor=0, width=465, height=465)]
♥0 | Line 216 | Modified 2012-11-23 17:48:51 | MIT License
play

ActionScript3 source code

/**
 * Copyright tepe ( http://wonderfl.net/user/tepe )
 * MIT License ( http://www.opensource.org/licenses/mit-license.php )
 * Downloaded from: http://wonderfl.net/c/2s4F
 */

// forked from tepe's ozmap test
// forked from tepe's flash on 2011-3-19
package {
    import flash.events.*;
    import flash.display.*;
    import flash.text.*;
    //[SWF(backgroundColor=0, width=465, height=465)]
    public class FlashTest extends Sprite {//==================================
        private var node1:ozmap = new ozmap();
        private var text1:TextField = new TextField();
        public function FlashTest() {//----------------------------------------
            addChild(node1);
            var s:Sprite = new Sprite();
            s.graphics.lineStyle(1,0x000000);
            s.graphics.drawCircle(100,100,20);
            node1.map.addChild(s);
        }
    }
}




//------ ozmap ------------------------------------------------------------------------

import flash.geom.Point;
import caurina.transitions.Tweener;
import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.ui.*;
import flash.utils.*;

class ozmap extends Sprite{//======================================================
        
        private var scale:Number = 1;
        
        public var wheel:int;//ホイール回転量
        private var zoom:Number = 1.0;//拡大率
        public var map:Sprite;//フィールド
        
        private var mapFocusX:Number=0;
        private var mapFocusY:Number=0;
        private var scrFocusX:int=0; 
        private var scrFocusY:int=0; 
        
        private var scalingPanel:Sprite;
        private var base:Sprite;
              
        private var mapscale:int=0;
        
        private var dragPanel:Sprite = new Sprite();
        
        //ozmap状態フラグ
        private const testMode:Boolean = true;//テスト表示

        private var mapBrowseMode:Boolean;//マップ移動操作
        private var mapDragMode:Boolean;//マップドラッグ中はtrue
        private var mapRotationMode:Boolean;//マップ回転操作
        
        private var endZoomOut:int = 10; 
        private var endZoomIn:int = -10;
        
        //コンストラクタ 
        public function ozmap():void{//-----------------------------
            
            //カーソル位置描画
            //scalingPanel ズーム中心
            scalingPanel = new Sprite();//ズーム中心
            if(testMode == true){ 
                var t1:TextField = new TextField();
                t1.textColor = 0x00ff00;
                t1.selectable = false;
                t1.y = -20;
                t1.text = "scalingPanel";
                scalingPanel.addChild(t1);
                scalingPanel.graphics.lineStyle(1,0x00ff00,0.7);
                scalingPanel.graphics.moveTo(-100,0);
                scalingPanel.graphics.lineTo(100,0);
                scalingPanel.graphics.moveTo(0,-100);
                scalingPanel.graphics.lineTo(0,100);
            }
            addChild(scalingPanel);
            
            
            //マップ基準座標
            base = new Sprite();
            if(testMode == true){
                var t2:TextField = new TextField();
                t2.textColor = 0xff0000;
                t2.selectable = false;
                t2.y = -20;
                t2.text = "base";
                base.addChild(t2);
                base.graphics.lineStyle(1,0xff0000,0.7);
                base.graphics.moveTo(-100,0);
                base.graphics.lineTo(100,0);
                base.graphics.moveTo(0,-100);
                base.graphics.lineTo(0,100);
            }            
            scalingPanel.addChild(base);
            
            //マップ上への配置
            map = new Sprite();
            
            if(testMode == true){
                var t3:TextField = new TextField();
                t3.textColor = 0x0000ff;
                t3.selectable = false;
                t3.y = -20;
                t3.text = "map 0,0";
                map.addChild(t3);
                map.graphics.lineStyle(1,0x0000ff,0.7);
                map.graphics.moveTo(-100,0);
                map.graphics.lineTo(100,0);
                map.graphics.moveTo(0,-100);
                map.graphics.lineTo(0,100);
            } 
            
            browseOn();
 
            base.addChildAt(map,0); 
            map.addChild(dragPanel);
            if(testMode == true){
 
                var t4:TextField = new TextField();
                t4.textColor = 0x0000ff;
                t4.selectable = false;
                t4.y = -40;
                t4.text = "dragPanel 0,0";
                dragPanel.addChild(t4);
            }

            
            dragPanel.doubleClickEnabled = true;
            
            
            
            update();
        }


        

        public function get scaleSize():int{//-----------------------------
            return mapscale;
        }
        
        //マップ移動操作状態
        public function get IsBrowseMode():Boolean{//-----------------------------
            return mapBrowseMode;
        }
        //マップドラッグスクロール状態
        public function get IsDragMode():Boolean{//-----------------------------
            return mapDragMode;
        }        
        //マップ回転操作状態
        public function get IsRotationMode():Boolean{//-----------------------------
            return mapRotationMode;
        }

        //
        public function returnHome():void{//-----------------------------
            map.x = 0;
            map.y = 0;
            map.scaleX = map.scaleY = 1.0;
            mapscale = 0;
            update();
            
        }

        
        
        //画面移動操作の受付 ON・OFF切り替え
        public function browseOn():void{//-----------------------------
            mapBrowseMode = true;
            //Mouse.hide();
            map.addEventListener(MouseEvent.MOUSE_DOWN,down1);
            map.addEventListener(MouseEvent.MOUSE_UP,up1);
            dragPanel.addEventListener(MouseEvent.DOUBLE_CLICK,onDouble);
            this.addEventListener(MouseEvent.MOUSE_WHEEL,on_wheel,true);//ホイール操作 
            this.addEventListener(MouseEvent.MOUSE_MOVE,onMove)
            map.addChild(dragPanel);
        }
        
        public function browseOff():void{//-----------------------------
            wheel = 0;
            mapBrowseMode = false;
            //Mouse.show();
            map.removeEventListener(MouseEvent.MOUSE_DOWN,down1);
            map.removeEventListener(MouseEvent.MOUSE_UP,up1);
            dragPanel.removeEventListener(MouseEvent.DOUBLE_CLICK,onDouble);
            this.removeEventListener(MouseEvent.MOUSE_WHEEL,on_wheel,true);//ホイール操作 
            map.removeChild(dragPanel);
        }
        
       

        
        //ダブルクリックでマップブラウズモード解除 ⇒ オブジェクト操作モードに移行
        private function onDouble(e:MouseEvent):void{//-----------------------------
            browseOff();
            //ホイール操作でブラウズモードに移行
            stage.addEventListener(MouseEvent.MOUSE_WHEEL,function():void{
                browseOn();
            });
        }


  
        //マップドラッグ
        private function down1(e:MouseEvent):void{//-----------------------------
            wheel=0;//ズーム操作ストップ
            
           e.currentTarget.startDrag();
           addEventListener(MouseEvent.MOUSE_MOVE,onMove);
           stage.removeEventListener(Event.ENTER_FRAME,onFrame);
           e.stopPropagation();//イベントの伝播を止める
           
        }
        private function up1(event:MouseEvent):void{//-----------------------------
            event.currentTarget.stopDrag();
            removeEventListener(MouseEvent.MOUSE_MOVE,onMove);
            event.stopPropagation();//イベントの伝播を止める
        }
        
        //マップドラッグ中
        private function onMove(e:MouseEvent):void{//-----------------------------
            update();
        }
    
        //ホイール操作
        private function on_wheel(event:MouseEvent):void{//-----------------------------
            wheel += event.delta;
            if(wheel != 0)addEventListener(Event.ENTER_FRAME,onFrame);
            //else removeEventListener(Event.ENTER_FRAME,onFrame);
        }
  
        private function onFrame(e:Event):void {//-----------------------------
        //from on_wheel1
            if(wheel==0)removeEventListener(Event.ENTER_FRAME,onFrame);
            
            on_zoom(1+(0.005*wheel));
        }
        
        
        //マップ表示位置を更新
        private function update(z:Number=1, x:Number=0, y:Number=0, a:Number=0):void{//-----------------------------
            var mX:int,mY:int;//ズーム中心位置
            if(1<=z){//ズームイン
                mX = mouseX;
                mY = mouseY;//カーソル位置    
            }
            else{//ズームアウト
                mX = this.root.loaderInfo.width/2;
                mY = this.root.loaderInfo.height/2;//カーソル位置
            }
            
            //ズーム中心更新
            scalingPanel.x = mX;
            scalingPanel.y = mY; 
            //マップ位置更新
            base.x -= (mX-scrFocusX)/zoom;
            base.y -= (mY-scrFocusY)/zoom;
            //フォーカス位置更新
            scrFocusX = mX;
            scrFocusY = mY;
            

            //フィールドドラッグ用
            dragPanel.graphics.clear();
            dragPanel.graphics.beginFill(0x00ffff,0.3);
            var x1:Number = (map.x+map.parent.x)/map.scaleX;
            //var x2:Number = (map.x+map.parent.x)/zoom;
            var y1:Number = (map.y+map.parent.y)/map.scaleY;
            //var r1:Number = 600/map.scaleX;
            var r2:Number = 300/zoom;
            dragPanel.graphics.drawCircle(-x1,-y1,r2);
            dragPanel.graphics.endFill();
            
            
            //グリッドライン
            //if(testMode == true){
                var i:int;
                var c:uint = 0x00aa00;
                const j:int = 32;
                for(i= -20-(map.y/j);i<20-(map.y/j);i++){
                    if(Math.abs(i)%2 == 1)dragPanel.graphics.lineStyle(0,c,(zoom*0.5)-0.5);
                    else dragPanel.graphics.lineStyle(0,c,0.5);
                    dragPanel.graphics.moveTo((-600-map.x)/map.scaleX , i*j/map.scaleX);
                    dragPanel.graphics.lineTo((1600-map.x)/map.scaleX , i*j/map.scaleX);
                }
                for(i=-20-(map.x/j);i<20-(map.x/j);i++){
                    if(Math.abs(i)%2 == 1)dragPanel.graphics.lineStyle(0,c,(zoom*0.5)-0.5);
                    else dragPanel.graphics.lineStyle(0,c,0.5);
                    dragPanel.graphics.moveTo(i*j/map.scaleX, (-600-map.y)/map.scaleX);
                    dragPanel.graphics.lineTo(i*j/map.scaleX, (1600-map.y)/map.scaleX);
                }
            //}
      
        }

        
        
        private function on_zoom(z:Number=0):void{//-----------------------------
            if(z==0)return;
            update(z);//基準点更新
            
            //ズーム範囲を超えたスケーリング停止
            if(z>1 && endZoomIn > mapscale) wheel = 0;
            else if(z<1 && endZoomOut < mapscale) wheel = 0;
            else zoom *= z;//ズーム
            
            /*
            if(2 < zoom){
                map.scaleX *= 2;
                map.scaleY *= 2;
                zoom /= 2;
                map.x += map.x+base.x;
                map.y += map.y+base.y;
                    
                mapscale--;
                
            }
            else if(zoom < 1.0){
             
                map.x -= (map.x+base.x)/2;
                map.y -= (map.y+base.y)/2;
                zoom *= 2;
                map.scaleX /= 2;
                map.scaleY /= 2;
                    
                mapscale++;
                    
            }
            */    
            scalingPanel.scaleX = zoom;
            scalingPanel.scaleY = zoom;        
          
        }
        
    }
 
 
 
    
//------------------------------------------------------

Forked