forked from: forked from: forked from: forked from: forked from: ozmap test

by tepe forked from forked from: forked from: forked from: forked from: ozmap test (diff: 345)
[SWF(backgroundColor=0, width=465, height=465)]
♥0 | Line 244 | Modified 2014-05-26 16:30:26 | 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/8PKG
 */

// forked from tepe's forked from: forked from: forked from: forked from: ozmap test
package {
    import flash.events.*;
    import flash.display.*;
    import flash.text.*;
    import flash.net.*;
    import flash.system.*;
    //[SWF(backgroundColor=0, width=465, height=465)]
    public class FlashTest extends Sprite {//==================================
        private var node1:ozmap = new ozmap(400,400);
        private var text1:TextField = new TextField();
        private var tf1: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.addObject(s);
            //node1.x = 100;
            //node1.y = 100;            
            //onLoad();
            //addEventListener(MouseEvent.CLICK,onLoad);
        }
        public function onLoad(e:MouseEvent=null):void{
            //var str:String = "http://swf.wonderfl.net/swf/usercode/a/a1/a1d7/a1d7c758c1dc7aa273cab8a8fb51df048afb9415.swf";//"http://swf.wonderfl.net/swf/usercode/d/d5/d59a/d59afcc4b32c1bc567e43466a6ca2ceae3dfe0b8.swf";
            //var str:String = "http://swf.wonderfl.net/swf/usercode/b/bc/bc19/bc196eb11cbf19e58ed463acafd53d3ca8fc9282.swf";
            var str:String = "http://ozworks.dip.jp/TubePlaylist.swf";
            var loader:Loader = new Loader();
            var url:URLRequest = new URLRequest(str);
            loader.load(url);
            loader.x = 100;
            addChild(loader);
            
        }

        
    }
}



//------ 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 const testMode:Boolean = true;//テスト表示
        private var scale:Number = 1;
        
        public var wheel:int;//ホイール回転量
        private var zoom:Number = 1.0;//拡大率
        
        private var objStack:Array = new Array();
        
        private var mapFocusX:Number=0;
        private var mapFocusY:Number=0;
        private var scrFocusX:int=0; 
        private var scrFocusY:int=0; 
        
        private var m:Sprite = new Sprite();
        private var _width:Number;
        private var _height:Number;
        
        public var map:Sprite = new Sprite();//フィールド
        private var scalingPanel:Sprite = new Sprite();//ズーム、回転中心
        private var base:Sprite = new Sprite();//
        private var dragPanel:Sprite = new Sprite();//フィールドドラッグ用。マップへのマウス操作を受け取る
        //ozmap状態フラグ
        

        private var mapBrowseMode:Boolean;//マップ移動操作
        private var mapDragMode:Boolean;//マップドラッグ中はtrue

        private   var t:TextField = new TextField();
        
        //コンストラクタ 
        public function ozmap(w:Number=200,h:Number=200):void{//----------------------------- 
            addChild(scalingPanel);
            scalingPanel.addChild(base);
            map.addChild(dragPanel);
            base.addChildAt(map,0); 
            
            _width=w;
            _height=h;
            m.graphics.beginFill(0);
            m.graphics.drawRect(0,0,w,h);
            m.graphics.endFill();
            this.mask = m;
            addChild(m);
            dragPanel.doubleClickEnabled = true;
            browseOn();
            update();
            
            //Mouse.hide();
            this.addEventListener(MouseEvent.MOUSE_OVER,onMouseOver);
            this.addEventListener(MouseEvent.MOUSE_OUT,onMouseOut);
            func();
        }
        
        private function onMouseOver(e:MouseEvent):void{
            Mouse.hide();
        }
        private function onMouseOut(e:MouseEvent):void{
            Mouse.show();
        }


        
        //マップにオブジェクト配置
        public function addObject(target:DisplayObject):void{
            map.addChild(target);
            
        }
        
        private function func():void{
            with(scalingPanel){//ズームの中心点
                if(testMode)graphics.beginFill(0xff0000,0.5);
                else graphics.beginFill(0xff0000,0);
                graphics.drawCircle(0,0,10);
                graphics.endFill();
            }
            with(base){
                if(testMode)graphics.beginFill(0x000000,0.5);
                else graphics.beginFill(0x000000,0);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            with(dragPanel){
                if(testMode)graphics.beginFill(0x000ff,0.5);
                else graphics.beginFill(0x000000,0);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            with(map){
                if(testMode)graphics.beginFill(0x00ff00,0.5);
                else graphics.beginFill(0x000000,0);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            if(testMode){
                addChild(t);
                t.text = "debug\n";
                t.selectable=false;
                t.width=300;
            }
        }
        
        private function trace(str:String=""):void{
            t.appendText(str+"\n");
            t.scrollV = t.maxScrollV;
        }
        


        //マップ移動操作状態
        public function get IsBrowseMode():Boolean{//-----------------------------
            return mapBrowseMode;
        }
        //マップドラッグスクロール状態
        public function get IsDragMode():Boolean{//-----------------------------
            return mapDragMode;
        }
        
        
        
        //画面移動操作の受付 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=null):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-mouseX;
                //mY = this.root.loaderInfo.height-mouseY;//カーソル位置
                mX = _width - this.mouseX;
                mY = _height - this.mouseY;
            }
            
            //ズーム中心更新
            scalingPanel.x = mX;
            scalingPanel.y = mY; 
            //マップ位置更新
            base.x -= (mX-scrFocusX)/zoom;
            base.y -= (mY-scrFocusY)/zoom;
            //フォーカス位置更新
            scrFocusX = mX;
            scrFocusY = mY;
            

            //フィールドドラッグ用
            dragPanel.graphics.clear();
            if(testMode)dragPanel.graphics.beginFill(0x00ffff,0.3);
            else dragPanel.graphics.beginFill(0x00ffff,0);
            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 = 500/(zoom*map.scaleX);
            dragPanel.graphics.drawCircle(-x1,-y1,r2);
            dragPanel.graphics.endFill();
            
            
            //グリッドライン
            if(testMode){
                drawGrid();
            }
      
        }
        
        private function drawGrid(col:uint=0x00aa00):void{
            var i:int;
            var c:uint = col;
            const j:int = 32;
            for(i= -20-(map.y/j);i<30-(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((-1600-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<30-(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, (-1600-map.y)/map.scaleX);
                dragPanel.graphics.lineTo(i*j/map.scaleX, (1600-map.y)/map.scaleX);
            }
        }


        //マップの縮尺と座標を切り替える
        private function trans():void{
            //オブジェクトの座標、サイズ、角度を補正
            if(4 < zoom){

                map.scaleX = map.scaleY *= 2;//表示サイズ
                map.x *= 2; map.y *= 2;
                map.x += base.x; map.y += base.y;
                
                zoom /= 2;
                
            }
            else if(zoom < 0.5){
                //スケール更新
                map.scaleX = map.scaleY /= 2;
                //オフセット更新
                map.x -= base.x; map.y -= base.y;                
                map.x /= 2; map.y /= 2; 
                //ズーム更新
                zoom *= 2;
                
                //スケール更新
                map.scaleX = map.scaleY /= 2;
                //オフセット更新
                map.x -= base.x; map.y -= base.y;                
                map.x /= 2; map.y /= 2; 
                //ズーム更新
                zoom *= 2;
            }
        }

        
        private function on_zoom(z:Number=0):void{//-----------------------------
            if(z==0)return;
            update(z);//基準点更新
            zoom *= z;//ズーム
            trans();
            //ズーム値更新
            scalingPanel.scaleX = scalingPanel.scaleY = zoom;        
          
        }//function
        
        
    }//class