JS Canvas Почему элемент не передвигается по Y, а увеличивается по высоте?

Question

JS Canvas Почему элемент не передвигается по Y, а увеличивается по высоте?

Челик) Ученик (3), на голосовании 3 дня назад

 const canvas = document.querySelector('#canvas'), 
	ctx = canvas.getContext('2d') 
 
let dinoY = 140; 
 
function initCanvas() { 
  canvas.width = canvas.clientWidth; 
  canvas.height = canvas.clientHeight; 
  ctx.fillStyle = 'lightgray'; 
  ctx.fillRect(0, 0, canvas.width, canvas.height); 
} 
 
initCanvas(); 
window.onresize = initCanvas; 
 
function draw() { 
  ctx.fillStyle = 'green'; 
  ctx.fillRect(50, dinoY, 50, 70); 
  ctx.fillStyle = 'black'; 
  ctx.fillRect(0, 210, canvas.width, 1); 
 
  requestAnimationFrame(draw); 
} 
draw(); 
 
function jump() { 
  setInterval(() => { 
    dinoY--; 
  }, 0); 
} 
 
window.onkeydown = (e) => { 
  jump(); 
};

Answer 1

Jacob G. Искусственный Интеллект (277326) 1 месяц назад

твоя координата размещения не двигается сихронно с координатой размера

Челик)Ученик (3) 1 месяц назад

и как это исправить?

Jacob G. Искусственный Интеллект (277326) хотя нет, проблема в другом. я не наблюдаю в твоем коде условия очистки холста. после каждого сдвига весь холст должен очищаться через ctx.clearRect(), наложенный на весь размер холста