CANVAS : SHMUP 배경 그림

Question

bgY += (enemySpeed + heroSpeed)/2; 
ctx.drawImage(bg, bgX, bgY - gameHeight); 
ctx.drawImage(bg, bgX, bgY); 
if(bgY > gameHeight) 
{ 
    bgY = 0; 
} 

나는 위의 코드를 사용하여 내 캔버스에 배경을 그려 놓았다.

새로운 이미지를 그릴 때마다 약간의 지연이 발생하는 것을 제외하면 잘 작동합니다. 그려지기 바로 전에, 플레이어는 배경이 맨 위에 두 번째 이미지가없는 것을 볼 수 있습니다. (그건 내 주요 문제가되지 않습니다,하지만 당신은 너무 도움이 될 수 있습니다)

어쨌든, 지금은 주요 문제에 대한 :

잘 모르겠어요,하지만 난 이미지가 캔버스 아래로 이동하면 생각들이 실제로 제거되지는 않습니다. 게임이 느려지거나 잠시 후에 성능이 떨어지지 않습니까?

이것을 방지 할 수있는 방법이 있습니까?

Answer 1

첫 번째 질문에 대해서는 if 문이 drawImage을 호출하기 전에 올바르지 만 나중에는 그렇지 않아야합니다. 모든 관련 사례를 저장해야하는 모듈러스 연산으로 대체 할 수도 있습니다.

bgY += (enemySpeed + heroSpeed)/2; 
bgY %= gameHeight; 
ctx.drawImage(bg, bgX, bgY - gameHeight); 
ctx.drawImage(bg, bgX, bgY);