Поддерживать установленное изображение, когда он меняет ориентацию мобильного телефона

Привет всем я пробую делания этого effecto, который я увидел только в коде swift..., используй gyroscope, в этом ссылка могут видеть код swift:

http://nshipster.com/cmdevicemotion/

Мне хотелось бы делать это в Javascript, какой-то он может помогать мне??

Rotation with gravity

Спасибо

4
задан 10.03.2017, 11:42
1 ответ

Ты можешь получать это, кажется, с Detecting device orientation.

Согласно документации:

Еще будь в экспериментальной фазе


Chrome и Firefox не манипулируют углами того же способа,
которым в какие-то оси адреса он вкладывается.


Все то, во что ты нуждаешься, чтобы начинаться, состоит в том, чтобы обнаруживать изменения ориентации устройства:

window.addEventListener("deviceorientation", handleOrientation, true);

Обнаружив события (в этом случае функция handleOrientation()), обнови периодической формы изменения ориентации.

Событие ориентации содержит четыре типа стоимости:


function handleOrientation(event) {

    var absolute = event.absolute;
    var alpha    = event.alpha; // eje-z - de    0 a -360 grados
    var beta     = event.beta;  // eje-x - de -180 a  180 grados
    var gamma    = event.gamma; // eje-y - de  -90 a   90 grados    
}

Следующий код я это протестировал в одном:

iPhone 6S (v10.0.2), в браузерах Safari (v10.0) и Chrome (v54.0)

Видеть Demo

if (window.DeviceMotionEvent) {

    window.addEventListener('deviceorientation', function (e) {

        var alpha = e.alpha;
        handleOrientation(alpha);
    }, true);

} else { 

    alert('Tu dispositivo no es compatible');
}

function handleOrientation(alpha) {

    var a = Math.round(alpha);
    rotate(a);
}

function rotate(degree) {
    $('.image').css({
        '-webkit-transform': 'rotate(' + degree + 'deg)',
        '-moz-transform':    'rotate(' + degree + 'deg)',
        '-ms-transform':     'rotate(' + degree + 'deg)',
        '-o-transform':      'rotate(' + degree + 'deg)',
        'transform':         'rotate(' + degree + 'deg)'
    });
}
3
ответ дан 24.11.2019, 12:55
  • 1
    Большое спасибо Человек!! Что бог оплатил это тебе со многими детьми!! – Mirko Aloisi 26.10.2016, 11:37
  • 2
    Совсем меньше детей... пожалуйста:) он очень интересен правда... посмотрим может совершенствовать этих d и # 237; схвати;) – Black Sheep 26.10.2016, 11:45
  • 3
    я пытаюсь! большое спасибо. – Mirko Aloisi 26.10.2016, 12:01