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

by tepe forked from forked from: forked from: forked from: ozmap test (diff: 587)
[SWF(backgroundColor=0, width=465, height=465)]
==================================
----------------------------------------
minichat.y = (465 - minichat.height);
onLoad();
addEventListener(MouseEvent.CLICK,onLoad);
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";
ozworks.dip.jp/TubePlaylist.swf";
------ ozmap ------------------------------------------------------------------------
======================================================
ホイール回転量
拡大率
フィールド
ズーム、回転中心

フィールドドラッグ用。マップへのマウス操作を受け取る
ozmap状態フラグ
テスト表示
マップ移動操作
マップドラッグ中はtrue
コンストラクタ 
----------------------------- 
マップにオブジェクト配置
ズームの中心点
マップ移動操作状態
-----------------------------
マップドラッグスクロール状態
-----------------------------
画面移動操作の受付 ON・OFF切り替え
-----------------------------
♥0 | Line 447 | Modified 2013-12-20 22:36:21 | 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/nTNC
 */

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();
        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.map.addChild(s);
                        
            var roomID:String = "ozmap.chatroom";
            var minichat:MiniChat = new MiniChat(roomID);
            minichat.x = (465 - minichat.width);
            minichat.minimize();
            //minichat.y = (465 - minichat.height);
            addChild(minichat);
            //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 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; 
        
        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 const testMode:Boolean = true;//テスト表示

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

        private   var t:TextField = new TextField();
        
        //コンストラクタ 
        public function ozmap():void{//----------------------------- 
            addChild(scalingPanel);
            scalingPanel.addChild(base);
            map.addChild(dragPanel);
            base.addChildAt(map,0); 
            
            dragPanel.doubleClickEnabled = true;
            browseOn();
            update();
            
            
            func();
        }
        //マップにオブジェクト配置
        public function addObject(target:DisplayObject,
                    x:Number=0,y:Number=0,rot:Number=0):void{
            map.addChild(target);
            
        }
        
        private function func():void{
            with(scalingPanel){//ズームの中心点
                graphics.beginFill(0xff0000,0.5);
                graphics.drawCircle(0,0,10);
                graphics.endFill();
            }
            with(base){
                graphics.beginFill(0x000000,0.5);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            with(dragPanel){
                graphics.beginFill(0x0000ff,0.5);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            with(map){
                graphics.beginFill(0x00ff00,0.5);
                graphics.drawRect(-10,-10,20,20);
                graphics.endFill();
            }
            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;//カーソル位置
            }
            
            //ズーム中心更新
            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
    
    
 
 
    
/* ------------------------------------------------------------------------------------------------
 * MiniChat
 * ------------------------------------------------------------------------------------------------
 */
//package {
    import com.bit101.components.PushButton;
    import com.bit101.components.Style;
    import flash.display.*;
    import flash.events.*;
    import flash.filters.*;
    import flash.net.*;
    import flash.media.*;
    import flash.text.*;
    import flash.ui.Keyboard;
    import net.user1.logger.Logger;
    import net.user1.reactor.IClient;
    import net.user1.reactor.Reactor;
    import net.user1.reactor.ReactorEvent;
    import net.user1.reactor.Room;
    import net.user1.reactor.RoomEvent;
    import net.user1.reactor.UpdateLevels;
    
    //public 
    class MiniChat extends Sprite {
        private var _so:SharedObject;
        private var _isReactorShared:Boolean;
        private var _reactor:Reactor;
        private var _roomID:String;
        private var _room:Room;
        private var _messageLogSize:int;
        private var _messages:Vector.<String>;
        // ステータスバー
        private var _title:String;
        private var _statusBar:TextField;
        private var _minimizeButton:PushButton;
        // ウインドウ
        private var _window:Sprite;
        private var _messageDisplay:TextField;
        private var _nameInput:TextField;
        private var _messageInput:TextField;
        
        private var color1:uint = 0x000000;
        
        public function MiniChat(roomID:String, args:Object = null) {
            var now:Date = new Date();
            updateTime = now.getTime();
            
            _so = SharedObject.getLocal("MiniChat");
            if (!_so.data.name) { _so.data.name = "名無し"; }
            
            if (!args) { args = { }; }
            var logSize:int = ("logSize" in args) ? args["logSize"] : 10;
            var textColor:uint = ("textColor" in args) ? args["textColor"] : 0xFFFFFF;
            var backgroundColor:uint = ("backgroundColor" in args) ? args["backgroundColor"] : 0x404040;
            var defaultUserName:String = ("defaultUserName" in args) ? args["defaultUserName"] : _so.data.name;
            var initiallyMinimized:Boolean = ("initiallyMinimized" in args) ? args["initiallyMinimized"] : false;
            var draggable:Boolean = ("draggable" in args) ? args["draggable"] : true;
            var minimizable:Boolean = ("minimizable" in args) ? args["minimizable"] : true;
            var renamable:Boolean = ("renamable" in args) ? args["renamable"] : true;
            
            _isReactorShared = ("reactor" in args) ? true : false;
            _reactor = (_isReactorShared) ? args["reactor"] : new Reactor();
            _roomID = roomID;
            _messageLogSize = Math.max(1, logSize);
            _messages = new Vector.<String>();
            _title = ("title" in args) ? args["title"] : "現在の閲覧者数";
            
            // MinimalcompsのStyleを一時保存してから変更する
            var tempEmbedFonts:Boolean = Style.embedFonts;
            var tempFontName:String = Style.fontName;
            var tempFontSize:Number = Style.fontSize;
            Style.embedFonts = false;
            Style.fontName = "_sans";
            Style.fontSize = 12;
            
            // UIの作成
            addChild(_statusBar = createStatusBar(draggable, textColor, backgroundColor));
            
            _messageDisplay = createMessageDisplay(logSize);
            _window = createWindow(_messageDisplay.height);
            addChild(_window);
            _window.addChild(_messageDisplay);
            _nameInput = createInputText(0, _window.height - 19, 60, 8, defaultUserName);
            if (renamable) {
                _window.addChild(_nameInput);
                _window.addChild(_messageInput = createInputText(60, _nameInput.y, 170, 50, ""));
            }else {
                _window.addChild(createSayLabel(_window.height - 19));
                _window.addChild(_messageInput = createInputText(31, _window.height - 19, 200, 50, ""));
            }
            _messageInput.addEventListener(KeyboardEvent.KEY_DOWN, sendMessage);
            // MinimalcompsのStyleを元に戻す
            Style.embedFonts = tempEmbedFonts;
            Style.fontName = tempFontName;
            Style.fontSize = tempFontSize;
            if (minimizable) { addChild(_minimizeButton = createMinimizeButton()); }
            if (initiallyMinimized) { minimize(); }
            addEventListener(Event.ADDED_TO_STAGE, addedToStageHandler);
            addEventListener(Event.REMOVED_FROM_STAGE, removedFromStageHandler);
        }
        
        //ステータスバー
        private function createStatusBar(draggable:Boolean, textColor:uint, backgroundColor:uint):TextField {
            var result:TextField = new TextField();
            result.width = 232; result.height = 20;
            var format:TextFormat = new TextFormat("_sans", 10, color1);
            format.align = TextFormatAlign.CENTER;
            result.defaultTextFormat = format;
            //result.background = true; result.backgroundColor = backgroundColor;
            //result.filters = [new BevelFilter(1, 45, 0xFFFFFF, 0.8, 0x000000, 0.8, 1, 1)];
            result.mouseEnabled = result.selectable = false;
            if (draggable) {
                result.mouseEnabled = true;
                result.addEventListener(MouseEvent.MOUSE_DOWN, startDragHandler);
                result.addEventListener(MouseEvent.MOUSE_UP, stopDragHandler);
            }
            return result;
        }
        private function startDragHandler(event:MouseEvent):void { startDrag(); }
        private function stopDragHandler(event:MouseEvent):void { stopDrag(); }
        
        //最小化ボタン
        private function createMinimizeButton():PushButton {
            var result:PushButton = new PushButton(null, 215, 3, "-", minimize);
            result.width = result.height = 14; result.draw();
            return result;
        }
        
        //ウィンドウ
        private function createWindow(messageDisplayHeight:int):Sprite {
            var result:Sprite = new Sprite();
            result.y = 20;
            result.graphics.lineStyle(0,color1);
            result.graphics.beginFill(0x000033, 0.1);
            result.graphics.drawRect(0, 0, 232, messageDisplayHeight + 20);
            result.graphics.endFill();
            
            result.mouseEnabled = true;
            result.addEventListener(MouseEvent.MOUSE_DOWN, startDragHandler);
            result.addEventListener(MouseEvent.MOUSE_UP, stopDragHandler);

            return result;
        }
        
        //メッセージ欄
        private function createMessageDisplay(logSize:int):TextField {
            var result:TextField = new TextField();
            result.width = 232;
            result.defaultTextFormat = new TextFormat("_sans", 12, color1);
            //result.filters = [new DropShadowFilter(0, 0, 0x000055, 3,3,2,2)];
            result.mouseEnabled = result.selectable = false;
            result.wordWrap = true;
            for (var i:int = 0; i < logSize; i++) { result.appendText(i + "\n"); }
            result.height = result.textHeight + 4; result.text = "";
            return result;
        }
        //入力ボックス
        private function createInputText(x:int, y:int, width:int, maxChars:int, text:String):TextField {
            var result:TextField = new TextField();
            result.x = x; result.y = y;
            result.width = width; result.height = 18;
            result.defaultTextFormat = new TextFormat("_sans", 10, color1);
            //result.background = true; result.backgroundColor = 0x0033aa;
            result.border = true;result.borderColor=color1;
            //result.filters = [new BevelFilter(1, 225, 0xC0C0C0, 1, 0x404040, 1, 1, 1)];
            result.maxChars = maxChars;
            result.selectable = true;
            result.type = TextFieldType.INPUT;
            result.text = text;
            return result;
        }
        
        private function createSayLabel(y:int):TextField {
            var result:TextField = new TextField();
            result.x = 1; result.y = y;
            result.width = 30; result.height = 18;
            result.defaultTextFormat = new TextFormat("_sans", 10, color1, null, null, null, null, null, TextFormatAlign.CENTER);
            //result.filters = [new GlowFilter(0x000000, 1, 2, 2)];
            result.mouseEnabled = result.selectable = false;
            result.text = "発言:";
            return result;
        }
        
        private function addedToStageHandler(event:Event):void {
            _reactor.addEventListener(ReactorEvent.READY, joinRoom);
            _reactor.addEventListener(ReactorEvent.CLOSE, leaveRoom);
            leaveRoom();
            
            if (_isReactorShared) {
                if (_reactor.isReady()) { joinRoom(); }
            } else {
                _reactor.getConnectionMonitor().setAutoReconnectFrequency(5000);
                _reactor.getLog().setLevel(Logger.FATAL);
                _reactor.connect("ozworks.dip.jp", 9100);
            }
        }
        
        private function removedFromStageHandler(event:Event):void {
            _reactor.removeEventListener(ReactorEvent.READY, joinRoom);
            _reactor.removeEventListener(ReactorEvent.CLOSE, leaveRoom);
            leaveRoom();
            
            if (!_isReactorShared) { _reactor.disconnect(); }
        }
        
        private function joinRoom(event:ReactorEvent = null):void {
            var updateLevels:UpdateLevels = new UpdateLevels();
            updateLevels.clearAll();
            updateLevels.occupantCount = updateLevels.roomMessages = true;
            
            _room = _reactor.getRoomManager().createRoom(_roomID);
            roomOccupantCountHandler();
            _room.addEventListener(RoomEvent.OCCUPANT_COUNT, roomOccupantCountHandler);
            _room.addMessageListener("CHAT_MESSAGE", receiveMessage);
            _room.join(null, updateLevels);
            
        }
        
        private function roomOccupantCountHandler(event:RoomEvent = null):void {
            _statusBar.text = _title + " " + _room.getNumOccupants() + "人";
            alart1();
        }
        
        private function leaveRoom(event:ReactorEvent = null):void {
            if (_room) {
                _room.removeEventListener(RoomEvent.OCCUPANT_COUNT, roomOccupantCountHandler);
                _room.removeMessageListener("CHAT_MESSAGE", receiveMessage);
                _room.leave();
            }
            
            _statusBar.text = "サーバーに接続中...";
        }
        
        //メッセージ送信
        private function sendMessage(event:KeyboardEvent):void {
            
            var now:Date = new Date();
            updateTime = now.getTime();
            
            if (!_reactor.isReady() || event.keyCode != Keyboard.ENTER || _messageInput.text == "") { return; }
            _room.sendMessage("CHAT_MESSAGE", true, null, _nameInput.text, _messageInput.text);
            _so.data.name = _nameInput.text;
            _messageInput.text = "";
        }
        
        //メッセージ受信
        private function receiveMessage(from:IClient, senderName:String, messageText:String):void {
            _messages.push(senderName + ": " + messageText);
            if (_messages.length > _messageLogSize) { _messages.shift(); }
            
            _messageDisplay.text = "";
            var messagesLength:int = _messages.length;
            for (var i:int = 0; i < messagesLength; i++) {
                _messageDisplay.appendText(_messages[i] + "\n");
            }
            
            alart1();
        }
        
        public function minimize(event:MouseEvent = null):void {
            _window.visible = !_window.visible;
            if (_minimizeButton) { _minimizeButton.label = (_window.visible) ? "-" : "+"; }
        }
        
        
        private function alart1():void{
            var now:Date = new Date();
            if(updateTime+1000*120 < now.getTime()){
                playSnd("http://ozworks.dip.jp/sound/l.mp3");
                updateTime = now.getTime();
            }
        }

        private var updateTime:Number;
        private var sndList:Array = new Array();
        private function playSnd(url:String):void{
            if(sndList[url]==null){
                var req:URLRequest = new URLRequest(url)
                var sound:Sound = new Sound(req);
                sndList[url]=sound;
            }
            sndList[url].play();
        }
    }
//}

Forked