javascript - 게임에서 배경이 움직이는 원리는 무엇입니까?

Question

예를 들어 사람이 앞으로 걸어가고 배경이 뒤로 움직이면 캔버스를 전환하세요

Answer 1

게임의 테마와 콘텐츠에 따라 다양한 구현 원칙이 있을 수 있습니다. 구현하기 쉬운 일반적인 사항:
1. 배경 이미지 설정, 메인 게임 영역의 크기 타일링, 배경 반복을 반복으로 설정, 타이머를 통해 이미지의 배경 위치 좌표 변경( 예를 들어 WeChat의 자위 게임 배경).
2. 또한, 하위 컨테이너의 여러 배경 이미지를 사용하고, 상위 컨테이너에 대한 상대적 위치를 지정하고, 위쪽과 왼쪽을 변경하여 간격 없이 서로 연결할 수 있는 상대적으로 복잡한 배경을 가진 일부 배경도 있습니다. 하위 컨테이너의 값(회전목마 이미지와 유사) 원리), 앞으로 이동하는 사람들은 실제로 제한된 영역 내에서 "사람" 수준의 움직임에 의해 발생하고 동시에 지면과 배경이 위치하기 때문입니다. 그리고 같은 층에 있는 사람과 반대 방향으로 움직였다.

Answer 2

제 첫인상은 슈퍼마리오 같은 2D 게임인데 배경이 좌우 두 방향으로 연속적이지 않은 것 같아요. 2D 배경이 너무 길고 카메라가 계속 앞으로 나아가는 게 가장 멍청한 것 같아요. .