Craft et technique
Comment adapter la qualité des effets à la puissance de l’appareil du visiteur ?
La qualité adaptative consiste à prévoir plusieurs niveaux de réalisation d’une scène, tous cohérents avec son intention artistique. Le site peut ajuster certains détails lorsque les conditions l’exigent, tout en conservant les informations, les commandes et les signes distinctifs. Il ne s’agit pas simplement de désactiver toute la création sur mobile.
L'essentiel.
Adapter les effets consiste à proposer plusieurs réalisations d’une même intention visuelle. Le choix doit tenir compte du comportement observé, des préférences et des capacités utiles, sans assimiler la taille de l’écran à la puissance de l’appareil.
- Concevoir chaque niveau de qualité comme une version intentionnelle et validée.
- Adapter d’abord les coûts secondaires avant de toucher aux informations ou à la structure.
- Éviter les changements permanents de qualité qui deviennent visibles et perturbants.
- Prévoir un niveau stable de référence et une solution de repli si la scène ne fonctionne pas.
La taille de l’écran ne décrit pas à elle seule la capacité d’un appareil. Sa charge, sa résolution et le contexte de visite peuvent changer. Une stratégie robuste combine donc des limites prudentes, une observation du comportement et, lorsque cela aide, un choix explicite laissé au visiteur.
Séparer l’identité des paramètres ajustables
Listez les éléments qui font reconnaître la scène : silhouette, composition, couleur dominante, relation entre les objets et geste principal. Ils constituent le socle à préserver. D’autres paramètres peuvent varier : finesse des ombres, quantité de particules ou résolution de certains rendus.
La documentation de bonnes pratiques WebGL de MDN présente notamment la réduction de la résolution du tampon de rendu comme un compromis entre qualité et coût. Cette piste doit être jugée visuellement : elle peut convenir à un fond abstrait et dégrader une petite gravure que l’on doit lire.
Le guide responsive de Three.js distingue la taille affichée du canvas et sa résolution de dessin. Cette distinction permet de comprendre pourquoi une scène peut devenir coûteuse sur un écran dense, même lorsque son espace visible semble limité.
Préparer des niveaux réellement différents
Des niveaux définis uniquement par des chiffres techniques sont difficiles à discuter avec le client. Décrivez plutôt ce qu’ils changent et ce qu’ils conservent. Les noms ci-dessous constituent un exemple de méthode, pas une classification officielle.
| Niveau de projet | Ce qui reste constant | Ce qui peut varier |
|---|---|---|
| Essentiel | Sujet, composition et commandes | Détails secondaires limités |
| Équilibré | Même lecture et même parcours | Matières et effets intermédiaires |
| Détaillé | Même fonction et mêmes informations | Finition graphique plus riche |
Chaque niveau doit être validé séparément. Une version essentielle n’est pas une scène inachevée : son éclairage, son cadrage et ses matières peuvent être recomposés pour former un ensemble abouti.
Préparez aussi le passage d’un niveau à l’autre. Modifier un effet discret à un moment stable est souvent préférable à une transformation brusque pendant que la personne examine un détail. La continuité du sens doit guider cette transition.
Exemple pédagogique : une sculpture numérique de marque
Imaginons une identité fictive construite autour d’une sculpture qui se déforme lentement. Sa signature repose sur sa silhouette et sur un contraste de matière. Les reflets secondaires et les particules environnantes enrichissent la scène, mais ne portent pas son sens principal.
Le niveau essentiel conserve la sculpture, la lumière principale et les commandes. Le niveau détaillé ajoute des éléments de finition. Le prototype vérifie que la première version reste reconnaissable et intéressante, au lieu de ressembler à un aperçu technique dégradé.
Une identité, plusieurs richesses
- Socle constantSilhouette, composition, lumière principale et commandes restent lisibles.
- Niveau essentielLe rendu est recomposé avec les détails nécessaires au concept.
- Niveau détailléReflets et effets secondaires ajoutent de la richesse sans changer la fonction.
- Passage maîtriséLe niveau change à un moment stable en conservant les choix du visiteur.
Lorsqu’une baisse de qualité est nécessaire, le système attend un moment approprié et conserve les choix du visiteur. L’exemple ne fixe pas un seuil universel : les conditions de changement sont déterminées par les tests de cette scène et documentées pour l’équipe de développement.
Mesurer avec prudence et éviter l’oscillation
Une mesure ponctuelle peut refléter une activité temporaire. Changer de niveau à chaque ralentissement risque de produire une scène qui passe sans cesse d’un rendu à l’autre. Prévoir une période d’observation, une stabilité minimale et des critères différents pour descendre ou remonter permet de limiter cette oscillation.
Ces paramètres constituent des choix d’ingénierie propres au projet. Ils doivent être évalués sur les appareils visés, sans transformer un indicateur approximatif en classement définitif de la personne ou de son équipement.
Une commande de qualité peut compléter l’automatisation. Elle doit employer des termes compréhensibles et préciser son effet. Un visiteur peut préférer une version légère même sur un appareil capable d’afficher davantage de détails. La préférence de réduction des mouvements reste un sujet distinct : une scène fluide peut encore comporter un mouvement que la personne ne souhaite pas voir.
La recette teste le démarrage, l’adaptation, la reprise après interruption et la conservation des choix. Elle vérifie enfin qu’une incapacité à afficher la scène conduit à une alternative utile, plutôt qu’à des tentatives répétées qui empêchent de consulter la page.
Questions fréquentes
Faut-il détecter le modèle exact de l’appareil ?
Ce n’est généralement pas le meilleur point de départ. Des capacités observables et le comportement de la scène répondent plus directement au besoin. Une liste de modèles devient difficile à maintenir et ne décrit pas toutes les conditions d’utilisation. La stratégie doit rester explicite et proportionnée au projet.
Peut-on réduire uniquement la résolution ?
Cela peut aider, mais ne règle pas tous les coûts. Une scène peut être limitée par d’autres travaux ou contenir des détails qui supportent mal la baisse de résolution. Il faut comparer plusieurs paramètres et préserver ceux qui portent l’identité ou une information importante.
Faut-il prévenir le visiteur à chaque changement ?
Pas nécessairement si l’adaptation est discrète et ne change ni le contenu ni ses choix. Une information devient utile lorsque le mode affecte sensiblement l’expérience ou qu’une commande lui permet de le modifier. L’objectif est de donner du contrôle sans transformer la visite en tableau de réglages techniques.
Sources
LVX : définir une qualité qui reste cohérente à plusieurs niveaux
LVX peut concevoir plusieurs expressions d’une même scène dès la direction artistique, puis préciser avec le développement les paramètres qui peuvent varier. Les versions sont comparées sur leur caractère visuel et sur leur comportement réel. Cette démarche évite de découvrir en fin de projet qu’une simplification détruit le concept. Elle donne aussi un cadre à l’adaptation : préserver le sens, les repères et les actions, puis ajuster la richesse du rendu selon des conditions documentées. Les niveaux essentiels sont validés visuellement avant d’être automatisés. Découvrir notre approche.
