LibGDX เก็บกล้องไว้ในขอบเขต TiledMap


9

ฉันมี TiledMap ง่าย ๆ ซึ่งฉันสามารถปรับได้ ฉันมีผู้เล่นกระโดด (พร้อม Box2D) ไปรอบ ๆ และกล้องของฉันติดตามผู้เล่นรอบ ๆ :

cam.position.set(
    player.position().x * Game.PPM + Game.V_WIDTH / 4,
    player.position().y * Game.PPM,
    0
);
cam.update();

อย่างไรก็ตามกล้องจะย้าย "ปิด" TiledMap ฉันจะเก็บกล้องของฉันไว้บน TiledMap ได้อย่างไรเมื่อฉันใกล้ขอบแผนที่ของฉันกล้องหยุดการเลื่อนและผู้เล่นเคลื่อนที่ไปทางขอบของกล้อง

คำตอบ:


12

เอาล่ะคุณทำงานกับสี่เหลี่ยมสองอันตรงนี้ ภาพนิ่งที่มีขนาดใหญ่กว่า (แผนที่) และภาพเคลื่อนไหวที่เล็กกว่า (กล้อง) ที่อยู่ด้านใน สิ่งที่คุณต้องการคือการไม่ปล่อยให้ขอบเขตของสี่เหลี่ยมเล็ก ๆ เลื่อนออกไปนอกขอบเขตด้านในของสี่เหลี่ยมขนาดใหญ่

// These values likely need to be scaled according to your world coordinates.
// The left boundary of the map (x)
int mapLeft = 0;
// The right boundary of the map (x + width)
int mapRight = 0 + map.getWidth();
// The bottom boundary of the map (y)
int mapBottom = 0;
// The top boundary of the map (y + height)
int mapTop = 0 + map.getHeight();
// The camera dimensions, halved
float cameraHalfWidth = cam.viewportWidth * .5f;
float cameraHalfHeight = cam.viewportHeight * .5f;

// Move camera after player as normal

float cameraLeft = cam.position.x - cameraHalfWidth;
float cameraRight = cam.position.x + cameraHalfWidth;
float cameraBottom = cam.position.y - cameraHalfHeight;
float cameraTop = cam.position.y + cameraHalfHeight;

// Horizontal axis
if(map.getWidth() < cam.viewportWidth)
{
    cam.position.x = mapRight / 2;
}
else if(cameraLeft <= mapLeft)
{
    cam.position.x = mapLeft + cameraHalfWidth;
}
else if(cameraRight >= mapRight)
{
    cam.position.x = mapRight - cameraHalfWidth;
}

// Vertical axis
if(map.getHeight() < cam.viewportHeight)
{
    cam.position.y = mapTop / 2;
}
else if(cameraBottom <= mapBottom)
{
    cam.position.y = mapBottom + cameraHalfHeight;
}
else if(cameraTop >= mapTop)
{
    cam.position.y = mapTop - cameraHalfHeight;
}

ตรรกะนั้นค่อนข้างง่าย เก็บกล่องเล็กไว้ในกล่องที่ใหญ่กว่า เมื่อคุณเข้าใจความคิดนั้นแล้วคุณสามารถยุบโค้ดนั้นลง คุณสามารถย้ายไปไว้ในชุดคำสั่ง Min / Max ที่ซ้อนกันในการติดตามตำแหน่งกล้องของคุณหากคุณต้องการ


1
ฉันควรไปนอนก่อนหน้านี้ ฉันมีบางอย่างเช่นนี้ถูกนำมาใช้ แต่ไม่สามารถใช้งานได้ แต่แทนที่จะเรียกsetPosition()วิธีการที่ดีที่จะแก้ไขขอบเขตฉันยังคงตั้งตำแหน่งกล้องโดยตรง (เช่นcam.position.set()) มันใช้งานได้ดีเหมือนมีเสน่ห์! ขอบคุณสำหรับคำอธิบาย!
Ariejan

7

คุณสามารถยึดตำแหน่งกล้องกับขอบเขตของแผนที่ดังนี้:

camera.position.x = MathUtils.clamp(camera.position.x, camViewportHalfX, mapWidth - camViewportHalfX);
camera.position.y = MathUtils.clamp(camera.position.y, camViewportHalfY, mapHeight - camViewportHalfY);

คืออะไรcamViewportHalfXและcamViewportHalfY?
Cypher

@Cypher: ครึ่งหนึ่งของขนาดวิวพอร์ต X และแกน Y
Matthias

ดังนั้นcamViewportHalfXจะเทียบเท่าcamera.viewportWidth / 2หรือไม่
Cypher

0

เมื่อต้องการย้ายCameraในTiledMapขอบเขตที่OrthogonalTiledMapRendererถูกนำมาใช้

ฉันยังสังเกตเห็นว่ามันมีพฤติกรรมที่ไม่คาดคิด: ในขณะที่Cameraไปถึงขอบเขตแผนที่แผนที่ที่ปูกระเบื้องเช่นโดยความเฉื่อยย้ายพิกเซลบางพิกเซลไปไกลเกินไป (ขึ้นอยู่กับความเร็วของการปัดนิ้ว)

ในการแก้ปัญหาในแต่ละCameraการเคลื่อนไหวCameraจะถูกบังคับให้ใส่ในขอบเขตของแผนที่ ดูputInMapBounds()วิธีการ

เพื่อหลีกเลี่ยงการบกพร่องในการแสดงผลที่ใช้TiledMapMath.min(float, float)

ใช้ฟังนี้เพื่อจัดการของคุณCamera:

/**
 * @author Gram <gram7gram@gmail.com>
 */
public class CameraListener extends InputAdapter {

    private final UIStage stage;
    private final Camera camera;
    private final Vector3 curr;
    private final Vector3 last;
    private final Vector3 delta;
    private final int mapWidth;
    private final int mapHeight;

    public CameraListener(UIStage stage) {
        this.stage = stage;
        this.camera = stage.getViewport().getCamera();

        curr = new Vector3();
        last = new Vector3(-1, -1, -1);
        delta = new Vector3();

        TiledMapTileLayer layer = stage.getLevel().getMap().getFirstLayer();
        mapWidth = layer.getWidth() * DDGame.TILE_HEIGHT;
        mapHeight = layer.getHeight() * DDGame.TILE_HEIGHT;
    }

    @Override
    public boolean touchDragged(int x, int y, int pointer) {

        camera.unproject(curr.set(x, y, 0));

        if (!(last.x == -1 && last.y == -1 && last.z == -1)) {
            camera.unproject(delta.set(last.x, last.y, 0));
            delta.sub(curr);
            camera.translate(Math.min(delta.x, 5), Math.min(delta.y, 5), 0);
            if (isInMapBounds()) {
                stage.moveBy(Math.min(delta.x, 5), Math.min(delta.y, 5));
            }
        }

        last.set(x, y, 0);

        putInMapBounds();

        return false;
    }


    private boolean isInMapBounds() {

        return camera.position.x >= camera.viewportWidth / 2f
                && camera.position.x <= mapWidth - camera.viewportWidth / 2f
                && camera.position.y >= camera.viewportHeight / 2f
                && camera.position.y <= mapHeight - camera.viewportHeight / 2f;

    }

    private void putInMapBounds() {

        if (camera.position.x < camera.viewportWidth / 2f)
            camera.position.x = camera.viewportWidth / 2f;
        else if (camera.position.x > mapWidth - camera.viewportWidth / 2f)
            camera.position.x = mapWidth - camera.viewportWidth / 2f;

        if (camera.position.y < camera.viewportHeight / 2f)
            camera.position.y = camera.viewportHeight / 2f;
        else if (camera.position.y > mapHeight - camera.viewportHeight / 2f)
            camera.position.y = mapHeight - camera.viewportHeight / 2f;

        stage.moveTo(
                camera.position.x,
                camera.position.y);

    }

    @Override
    public boolean touchUp(int x, int y, int pointer, int button) {
        last.set(-1, -1, -1);
        Log.info("Camera at " + camera.position.x + ":" + camera.position.y);
        return false;
    }
}

0

หากคุณมีอัตราการซูมที่จะดูแลฉันพบว่าสิ่งนี้ทำงานได้ดีกว่ามาก:

public void fixBounds() {
    float scaledViewportWidthHalfExtent = viewportWidth * zoom * 0.5f;
    float scaledViewportHeightHalfExtent = viewportHeight * zoom * 0.5f;

    // Horizontal
    if (position.x < scaledViewportWidthHalfExtent)
        position.x = scaledViewportWidthHalfExtent;
    else if (position.x > xmax - scaledViewportWidthHalfExtent)
        position.x = xmax - scaledViewportWidthHalfExtent;

    // Vertical
    if (position.y < scaledViewportHeightHalfExtent)
        position.y = scaledViewportHeightHalfExtent;
    else if (position.y > ymax - scaledViewportHeightHalfExtent)
        position.y = ymax - scaledViewportHeightHalfExtent;
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.