Как я могу заполнить центр внутри поля в javascript?

Question

var walls = {
    health: 1000,
    x: canvas.width / 2,
    y: canvas.height / 2
}
context.beginPath()
context.fillStyle = walls.color;
context.strokeStyle = walls.border;
context.rect(walls.x - player.width / 2, walls.y - player.width / 2, walls.width, walls.height)
//my problem//
context.fillRect(walls.x - 15, walls.y - 15, walls.health / 32, walls.health / 32)
//////////////
context.stroke()

Я делал стену, которая при повреждении ширины и высоты будет уменьшаться в центре коробки. Пожалуйста, помогите