0

Flash を使用して RTS ゲームを構築しようとしており、基本的なテストを行っています。オブジェクトをドラッグすることを教えてくれるこのサイトに出くわしました。クリックしながらゲームのゲーム世界を動かすことをシミュレートするようにコードを変更しました。中央の円はフォーカス ポイント/カメラの中心です。長方形のボードはゲームの世界を表しています。

関数 boardMove を変更して、mouseX と mouseY に従ってクリックして移動しようとしました。しかし、クリックするたびに、mouseX と mouseY がボードの中心になり、これは私が望んでいたものではありません。マウスの位置に相対的にしたいのですが、ボードがちらつくか、左上隅で動くしかできませんでした。

任意の提案をいただければ幸いです。

// Part 1 -- Setting up the objects

var board:Sprite = new Sprite();
var myPoint:Sprite = new Sprite();
var stageWidth = 550;
var stageHeight = 400;
var boardWidth = 400;
var boardHeight = 300;
var pointWidth = 10;

this.addChild(board);
this.addChild(myPoint);

board.graphics.lineStyle(1,0);
board.graphics.beginFill(0xCCCCCC);
board.graphics.drawRect(0,0,boardWidth,boardHeight);
board.graphics.endFill();
board.x = (stageWidth - boardWidth) / 2;
board.y = (stageHeight - boardHeight) / 2;

myPoint.graphics.lineStyle(1,0);
myPoint.graphics.beginFill(0x0000FF,0.7);
myPoint.graphics.drawCircle(0,0,pointWidth);
myPoint.graphics.endFill();
myPoint.x = (stageWidth - pointWidth) / 2;
myPoint.y = (stageHeight - pointWidth) / 2;


// Part 2 -- Add drag-and-drop functionality - Better Attempt

stage.addEventListener(MouseEvent.MOUSE_DOWN, startMove);

function startMove(evt:MouseEvent):void {
    stage.addEventListener(MouseEvent.MOUSE_MOVE, boardMove);
}

// Revised definition of pointMove in Part II of our script

function boardMove(e:MouseEvent):void {
    board.x = checkEdgeX(board.mouseX);
    board.y = checkEdgeY(board.mouseY);
    e.updateAfterEvent();
}

stage.addEventListener(MouseEvent.MOUSE_UP, stopMove);

function stopMove(e:MouseEvent):void {
    stage.removeEventListener(MouseEvent.MOUSE_MOVE, boardMove);
}


// Part III -- Check for boundaries

function checkEdgeX(inX:Number):Number {
    var x = stageWidth / 2 - boardWidth;
    if (inX < x) {
        return x;
    }

    x = stageWidth / 2;
    if (inX > x) {
        return x;
    }

    return inX;
}

function checkEdgeY(inY:Number):Number {
    var y = stageHeight / 2 - boardHeight;
    if (inY < y) {
        return y;
    }

    y = stageHeight / 2;
    if (inY > y) {
        return y;
    }

    return inY;
}
4

1 に答える 1

1

1 つのオプションは、マウスの相対的な動きを決定し、それに応じてボードを移動することです。何かのようなもの：

private Point lastPosition;

function startMove(...) {
    lastPosition = null;
    ...
}

function boardMove(e:MouseEvent):void {
    Point position = new Point(stageX, stageY);
    if (lastPosition != null) {
        Point delta = position.subtract(lastPosition);
        board.x += delta.x; // NOTE: also try -= instead of +=
        board.y += delta.y; // NOTE: also try -= instead of +=
        e.updateAfterEvent();
    }
    lastPosition = position;
}
于 2013-02-04T01:39:39.100 に答える