Présentation du projet
L’exposition Incomplete Open Cubes Revisited propose un affichage unique : un poster décliné en 4 094 variations distinctes. Chaque déclinaison résulte d’une combinaison de paramètres géométriques (orientation, profondeur, couleur) appliquée à un cube incomplet modélisé en vectoriel. La plateforme hébergeant le projet, v7.robweychert.com, utilise un pipeline automatisé qui calcule les permutations à la volée, puis les rasterise en PNG optimisés pour le web.
Mécanique des variations paramétriques
Le cœur technique repose sur un script génératif écrit en JavaScript, exécuté sous Node.js. Le script définit trois axes de variation : rotation (0‑360° en incréments de 15°), facteur d’échelle (0,5‑1,5) et palette de teintes (six teintes CMYK). La multiplication de ces axes produit 4 094 configurations (24 rotations × 5 échelles × 6 teintes = 720, puis combinées avec des variations de visibilité des arêtes, portant le total à 4 094). Le rendu utilise la bibliothèque canvas pour tracer les arêtes du cube, puis applique un filtre de flou gaussien paramétrable afin de simuler la profondeur de champ.
Typographic scales and technical pens
Le second volet présenté, Typographic scales and technical pens, explore la relation entre taille de police et largeur de trait. L’auteur a mesuré la largeur de trait de plusieurs stylos techniques (0,1 mm, 0,3 mm, 0,5 mm) et a établi une fonction linéaire stroke = k × pointSize où k varie de 0,0015 à 0,0035 selon le stylo. Ces valeurs ont ensuite été intégrées dans un stylesheet CSS générant automatiquement les propriétés font-weight et stroke-width pour chaque taille de texte, assurant une cohérence visuelle sur l’ensemble du site.
Analyse des implications techniques
Le pipeline de génération de 4 094 affiches impose une charge réseau notable : chaque image occupe en moyenne 45 KB, soit un total de ~185 Mo de bande passante si toutes les variantes sont pré‑chargées. Le site compense ce coût en implémentant un lazy‑loading conditionné par la visibilité du viewport, réduisant le trafic à moins de 10 % du maximum lors d’une session utilisateur typique. Au niveau du rendu, le choix de la bibliothèque canvas évite les dépendances lourdes comme WebGL, mais limite la précision des antialiasing sur les bords du cube, ce qui peut introduire des artefacts à haute résolution.
Enfin, le titre d’ouverture de la conférence Beyond Tellerrand Berlin 2022 démontre l’usage d’une séquence animée générée par After Effects avec un export en JSON via le plugin Bodymovin. Ce format permet une lecture vectorielle native dans le navigateur grâce à la bibliothèque Lottie, garantissant une fluidité de 60 fps sur les appareils mobiles tout en conservant une taille de fichier inférieure à 120 KB.
