SFML制作鼠标光标图形遇阻：当前图形显示为三角形

你的问题根源有两个：

• sf::Quads顶点顺序错误：SFML的Quad要求四个顶点按顺时针/逆时针顺序排列，你的顶点顺序导致四边形被渲染成扭曲形状，看起来像三角形。
• 靠顶点颜色模拟凹口不可行：SFML会对顶点颜色做平滑插值，单个黑色顶点只会让局部颜色变暗，没法做出和背景完全一致的凹口；而且Quad本身是完整四边形，无法直接实现凹进的形状。

正确方案：用三角形列表构建带凹口的光标 #

要做出箭头样式的光标，需要把形状拆分成多个三角形，用sf::TriangleList渲染。以下是修改后的代码：

#include <SFML/Graphics.hpp>
#include <iostream>

class Player
{
public:
    Player()
        : position(500,500), angle(45), array(sf::TriangleList, 9) // 3个三角形共9个顶点
    {
        // 第一个三角形：箭头顶部区域
        array[0].position = sf::Vector2f(0, -100);
        array[1].position = sf::Vector2f(-25, 25);
        array[2].position = sf::Vector2f(25, 25);

        // 第二个三角形：左侧尾部区域
        array[3].position = sf::Vector2f(-25, 25);
        array[4].position = sf::Vector2f(-100, 100);
        array[5].position = sf::Vector2f(0, 25);

        // 第三个三角形：右侧尾部区域
        array[6].position = sf::Vector2f(25, 25);
        array[7].position = sf::Vector2f(100, 100);
        array[8].position = sf::Vector2f(0, 25);

        // 统一设置顶点颜色为白色
        for (size_t i = 0; i < array.getVertexCount(); i++)
        {
            array[i].color = sf::Color::White;
        }
    } 

    void Draw(sf::RenderWindow& window)
    {
        sf::Transform transform;
        transform.translate(position).rotate(angle);
        window.draw(array, transform);
    }
}; // 原代码遗漏分号，此处补上

// 主函数示例
int main()
{
    sf::RenderWindow window(sf::VideoMode(1000, 1000), "Custom Cursor");
    Player player;

    while (window.isOpen())
    {
        sf::Event event;
        while (window.pollEvent(event))
        {
            if (event.type == sf::Event::Closed)
                window.close();
        }

        window.clear(sf::Color::Black);
        player.Draw(window);
        window.display();
    }

    return 0;
}

关键说明 #

1. 顶点顺序规则：每个三角形的三个顶点必须按顺时针或逆时针排列，确保SFML正确识别图形面并渲染。
2. 形状拆分逻辑：把带凹口的箭头拆成3个独立三角形，直接通过顶点位置构建出目标形状，无需依赖颜色模拟。
3. 编译错误修正：原代码类定义末尾缺少分号，这会导致编译失败，已在代码中补全。

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