如何将精灵的速度设置为与鼠标指针相反的方向？

// 获取鼠标指针的当前位置
var mouseX, mouseY;
document.addEventListener('mousemove', function(event) {
    mouseX = event.clientX;
    mouseY = event.clientY;
});

// 精灵对象
var sprite = {
    x: 0, // 精灵的当前x坐标
    y: 0, // 精灵的当前y坐标
    speedX: 0, // 精灵的x方向速度
    speedY: 0, // 精灵的y方向速度
};

// 更新精灵的位置
function updateSprite() {
    // 计算鼠标指针的移动方向向量
    var directionX = mouseX - sprite.x;
    var directionY = mouseY - sprite.y;

    // 将方向向量取反
    sprite.speedX = -directionX;
    sprite.speedY = -directionY;

    // 更新精灵的位置
    sprite.x += sprite.speedX;
    sprite.y += sprite.speedY;
}

// 在Canvas上绘制精灵
function drawSprite() {
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');

    // 清空画布
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    // 绘制精灵
    ctx.fillStyle = 'red';
    ctx.fillRect(sprite.x, sprite.y, 50, 50);
}

// 渲染循环
function gameLoop() {
    updateSprite();
    drawSprite();

    requestAnimationFrame(gameLoop);
}

// 启动游戏循环
gameLoop();