En jouant avec des trucs de DeviceOrientation, je suis tombé sur cette page.

Lorsque vous secouez le navigateur, le site réagit ! Quelle API est utilisée ici où le mouvement du navigateur est détecté ? Je remarque que cela fonctionne dans les dernières versions de Safari, Firefox et Chrome.

Je ne vois aucune mention de cela dans la documentation de DeviceOrientation, ni sur three.js...

0
little tiny man 16 mars 2019 à 03:24

2 réponses

Meilleure réponse

Ils utilisent les propriétés window.screenX/screenY pour obtenir la position de la fenêtre du navigateur et window.innerWidth/innerHeight pour obtenir la taille de la fenêtre.

La propriété en lecture seule Window.screenX renvoie la distance horizontale, en pixels CSS, de la bordure gauche de la fenêtre du navigateur de l'utilisateur sur le côté gauche de l'écran.

La fonction ci-dessous est utilisée dans ce code :

function getBrowserDimensions() {

    var changed = false;

    if (stage[0] != window.screenX) {

        delta[0] = (window.screenX - stage[0]) * 50;
        stage[0] = window.screenX;
        changed = true;

    }

    if (stage[1] != window.screenY) {

        delta[1] = (window.screenY - stage[1]) * 50;
        stage[1] = window.screenY;
        changed = true;

    }

    if (stage[2] != window.innerWidth) {

        stage[2] = window.innerWidth;
        changed = true;

    }

    if (stage[3] != window.innerHeight) {

        stage[3] = window.innerHeight;
        changed = true;

    }

    return changed;

}
1
HankMoody 16 mars 2019 à 00:56

Utilisez la propriété screen.orientation. référence

0
Codesigner 16 mars 2019 à 04:15