forked from: forked from: forked from: forked from: forked from: ozmap test
forked from forked from: forked from: forked from: forked from: ozmap test (diff: 345)
[SWF(backgroundColor=0, width=465, height=465)]
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