SFML实现生命游戏无限网格：视图移动扭曲问题求助

核心问题分析 #

1. 视图宽高参数颠倒：创建sf::View时，错误地将窗口的高度和宽度参数互换。SFML的View构造规则是(中心坐标, 视图大小)，其中视图大小的X轴对应窗口宽度、Y轴对应窗口高度，参数颠倒会直接导致世界坐标系比例拉伸，平移时出现扭曲。
2. 重复设置Cell位置：drawGrid函数每次绘制都重置Cell的位置，虽然逻辑上不会直接引发扭曲，但属于不必要的状态变更，可能和视图变换产生潜在冲突。
3. 轮廓厚度的单位影响：setOutlineThickness(1.25)使用世界坐标单位，当视图比例错误时，轮廓会被非均匀拉伸，加剧扭曲效果。

修正步骤 #

1. 修复视图初始化 #

将视图的中心和大小参数的宽高对应正确：

// 原错误代码
// sf::View view(sf::Vector2f(WINDOW_HEIGHT / 2, WINDOW_WIDTH / 2), sf::Vector2f(WINDOW_HEIGHT, WINDOW_WIDTH));

// 修正后
sf::View view(sf::Vector2f(WINDOW_WIDTH / 2, WINDOW_HEIGHT / 2), sf::Vector2f(WINDOW_WIDTH, WINDOW_HEIGHT));
window.setView(view); // 初始就设置视图，避免使用默认视图

2. 初始化时固定Cell位置 #

在创建网格阶段就设置好每个Cell的位置，避免每次绘制重复修改：

// 主函数创建网格的循环中添加位置初始化
for (int i = 0; i < WINDOW_HEIGHT * 10 / GRID_SIZE; i++) {
    std::vector<sf::RectangleShape> row;
    for (int j = 0; j < WINDOW_WIDTH * 10 / GRID_SIZE; j++) {
        sf::RectangleShape cell(sf::Vector2f(GRID_SIZE, GRID_SIZE));
        cell.setFillColor(DEAD_CELL_COLOR);
        cell.setOutlineColor(sf::Color(200, 200, 200));
        cell.setOutlineThickness(1.25);
        // 初始化时设置世界坐标位置
        cell.setPosition(j * GRID_SIZE, i * GRID_SIZE);
        row.push_back(cell);
    }
    grid.push_back(row);
}

随后修改drawGrid函数，移除重复设置位置的代码：

void drawGrid(sf::RenderWindow& window, std::vector< std::vector<sf::RectangleShape> >& grid, int grid_size){
    for (int i = 0; i < grid.size(); i++) {
        for (int j = 0; j < grid[0].size(); j++) {
            window.draw(grid[i][j]);
        }
    }
}

3. 可选：优化轮廓厚度（适配视图缩放） #

如果后续要添加视图缩放功能，可将轮廓厚度改为基于窗口像素的单位，避免缩放时轮廓变形：

// 在视图变换后更新轮廓厚度
float viewScale = view.getSize().x / WINDOW_WIDTH;
float pixelThickness = 1.25f;
for (auto& row : grid) {
    for (auto& cell : row) {
        cell.setOutlineThickness(pixelThickness / viewScale);
    }
}

额外建议 #

别忘了在事件循环中添加窗口关闭的处理逻辑：

case sf::Event::Closed:
    window.close();
    break;

内容的提问来源于stack exchange，提问作者sadcat_1