Un colosse invisible sur fond noir
Quand vous ouvriez le store, Koloss Adventure se présentait comme une tache sombre : un robot de métal aux contours flous, posé sur un rectangle presque noir. À l’écran, impossible de distinguer la visière de la couronne, les spallières des bras. Le colosse, censé incarner la puissance et la précision du jeu, disparaissait dans son propre fond.
Le problème n’était pas la couleur du ciel. Trois versions différentes — un dégradé bleu nuit, un orage violet, un ciel étoilé — donnaient exactement le même résultat : un carré #0f1421, uniforme et terne. Le coupable se cachait dans les réglages de la caméra : un brouillard trop dense, réglé à 0,020 de densité, noyait tout à 17 mètres de distance. Le colosse, filmé de trop près, baignait dans une brume qui avalait les détails et aplatissait les couleurs. Peu importait le ciel choisi, il était invisible.
La solution tenait en un chiffre : 0,006. En réduisant la densité du brouillard, le ciel a enfin repris sa place, révélant un dégradé qui donnait du relief à l’image. Le colosse n’était plus une silhouette perdue dans le noir, mais une machine imposante, éclairée par une lueur lointaine.
Le bleu qui ne se fondait pas
Une fois le ciel visible, restait à choisir sa teinte. Trop clair, et le colosse se noyait dans le fond ; trop sombre, et l’icône redevenait une masse grise. J’ai mesuré le contraste entre le sujet et le ciel pour chaque essai : 1,98 pour un bleu pâle (le robot disparaissait), 3,46 pour un bleu nuit (trop proche du noir), et 2,57 pour le compromis retenu. L’ancienne version affichait 3,07, un bon ratio sur le papier, mais qui ne fonctionnait pas à l’écran — parce que du sombre sur du sombre reste sombre, même avec une différence mathématique.
Le bleu final n’est pas spectaculaire. Il ne crie pas « Cliquez ici ! », mais il remplit son rôle : détacher le colosse sans le dominer, donner une ambiance d’orage lointain sans voler la vedette. Et surtout, il se lit en petit, là où ça compte.
Pourquoi la vignette a dicté chaque choix
Une icône se juge d’abord à 60 pixels de large. À cette taille, les détails disparaissent, et seule la silhouette compte. Or, dans les premières versions, le colosse touchait les quatre bords du carré. Résultat : une forme coupée, illisible, qui ressemblait à un empilement de rectangles plutôt qu’à un robot. Pour que l’icône fonctionne en petit, il fallait reculer la caméra jusqu’à ce que le contour du colosse soit entièrement visible.
Le cadrage retenu place le sujet à 54 % de la largeur et 74 % de la hauteur, avec des marges latérales équilibrées. Mais le vrai défi était l’angle : de face, le heaume s’aplatissait ; de profil, la visière disparaissait. L’angle à 215° a résolu les deux problèmes : la visière et la couronne se détachent entre les spallières, et la symétrie des épaules guide l’œil vers le centre. En vignette, cette composition fait enfin lire « machine » au premier coup d’œil.
Pour valider chaque essai, j’ai généré des planches de comparaison : chaque version en 256 pixels, puis en 64 pixels. La moitié des cadrages convaincants en grand devenaient illisibles en petit. Sans cette comparaison systématique, impossible de deviner quels détails survivraient à la réduction.
Les spallières, ces ennemies invisibles
Un détail technique a failli tout gâcher : les spallières du colosse sont solidaires du torse, pas des bras. En gros plan, elles montent jusqu’à la hauteur de la tête et sont plus larges qu’elle. Aucun cadrage ne permettait de les écarter sans couper le heaume. J’ai tenté de les retirer, mais le résultat était pire : une boîte (la tête) posée sur une autre boîte (le torse), sans aucun détail pour suggérer un robot.
La solution aurait été de redessiner le heaume pour une vue rapprochée, mais cela aurait signifié modifier le modèle 3D du colosse lui-même — un travail disproportionné pour une icône. Finalement, les spallières sont restées, et c’est leur position symétrique qui a guidé le choix de l’angle à 215° : elles encadrent la tête sans la masquer, et leur forme arrondie contraste avec la visière rectiligne.
Ce que l’icône ne montre pas
J’ai essayé d’autres pistes, toutes abandonnées. Par exemple, figer une pose de frappe : le colosse se penche en avant, et son bras cache une partie de la tête. Ces poses sont conçues pour la vue de dos du jeu, pas pour un portrait de face. En icône, elles donnaient une silhouette déséquilibrée, comme si la machine était en train de tomber.
Autre essai : un ciel plus dramatique, avec des éclairs. Mais en petit, les détails du ciel disparaissaient, et il ne restait qu’un fond uniforme. Le dégradé retenu, lui, reste lisible même à 64 pixels, et donne une impression de profondeur sans distraire.
Aujourd’hui, l’icône montre enfin ce qu’elle devait montrer : un colosse de métal, prêt à avancer sans fin, sous un ciel d’orage. Le plus ironique ? Le changement le plus visible pour les joueurs — cette lumière qui a tout transformé — venait d’un réglage technique invisible dans le code. Un chiffre, 0,006, qui a suffi à faire passer l’icône de l’ombre à la lumière.
