多视角3D可旋转的HTML5 Logo动画

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; targetRotationOnMouseDownX = targetRotationX;

mouseYOnMouseDown = event.touches[0].pageY - windowHalfY; targetRotationOnMouseDownY = targetRotationY;

} }

function onDocumentTouchMove( event )

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

{ event.preventDefault();

mouseX = event.touches[0].pageX - windowHalfX;

targetRotationX = targetRotationOnMouseDownX + (mouseX - mouseXOnMouseDown) * 0.05; mouseY = event.touches[0].pageY - windowHalfY;

targetRotationY = targetRotationOnMouseDownY + (mouseX - mouseYOnMouseDown) * 0.05; }

}

以上就是本文的全部内容，希望对大家的学习有所帮助。