phaser-framework - Phaser 3 - 将形状固定到相机 View 中

Question

我正在尝试从随机生成的矩阵中绘制代表我的等级的小 map 。

为此，我逐个绘制黑色或白色的小方 block 来直观地表示矩阵(我不知道这是否是使用移相器实现这一点的最佳方法，实际上，我是这个框架的初学者) .

map 绘制正确，但其位置绑定(bind)到世界而不是相机，因此当我移动时，它不再可见。

这是我用来绘制 map 的代码:

generate() {
    let wallsGraphics = this._scene.add.graphics({fillStyle : {color : LabyrinthConfig.MAPS.MINI_MAP.WALLS_COLOR}});
    let pathGraphics  = this._scene.add.graphics({fillStyle : {color : LabyrinthConfig.MAPS.MINI_MAP.PATH_COLOR}});

    // Draw the map
    let y = 0;
    for (let line of this._matrix) {
        let x = 0;
        for (let cell of line) {

            let rect    = new Phaser.Geom.Rectangle();
            rect.width  = LabyrinthConfig.MAPS.MINI_MAP.CELL_WIDTH;
            rect.height = LabyrinthConfig.MAPS.MINI_MAP.CELL_HEIGHT;
            rect.x = LabyrinthConfig.MAPS.MINI_MAP.POSITION_X + x * LabyrinthConfig.MAPS.MINI_MAP.CELL_WIDTH;
            rect.y = LabyrinthConfig.MAPS.MINI_MAP.POSITION_Y + y * LabyrinthConfig.MAPS.MINI_MAP.CELL_HEIGHT;

            cell === 0 ? wallsGraphics.fillRectShape(rect) : pathGraphics.fillRectShape(rect);

            x++;
        }
        y++;
    }
}

有关如何将此 map 固定到相机 View 的任何帮助吗？

Answer 1

将图形对象的滚动系数设置为 0。

wallsGraphics.setScrollFactor(0);
pathGraphics.setScrollFactor(0);