아이폰 - 자바 스크립트 이벤트 ... three.js에 대한

Question

나는이 프로젝트에서 작업하고 있습니다 ... 브라우저에서 작업한다고 가정하면 그리고 아이폰에서도 마찬가지입니다 ... 그래서 지금 이벤트 문제를 다루고 있습니다. .. 자바 스크립트 이벤트를 아이폰에 사용할 수 있습니까 ??? ???

Answer 1

필요한 기능에 따라 다르지만 휴대 전화에서는 this을 사용해보세요. 다음과 비슷한 큐브 구조를 렌더링해야합니다. three.js cubes http://lifesine.eu/labs/media/images/vector.gif

터치하고 드래그 할 수 있어야합니다. 이것은 three.js를 함께 제공 이전 큐브 드래그 샘플을 기반으로하고 여기에 이벤트가 사용된다

document.addEventListener('mousedown', onDocumentMouseDown, false); 
document.addEventListener('touchstart', onDocumentTouchStart, false); 
document.addEventListener('touchmove', onDocumentTouchMove, false); 

을 그리고 여기에 청취자입니다 : 사용되는 몇 가지 변수가 있다는 것을

가

function onDocumentMouseDown(event) { 

       event.preventDefault(); 

       document.addEventListener('mousemove', onDocumentMouseMove, false); 
       document.addEventListener('mouseup', onDocumentMouseUp, false); 
       document.addEventListener('mouseout', onDocumentMouseOut, false); 

       mouseXOnMouseDown = event.clientX - windowHalfX; 
       targetRotationOnMouseDown = targetRotation; 
      } 

      function onDocumentMouseMove(event) { 

       mouseX = event.clientX - windowHalfX; 
       mouseY = event.clientY - windowHalfY; 

       targetRotation = targetRotationOnMouseDown + (mouseX - mouseXOnMouseDown) * 0.02; 
      } 

      function onDocumentMouseUp(event) { 

       document.removeEventListener('mousemove', onDocumentMouseMove, false); 
       document.removeEventListener('mouseup', onDocumentMouseUp, false); 
       document.removeEventListener('mouseout', onDocumentMouseOut, false); 
      } 

      function onDocumentMouseOut(event) { 

       document.removeEventListener('mousemove', onDocumentMouseMove, false); 
       document.removeEventListener('mouseup', onDocumentMouseUp, false); 
       document.removeEventListener('mouseout', onDocumentMouseOut, false); 
      } 

      function onDocumentTouchStart(event) { 

       if (event.touches.length == 1) { 

        event.preventDefault(); 

        mouseXOnMouseDown = event.touches[ 0 ].pageX - windowHalfX; 
        targetRotationOnMouseDown = targetRotation; 

       } 
      } 

      function onDocumentTouchMove(event) { 

       if (event.touches.length == 1) { 

        event.preventDefault(); 

        mouseX = event.touches[ 0 ].pageX - windowHalfX; 
        targetRotation = targetRotationOnMouseDown + (mouseX - mouseXOnMouseDown) * 0.05; 

       } 
      } 

주 targetRotation, targetRotationOnMouseDown 등과 같이 명확하지 않을 수도 있습니다. 해당 링크의 소스 코드를 자유롭게 사용할 수는 있지만 작년에 코딩 했으므로 three.js 코드 중 일부는 약간 다를 수 있습니다 (어쩌면 재료 등), 이벤트 부분은 코드에 붙여 넣기 만하면 작동합니다. 덕분에 다시 친구를 위해

HTH는