모든 방향으로 배경 스크롤을 수행하는 방법에 대한 조언

Question

배경이 모든 방향으로 스크롤/드래그 가능한 (https://howifight.53.com)과 같은 효과를 만드는 가장 좋은 방법은 무엇인지 알아 내려고합니다.

나는이 기술이 pixi.js라는 것을 알고 있지만,이 효과가 어떻게 달성되는지를 파헤쳐 볼 수는 없습니다. 좋은 방향으로 나아가는 포인터는 대단합니다.

Answer 1

먼저 페이지와 스타일을 설정해야합니다.

이동하려는 HTML을 포함하는 요소가 필요합니다 (overflow:hidden 사용). 그런 다음 자바 스크립트로 실제로 이동하기위한 요소가 필요합니다.

그런 다음 드래그/드롭 기능을 구현해야합니다. mousedown을 캡처 한 다음 mousemove을 캡처하고 각각 requestAnimationFrame에서 업데이트 한 다음 mouseup과 함께 드래그를 중지합니다.

이것은 매우 기본적인 개요이지만,보기를위한 예제를 조롱했습니다. jsFiddle. 언제든지 질문하십시오.