Le catalogue complet — 76 démos en direct

Où cela fonctionne bien : titres de hero, slogans de campagne.

Où cela fonctionne bien : histoire de marque, récit de production, études de cas.

Où cela fonctionne bien : accent sur la technologie et l'innovation, titres de section.

Où cela fonctionne bien : textes manifestes, propositions de valeur.

Essayez en faisant défiler — les couches filent à des vitesses différentes. Où : titres de série et de collection.

Passez dessus — cela accélère. Où : bandeaux d'annonce, campagnes.

Un grain produit en direct fait paraître les aplats "sortis de l'imprimerie". Où : marques premium et rétro.

À quoi cela sert : des données DÉCORATIVES qui font sentir la page comme un appareil vivant ou un laboratoire. Mammut l'a fait avec le GPS et le pouls d'un alpiniste — le lecteur se croyait en montagne. Nous le faisons avec la température de la cuve : le visiteur se croit à l'atelier. Une partie des chiffres est réelle (l'heure, votre défilement, votre curseur), une partie est de l'atmosphère. Où : pages construites autour de la production ou du laboratoire.

Où : blocs de statistiques, "nous en chiffres".

Passez dessus — les lettres font la culbute une à une. Où : menus, liens importants.

Passez dessus. Où : grilles de produits et de collections — cela devrait être le standard de toute boutique.

Faites défiler — les lignes filent en sens opposés et s'inclinent avec la vitesse du défilement. Où : séparateurs de section, manifestes.

Où : pages 404, marques pour enfants et loisirs, sections "terrain de jeu".

Attrapez et faites glisser. Où : espaces de jeu moodboard et nuancier, pages de lancement.

Où : ouvertures de section, moments d'accent émotionnel.

La même animation, deux rythmes. Celle qui avance par paliers semble "dessinée à la main" — c'était le secret du Site de l'année 2021.

Où : moments de changement de couleur ou de série, transitions de thème.

Présente un contenu technique avec l'élégance d'une carte de bar. Où : contenus produit et détails de caractéristiques.

Remplir un formulaire n'est plus une corvée mais une phrase à construire. Où : pages de contact et de candidature.

Passez dessus — cela accélère. Où : badges d'angle, zones de "sceau d'approbation".

Où : expériences premium et immersives. Utilisé avec mesure, cela rend un site "touchable".

Un seul modèle 3D, une infinité de couleurs. Pensez à ce que cela signifie dans un catalogue de 234 couleurs. Où : les héros de fiche produit.

L'inscription est tordue comme une texture sur la carte graphique. Où : sections manifeste, slogans de marque.

Les gouttes fusionnent comme un vrai liquide dès qu'elles se touchent — le tout en mathématiques. Où : ouvertures premium à la manière de FarbeLab.

Défilement = pellicule. La scène se colle à l'écran et la caméra avance à mesure que vous progressez. Où : récits de parcours de marque.

Une carte de vent invisible entraîne les particules ; leurs traces deviennent de la peinture. Où : fonds vivants, pages 404.

Une sphère de verre où flottent des gouttes colorées et qui réfracte réellement la lumière. Où : présentations de produits premium (FarbeLab).

Un organisme 3D dont la surface ondule sans cesse et qui change de forme au toucher. Où : l'objet central d'un hero, une mascotte.

Une vraie simulation de tissu à 442 points : gravité, vent et toucher. Où : scènes d'étiquette et de drapeau, lancements.

Deux images s'écoulent l'une dans l'autre par une carte de bruit. Où : survols de galerie, transitions de collection.

Pas une imitation mais de la physique : les équations des fluides sont résolues à chaque image (diffusion, pression, vorticité). Où : ouvertures de hero — c'est notre signature.

La position des particules est stockée dans une texture et mise à jour sur la carte graphique. E23 en avait 9 000 — ici il y en a 262 144.

Un rayon lumineux est suivi pour chaque pixel : réflexion, réfraction, ombre douce. Où : scènes de produits premium.

Bloom, dérive chromatique de l'objectif, vignettage, grain de pellicule. Cette couche fait monter d'un cran chaque scène du catalogue.

Deux scènes 3D distinctes, l'une dans l'autre. E27 en était une imitation ; ceci est la vraie (stencil buffer).

Une photo + une carte de profondeur = l'illusion de la 3D. Où : photos d'atelier, prises de vue produit.

72 images préparées à l'avance et liées au défilement — comme une vidéo, mais le contrôle reste entièrement chez vous.

Demande l'autorisation du micro, rien n'est enregistré. Où : écrans de stand de salon, murs d'événement.

L'inscription se change en milliers de cubes emportés par la physique, puis se rassemble. Où : moments de lancement, 404.

Dix mille copies du même objet dessinées d'un seul coup. Où : récits de capacité et d'échelle, sensation d'usine géante.

Pas une surface mais un volume : le rayon récolte la lumière pas à pas en traversant le nuage. La technique la plus coûteuse et la plus cinématographique.

Vraies mathématiques de l'ebru : chaque goutte repousse en anneaux tout le motif situé dessous ; le peigne balaie selon une onde sinusoïdale. Personne d'autre au monde ne l'a — un effet signature issu de notre propre culture.

La physique des couleurs d'une bulle de savon (interférence en couche mince). L'équivalent numérique de la peinture nacrée de Metakrlyic.

Texture de journal et de sérigraphie. Où : marques à l'esprit rétro-imprimé, pages affiche.

Une texture de peinture sèche et de vieillissement produite par cellules de Voronoï. Où : séries vintage, récits de restauration.

Un écoulement doux, à faible contraste. Où : sections de texte long, pages de contact, sous le hero.

Deux substances chimiques qui se diffusent et réagissent (Gray-Scott). Rayures de zèbre, corail, tache de peinture — tout sort de la même équation.

À l'écran bleu + jaune = gris. Sur la palette bleu + jaune = vert. La différence vient de l'absorption et de la diffusion de la lumière à l'intérieur du grain de pigment ; l'industrie de la peinture calcule cela depuis 1931 avec l'équation de Kubelka-Munk. Cette équation tourne dans la moitié droite. Pour une marque de peinture, il n'existe pas d'effet signature plus juste que celui-ci.

La signature de l'aquarelle, le anneau sombre au bord n'est pas dessiné ici — il se forme tout seul parce que l'eau s'évapore et que le pigment est entraîné vers le bord, où il s'accroche. La texture du papier est aussi prise en compte : le pigment s'accumule dans les creux (granulation).

Un rayon est lancé depuis chaque pixel dans la scène, et les rayons rebondissent sur les surfaces pour tenter d'atteindre la lumière. La sphère blanche à côté du mur rouge tire de lui-même vers le rouge — cela n'a pas été peint, c'est arrivé parce que la lumière a réellement rebondi là. La version navigateur de la méthode utilisée dans les effets de cinéma.

Une trace de pinceau n'est pas un "tampon". Chacune des 420 soies se comporte comme un ressort : on appuie, elle s'étale ; on tourne, elle reste en arrière ; on lève, elle se rassemble. La trace naît là où les soies touchent le papier — c'est pourquoi aucun geste ne ressemble à un autre.

Ce filet lumineux tremblant qu'un bocal d'eau projette au sol. La lumière se réfracte à la surface du liquide et se rassemble en certains points ; la brillance naît de cette concentration. La pente de la surface est calculée pour chaque image.

à la simulation de fluide obstacle ont été définis : les lettres. La peinture les heurte, contourne leurs bords et laisse des tourbillons derrière elles. Le nom de votre marque n'est pas le décor de la scène mais une part de la physique.

Deux peintures à la lumière du jour exactement identiques (ΔE = 0,0). Sous l'ampoule elles se séparent, et sous le néon la différence ΔE = 19— autrement dit, évident. Le secteur a un nom pour cela : écart métamérique — la raison de la plainte "ça allait en boutique, pas à la maison". On utilise ici de vraies fonctions colorimétriques CIE et de vrais spectres de sources lumineuses ; les courbes de réflectance de deux pigments sont résolues de sorte que soient produits.

Ici la peinture n'est pas une couleur mais volume. Chaque geste laisse une hauteur ; la lumière se réfracte selon la pente de cette surface, et une crête se forme au bord du couteau. Le relief d'un tableau à l'huile, celui qu'on voit quand on regarde de côté.

Pas sur une grille, mais 780 particules distinctes fluide résolu dessus. Chaque particule mesure la densité de ses voisines et pousse ou attire ; la tension superficielle naît de là. Les gouttes fusionnent et se rompent réellement — elles ne sont pas dessinées.

Les mathématiques communes au givre sur une vitre, à un cristal de cuivre et à la foudre. Des particules errant au hasard se figent au premier point où elles touchent l'amas — d'où des pointes qui poussent et un intérieur affamé. Personne ne dessine le motif, il apparaît de lui-même.

Le rayon entre dans le verre et ressort par la face arrière — et chaque couleur sous un autre angle est réfractée. C'est de là que vient la frange arc-en-ciel sur les bords ; le même phénomène que le prisme qui décompose la lumière. La forme de la bouteille est elle aussi définie comme une seule surface mathématique, sans fichier de modèle.

Donnez une couleur, et avec quels pigments en quelle proportion doit être mélangé. Ce que vous voyez à l'écran est exactement le travail du colorimètre d'un laboratoire de peinture : Kubelka-Munk calcule la couleur du mélange, et les proportions sont corrigées pas à pas jusqu'à ce que ΔE diminue. Les chiffres défilent en direct — la solution se trouve à l'instant, elle n'est pas lue dans une table toute faite.

La méthode de l'industrie de la peinture pour mesurer l'opacité : on tire sur une carte noir et blanc un film d'épaisseur croissante, et on regarde le rapport des valeurs lues sur le fond noir et sur le fond blanc. L'épaisseur à laquelle le rapport de contraste dépasse 98 % est le point de "pouvoir masquant total". Ici cette équation (Kubelka-Munk sur fond) est résolue pixel par pixel.

Toutes les couleurs que l'œil humain peut voir tiennent dans cette zone en fer à cheval. Le triangle, c'est la part que votre écran sait montrer. Toute couleur hors du triangle ment sur votre écran — certains pigments réels se trouvent exactement là. La façon la plus honnête de dire à un client "la couleur que vous voyez à l'écran n'est pas la chose elle-même".

"En séchant, la couleur s'est éclaircie" est la plainte la plus fréquente, et ce n'est pas un défaut de la peinture : tant qu'elle est humide, l'eau et le médium remplissent l'espace entre les grains de pigment, la lumière se diffuse moins, et la couleur sombre et saturée apparaît. L'eau partie, l'air prend sa place, la diffusion augmente, et la couleur s'éclaircit et devient mate. Ici le coefficient de diffusion croît avec le temps, le reste est l'affaire de l'équation.

Un tissage n'est pas un motif mais une une instruction: quel fil de chaîne passe au-dessus de quelle trame. De vrais rapports d'armure tournent ici — toile, sergé, satin, chevron. Changez le rapport et le tissu change ; changez les couleurs des fils et le motif change. C'est exactement le cœur des logiciels de CAO textile.

Les ombres n'ont pas été posées "pour faire joli" : pour la latitude, jour et heure on calcule la hauteur et l'azimut du soleil et on y place la lumière. Exactement le calcul que font les agences d'architecture pour les études d'ombre portée et d'ensoleillement sur la parcelle voisine.

Où que porte la charge, l'effort dans chaque barre résolu à l'instant: le rouge est la traction, le bleu la compression, l'épaisseur la grandeur de l'effort. Derrière, une vraie matrice de rigidité est assemblée et le système d'équations résolu — application directe d'un cours de statique. Le trait transparent montre la déformation, exagérée.

Ce n'est pas une animation : un petit réseau de neurones artificiels est en train d'être entraîné dans votre navigateur. La zone colorée est la décision du modèle ; la rétropropagation tourne à chaque image, l'erreur baisse, et la frontière se courbe jusqu'à apprendre à séparer les deux nuages. Le chemin le plus court, pour une marque de logiciel ou de technologie, pour dire "nous faisons vraiment ce métier".

Des centaines de corps épars dans le vide, depuis un seul point de vue s'alignent et forment l'inscription. L'anamorphose découverte à la Renaissance ; chaque objet a été placé à une profondeur différente le long du rayon passant par cette unique caméra. Taillé pour l'art, la galerie et les lieux d'expérience.

60 arrêts, un véhicule, la tournée la plus courte. Il y a bien trop de possibilités pour qu'un ordinateur les essaie par force brute (pour 60 arrêts, plus que le nombre d'atomes dans l'univers), c'est pourquoi amélioration en cours: on cherche deux segments qui se croisent et on les inverse, et la tournée raccourcit encore et encore. La facture de carburant de toute entreprise qui livre tient dans ce calcul.

La roue de l'année : la fenêtre de récolte de chaque produit, à l'extérieur la vraie courbe de durée du jour avec elle. La durée du jour est calculée d'après la latitude — pas une vague décorative, mais le calendrier même de l'agriculture. Il répond d'un coup d'œil à la question "qu'est-ce qui est frais en ce moment ?".

En science alimentaire, la La règle Q10: 10 °C de plus multiplient la vitesse d'altération. Cette équation tourne ici — changez la température et voyez la durée de conservation fondre. En dessous se trouve le calcul de "ce qui est perdu si la chaîne du froid est rompue une journée". La façon la plus convaincante d'expliquer les conditions de conservation à un client.

Huile d'olive, miel, mélasse de raisin — chacun coule différemment et le client veut le voir en vidéo. Le moment où la goutte se détache par la loi de Tate est calculé : la goutte se détache à l'instant où son poids l'emporte sur la tension superficielle. Un liquide visqueux laisse un fil derrière lui, un liquide aqueux non.

Utilisé pour l'huile d'olive, le café, le miel et le vin panel sensoriel affiché. Lorsque les profils de deux produits se superposent, on voit où ils coïncident et où ils divergent. Montrer au lieu de dire "le nôtre est plus fruité" — c'est la seule chose qui explique l'écart de prix.

Le veinage n'est pas un fichier de texture, la géométrie de la grume. Ici les cernes annuels sont définis en trois dimensions et coupés par le plan de débit de la planche : débité sur quartier on obtient des lignes droites, débité sur dosse des arcs de cathédrale — la vraie différence que tout menuisier connaît. Changez l'essence et l'écart des cernes, la couleur et la texture des pores changent avec elle.

Le même bois, trois vernis différents. La différence n'est pas dans la couleur dans la répartition du reflet: une surface mate diffuse largement la lumière, une surface brillante la rassemble étroitement et nettement. Le client ne peut répondre à la question "mat ou brillant" qu'en les voyant côte à côte.

La phrase qu'on entend le plus dans le e-commerce du mobilier : "je n'avais pas compris la taille". Montrer le produit Dans la même scène qu'une personne d'1,75 m et le montrer dans la bonne perspective met fin à ce problème. Il rapetisse en s'éloignant, et les mesures s'écrivent en direct.

Sur le meuble en carton, l'essentiel de la charge de retours et de support vient du montage. Montrer comment les pièces s'assemblent en trois dimensions et pas à pas touche directement la confiance avant l'achat et le support après. Exactement la même chose s'utilise dans la machine et la pièce détachée.