배경이 모든 방향으로 스크롤/드래그 가능한 (https://howifight.53.com)과 같은 효과를 만드는 가장 좋은 방법은 무엇인지 알아 내려고합니다.모든 방향으로 배경 스크롤을 수행하는 방법에 대한 조언
나는이 기술이 pixi.js라는 것을 알고 있지만,이 효과가 어떻게 달성되는지를 파헤쳐 볼 수는 없습니다. 좋은 방향으로 나아가는 포인터는 대단합니다.
배경이 모든 방향으로 스크롤/드래그 가능한 (https://howifight.53.com)과 같은 효과를 만드는 가장 좋은 방법은 무엇인지 알아 내려고합니다.모든 방향으로 배경 스크롤을 수행하는 방법에 대한 조언
나는이 기술이 pixi.js라는 것을 알고 있지만,이 효과가 어떻게 달성되는지를 파헤쳐 볼 수는 없습니다. 좋은 방향으로 나아가는 포인터는 대단합니다.
먼저 페이지와 스타일을 설정해야합니다.
이동하려는 HTML을 포함하는 요소가 필요합니다 (overflow:hidden
사용). 그런 다음 자바 스크립트로 실제로 이동하기위한 요소가 필요합니다.
그런 다음 드래그/드롭 기능을 구현해야합니다. mousedown
을 캡처 한 다음 mousemove
을 캡처하고 각각 requestAnimationFrame
에서 업데이트 한 다음 mouseup
과 함께 드래그를 중지합니다.
이것은 매우 기본적인 개요이지만,보기를위한 예제를 조롱했습니다. jsFiddle. 언제든지 질문하십시오.
이렇게하면 개념을 분명히 알 수 있습니다. 바이올린 링크에 감사드립니다. –