Hammer.js는 모바일 장치에서 터치 이벤트를 감지하기 위한 라이브러리입니다. 이를 사용하여 화면 터치 강도를 감지하는 방법은 다음과 같습니다.

먼저, Hammer.js 라이브러리를 HTML 파일에 추가합니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>

다음으로, 터치 이벤트를 감지하고자 하는 요소에 Hammer.js를 초기화합니다.

var element = document.getElementById('myElement');
var hammertime = new Hammer(element);

myElement는 터치 이벤트를 감지하고자 하는 요소의 id입니다. 이 요소는 사용자가 터치할 수 있는 요소, 예를 들어 버튼 또는 이미지 등이 될 수 있습니다.

마지막으로, press 이벤트를 사용하여 터치 이벤트를 감지하고 터치 강도를 확인할 수 있습니다.

hammertime.on('press', function(event) {
  console.log('Touch pressure:', event.pressure);
});

위의 코드에서 event.pressure를 통해 터치 강도를 확인할 수 있습니다. 이 값은 0부터 1까지의 범위이며, 강도가 높을수록 값이 커집니다.

이제 Hammer.js를 사용하여 화면 터치 강도를 감지할 수 있습니다. 자세한 내용은 Hammer.js의 공식 문서를 참조하십시오.

참고 자료:

• Hammer.js 공식 문서