клавиши w, a, s, d не работают в игре «змея» с использованием p5.js

#p5.js

Вопрос:

Поэтому я начал учиться p5.js недавно я делаю код для игры в змею. Но, к сожалению, клавиши w/a/s/d не работают. В консоли нет ошибки, она просто не движется. Я был бы признателен за исправленный код и ошибку. Спасибо Тебе!

код:

 var numOfBlocks = 20
var blockSize = 20
var headX = 0
var headY = 0
var speedX = 0
var speedY = 0

function setup() {
  createCanvas(400, 400);
  frameRate(10)
  
  //start at the center
  headX = numOfBlocks/2
  headY = numOfBlocks/2
}

function draw() {
  background(0)
  //update head
  headX = headX   speedX
  headY = headY   speedY
  
  //draw head
  fill(255)
  rect(headX*blockSize,
       headY*blockSize,
       blockSize,
       blockSize)
}

function keyPressed() {
  if(key == 'w') {
    speedX = 0
    speedY = -1
    
  } else if(key == 's'){
    speedX = 0
    speedY = 1
  } else if(key == 'a'){
    speedX = -1
    speedY = 0
  } else if(key == 'd'){
    speedX = 1
    speedY = 0
  }    

}
 

Комментарии:

1. I проблема не воспроизводима. Программа работает нормально. (за исключением опечатки, speedy должно быть speedY )

2. Извините, мне не нужно было нажимать на чистый холст, извините за недоразумение. Спасибо!