在移动设备上的3d转型

Question

我正在尝试添加一种方法来将访问移动设备加速度计的3d转换集成到以下javascript中。非常感谢你的帮助！

$(document).mousemove(rotateScene);
});

function rotateScene(e) {
var horizontal = e.pageX / $(document).width();
var vertical = e.pageY / $(document).height();

$('.test').css({
    '-webkit-transform': 'rotateX(' + (7 - (vertical * 14)) + 'deg)     rotateY(' + (-10 + (horizontal * 20)) + 'deg)',
    '-moz-transform': 'rotateX(' + (7 - (vertical * 14)) + 'deg) rotateY(' + (-10 + (horizontal * 20)) + 'deg)',
    '-ms-transform': 'rotateX(' + (7 - (vertical * 14)) + 'deg) rotateY(' + (-10 + (horizontal * 20)) + 'deg)',
    '-o-transform': 'rotateX(' + (7 - (vertical * 14)) + 'deg) rotateY(' + (-10 + (horizontal * 20)) + 'deg)',
    'transform': 'rotateX(' + (7 - (vertical * 14)) + 'deg) rotateY(' + (-10 + (horizontal * 20)) + 'deg)'
});

}

Answer 1

您需要"device orientation" API - 无法通过mousemove事件访问加速度计数据。