Como posso criar uma function no meu código, fazendo com que as raquetes não ultrapassem os limites do canvas?
Pensei em algo semelhante:
Sendo raquete um retangulo, o canvas 600x400. Devo definir o limite em raqueteAltura/2, já que se o Y se posiciona no centro do elemento, e o retângulo tem 90, logo, tenho que adicionar metade do retangulo ao yRaquete, fazendo assim que a borda de cima do retângulo não passe do heigth = 0. Do mesmo jeito que não quero que a borda de baixo do retângulo não ultrapasse o heigth = 399.
function limitaRaquete() { if (yRaquete + raqueteAltura/2 < 1 || yRaquete - raqueleAltura/2 >399) { função movimentaRaquete é desativada temporariamente } }