Daniel Hruska Quand il sortira à l'automne iOS 7, nous aurons un tas de nouvelles fonctionnalités sur nos appareils Apple. En plus d'une apparence complètement repensée, parfois même controversée, Apple nous propose un tout nouveau paradigme de plaisir d'utilisation. Il semble qu'Apple veuille préparer son système mobile pour la prochaine décennie avec cette mesure drastique.
Parmi les nouveautés figure ce que l'on appelle l'effet parallaxe. Si je devais citer Wikipedia, la parallaxe (du grec παράλλαξις (parallaxe) signifiant « changement ») est l'angle sous-tendu par des lignes droites tirées de deux endroits différents dans l'espace jusqu'au point observé. La parallaxe est également appelée différence apparente dans la position d'un point par rapport à l'arrière-plan vu depuis deux endroits différents. Plus l’objet observé est éloigné des points d’observation, plus la parallaxe est faible. La plupart d’entre vous ont probablement la chair de poule au souvenir des pupitres d’école et des cours de physique ennuyeux.
En pratique, cela signifie simplement qu’avec un peu de programmation intelligente, l’affichage se transforme en quelque chose de plus. Du coup, il ne s'agit plus seulement d'une surface bidimensionnelle avec des matrices d'icônes et d'autres éléments de l'environnement utilisateur, mais d'un panneau de verre à travers lequel l'utilisateur peut voir le monde tridimensionnel tout en filmant l'appareil.
Perspective et parallaxe
Le principe de base pour créer un effet de parallaxe fonctionnel sur un affichage bidimensionnel est assez simple. Parce que la lumière traverse l’œil jusqu’à un seul point, le cerveau a dû apprendre à reconnaître la taille des objets par rapport à l’angle entre leurs bords. Le résultat est que les objets les plus proches semblent grands, tandis que les objets éloignés semblent petits.
Ce sont les bases de la perception de la perspective, dont je suis sûr que chacun d’entre vous a entendu parler à un moment donné. La parallaxe, dans ce contexte iOS, est le mouvement apparent entre ces objets lorsque vous vous déplacez autour d'eux. Par exemple, lorsque vous conduisez une voiture, les objets les plus proches (les arbres au bord de la route) se déplacent plus rapidement que les objets plus éloignés (les collines au loin), même s'ils sont tous immobiles. Tout change de place différemment à la même vitesse.
Avec plusieurs autres astuces de la physique, la perspective et la parallaxe jouent un rôle très important dans notre perception du monde qui nous entoure, nous permettant de trier et de comprendre les différentes sensations visuelles captées par nos yeux. De plus, les photographes ayant le sens de la perspective ils aiment jouer.
Des fusées aux téléphones
Sous iOS, l'effet de parallaxe est entièrement simulé par le système d'exploitation lui-même, avec l'aide d'une technologie initialement développée pour les lanceurs. À l’intérieur des derniers appareils iOS se trouvent des gyroscopes vibrants, des appareils plus petits qu’un cheveu humain qui oscillent à une fréquence donnée lorsqu’ils sont exposés à une charge électrique.
Dès que vous commencez à déplacer l'appareil le long de l'un des trois axes, l'ensemble du mécanisme commence à résister au changement d'orientation dû à la première loi de Newton, ou loi de l'inertie. Ce phénomène permet au matériel de mesurer la vitesse et la direction dans laquelle l'appareil tourne.
Ajoutez à cela un accéléromètre capable de détecter l'orientation de l'appareil, et nous obtenons une interaction idéale de capteurs pour détecter très précisément les données nécessaires pour créer l'effet de parallaxe. En les utilisant, iOS peut facilement calculer le mouvement relatif des couches individuelles de l'environnement utilisateur.
La parallaxe pour tous
Le problème de la parallaxe et de l’illusion de profondeur peut être résolu de manière simple grâce aux mathématiques. La seule chose que le logiciel doit savoir est d'organiser le contenu dans un ensemble de plans, puis de les déplacer en fonction de leur distance perçue par rapport aux yeux. Le résultat sera un rendu réaliste de la profondeur.
Si vous avez regardé WWDC 2013 ou Vidéo d'introduction à iOS 7, l'effet de parallaxe était clairement affiché sur l'écran d'icônes principal. Lorsque vous déplacez l'iPhone, ils semblent flotter au-dessus de l'arrière-plan, ce qui crée une impression artificielle d'espace. Un autre exemple est le mouvement subtil des onglets ouverts dans Safari.
Cependant, les détails exacts restent pour l’instant entourés de mystère. Une seule chose est claire : Apple a l’intention d’appliquer la parallaxe à l’ensemble du système. Après tout, c'est peut-être la raison pour laquelle iOS 7 ne sera pas pris en charge sur l'iPhone 3GS et l'iPad de première génération, car aucun des deux appareils ne possède de gyroscope. On peut s'attendre à ce qu'Apple publie une API permettant aux développeurs tiers de bénéficier également de la troisième dimension, le tout sans trop de consommation d'énergie.
Génie ou guirlande ?
Alors que la plupart des effets visuels d'iOS 7 peuvent être décrits de manière exhaustive par procuration, la parallaxe nécessite sa propre expérience. Vous pouvez regarder des dizaines de vidéos, officielles ou non, mais n'évaluez certainement pas l'effet de parallaxe sans l'essayer vous-même. Sinon, vous aurez l’impression qu’il ne s’agit là que d’un effet « œil ».
Mais une fois que vous aurez mis la main sur un appareil iOS 7, vous verrez une autre dimension derrière l'écran. C’est quelque chose de très difficile à décrire avec des mots. L’affichage n’est plus seulement une toile sur laquelle sont rendues des applications affichant des imitations de matériaux réels. Ceux-ci sont remplacés par des effets visuels qui seront à la fois synthétiques et réalistes.
Il est plus que probable qu'une fois que les développeurs commenceront à utiliser l'effet de parallaxe, les applications en seront submergées alors que tout le monde essaiera de trouver la bonne façon de l'utiliser. Cependant, la situation se stabilisera d’ici peu, tout comme avec les versions précédentes d’iOS. Cependant, dans le même temps, des applications complètement nouvelles verront le jour, dont nous ne pouvons que rêver aujourd'hui.
la question est, s'ils publient l'API pour les développeurs tiers, elle ne sera pas utilisée rapidement par la concurrence…. ?! Ce serait une honte! :(
Le fond d'écran animé Paralax est sorti pour Android quelques jours après l'introduction d'iOS7. Centre de contrôle après environ une semaine, je suppose.
Le fond d'écran Paralax Live est sorti bien avant iOS 7 :-) Quand j'avais un LG Optimus 3D, j'étais désolé qu'il n'utilise la 3D que dans certaines choses, alors j'ai mis un fond d'écran animé qui simulait un effet 3D :-) Sous le Parallax Barrier, il cache également la technologie dont disposaient LG Optimus 3D et HTC EVO 3D et maintenant même quelques nouveaux téléviseurs. Le fabricant original de cette technologie pour la 3D sans lunettes était BMW dans les ordinateurs de bord afin que le conducteur puisse regarder la navigation et le passager un film. Sinon, sous iOS 7, cet effet apparaît assez souvent - sur le bureau, dans Safari, sur le bureau verrouillé lors de l'utilisation de photos panoramiques, ainsi que lorsque le volume est réduit. Cela m'ennuie simplement qu'ils suppriment des fonctionnalités relativement intéressantes dans les versions bêta individuelles. Le clavier transparent dans les messages a disparu, la barre de notification transparente a disparu….
L'API pour les développeurs tiers n'a pas beaucoup d'effet à ce sujet. Les systèmes concurrents ne peuvent pas utiliser cette API, il ne reste donc plus qu'à procéder à une ingénierie inverse. Et cela n’a pas beaucoup de sens avec un effet aussi bien documenté*.
*Maintenant, je ne pense pas que vous trouverez le code exact sur iOS n'importe où, mais la parallaxe, comme la perspective, est un phénomène assez connu et étudié.
En tant que développeur lié par NDA, je ne peux pas dire qu'iOS 7 inclut l'API Motion Effects. Et je ne peux pas dire que je l'ai utilisé immédiatement après la sortie de la première version bêta et qu'il est génial.
:D
Quoi qu'il en soit, les développeurs ont toujours eu accès à l'accéléromètre et au gyroscope, c'est pourquoi ils sont là. L'avantage ici est qu'Apple... euh... peut simplement connecter les effets à chaque UIView, qui peut avoir n'importe quel paramètre (taille, position, etc.) variable en fonction de la rotation et du mouvement de l'appareil.
L'API complète de ces effets est sortie depuis longtemps... C'est ce que je dirais si je pouvais en parler :)
Je me souviens que dans certaines bêta d'iOS6, le curseur de volume changeait de reflets en fonction de l'inclinaison de l'appareil, et il n'y avait rien dans la version pointue.
J'ai iOS 7 bêta depuis quelques mois maintenant, mais si je me souviens bien, cet effet est normalement présent dans la version iOS 6.1 Sharp. Mais je me trompe peut-être, je ne peux vraiment le vérifier nulle part, j'ai iOS 7 partout.
Désolé d’écrire tout un article sur un contexte émouvant – étant donné que c’est la saison des concombres.
Il est plus évident qu'on ne sait pas de quoi il s'agit, qu'il ne s'agit pas d'un simple fond animé.
Bel article plein d'informations précises.
Excellent article. J'attendais depuis longtemps quelque chose sur la parallaxe quand Apple l'utilisait. Cela peut offrir de nombreuses nouvelles possibilités.
Bel article
Il est déjà magnifique d'après la vidéo et je ne peux pas imaginer à quel point ce sera incroyable quand je l'aurai sur mon iPhone. Splendeur!
Le fait est qu'Android l'a depuis longtemps, sous forme d'application, et cela ne dérange pas beaucoup.
Cela ne fonctionnera pas sur iPhone 4…
J'ai peur de ce que la lampe de poche en dira, c'est une belle partie de calculs supplémentaires.
Qu'est-ce qui peut être ennuyeux en cours de physique ?
Après tout, la physique est l'une des sciences les plus intéressantes !!!
L'article est très intéressant, mais certaines choses ne sont pas expliquées avec précision. Tout d'abord, la parallaxe est plutôt l'angle entre les segments de droite reliant deux points d'observation différents et l'objet, qui est toujours inférieur à l'angle droit (Wiki est plutôt imprécis sur ce point - il est difficile de préciser quel est l'angle pour l'objet). angle de deux droites). Et puis la loi de Newton : si on commence à déplacer le téléphone, on lui donne une accélération. Cependant, la loi de l’inertie ne traite pas du tout de l’accélération. Le principe sur lequel repose cette fonction provient plutôt des propriétés des référentiels non inertiels, que Newton a également traité, mais pas dans le cadre de sa première loi du mouvement.
« Et puis la loi de Newton : si on commence à déplacer le téléphone, on lui donne une accélération. Cependant, la loi de l’inertie ne traite pas du tout de l’accélération. »
Je ne comprends pas comment cette argumentation prouve que ce n'est pas une loi d'inertie.
Pour autant que je me souvienne, le gyroscope fonctionne sur le principe de la modification du moment de l'élan, qui génère la force. Et cela dépend du moment d'inertie. Donc, à mon avis, c'est à la fois la loi de l'inertie et la loi de la force pour un système rotatif.
Ne confondez pas l'accéléromètre et le gyroscope. L'accéléromètre enregistre l'accélération de l'objet due à l'inertie. Le gyroscope est un volant situé dans un rotor à trois axes, grâce auquel ce volant ne change pas de position par rapport au sol lors d'une rotation de l'ensemble de l'appareil.
En fin de compte, l'accéléromètre perçoit le mouvement, tandis que le gyroscope perçoit la position (rotation). ;)
Merci pour l'avertissement, mais je ne confond vraiment pas les deux. La parallaxe n'a rien à voir avec l'accéléromètre, elle contrôle le gyroscope.
Le gyroscope que vous décrivez n'est en fait pas présent dans l'iPhone. Il y a une grille mécanique qui se déforme avec la rotation, donc rien n'y tourne tout seul (c'est ainsi que fonctionne un gyroscope classique, décrit par exemple sur Wikipédia).
Cependant, cette déformation est en réalité causée par l'inertie de rotation, donc... d'une manière ou d'une autre, je ne comprends pas d'où vous vient l'idée que vous confondez l'accéléromètre avec le gyroscope (il n'y a aucune mention de l'accéléromètre).
Je ne dis pas que la parallaxe a quelque chose à voir avec l'accéléromètre ;). Le gyroscope ne fonctionne pas sur le principe du changement de quantité de mouvement – cela signifierait qu'il ne réagit qu'à l'accélération (p=m*v). Un changement de quantité de mouvement signifierait donc (en supposant une masse constante) un changement de vitesse – accélération. Cependant, le gyroscope réagit également à un changement de position lors d'un mouvement rectiligne uniforme. Cependant, l'inertie est appliquée au corps du volant (qu'il soit représenté par une roue lourde classique ou une grille).
Sinon, bien sûr, je suis d'accord avec vous que la déclaration de Martin Hájek sur la première loi du mouvement est en quelque sorte inefficace. Bien que l'ampleur de l'accélération n'apparaisse pas directement dans cette loi, elle répond essentiellement à la question : pourquoi l'accélération est-elle détectable même dans le référentiel inertiel...
En conclusion, je voudrais souligner que la physique est belle et je ne m'en suis jamais lassé :D
"Néanmoins, le gyroscope réagit également à un changement de position lors d'un mouvement rectiligne uniforme."
Je ne comprends pas du tout :) Comment quelque chose peut-il réagir au mouvement avec l'Eq. mouvement primaire ? Cela ne contredirait-il pas l'égalité de tous les référentiels inertiels ?
Mais il est déjà minuit passé :D Alors peut-être n'y pense plus.
Sauf que si c'est n'importe où dans iOS 7, c'est uniquement sur l'écran de démarrage. Je ne l'ai pas vraiment remarqué ailleurs. Donc je ne le verrais pas noir avec la consommation de la batterie. Après tout, l'endurance d'iOS 7 par rapport à iOS 6 est presque la même, voire meilleure (bêta5)
Puis, par exemple, dans les onglets Safari.
même sur l'écran de verrouillage, le fond d'écran animé se déplace en utilisant cette "technologie" ou peu importe comment vous l'appelez
Excellent article!
L'application aéro est désormais gratuite
Contient l'effet mentionné ci-dessus :)