N'importe quelle agence sait écrire un deck. Dix slides de stratégie, un moodboard, une mécanique décrite en un paragraphe soigneux, et une ligne budgétaire vers la fin : assets 3D : à définir.
Nous avons arrêté de faire ça.
Quand Code Crush répond à un brief, le livrable est un lien. Vous l'ouvrez sur votre téléphone en réunion et la chose bouge : un jeu que vous pouvez vraiment perdre, une roue qui tourne pour de vrai, une mascotte que vous faites pivoter au pouce. La stratégie est toujours là — simplement sous quelque chose sur quoi appuyer.
Voici la version honnête de la fabrication. Ce que contient une proposition de campagne, comment nous modélisons et riggons la 3D qui la porte, où sont les parties difficiles, et ce que nous refusons de promettre.
Pourquoi la plupart des propositions meurent dans la salle
Un deck demande au client de faire l'effort d'imaginer. Il décrit une sensation — « ludique », « immersif », « snackable » — puis demande à un directeur marketing de signer un budget face à sa propre image mentale. Deux choses dérapent.
L'image dans la salle n'est pas la même image. Tout le monde hoche la tête sur « roue 3D à gagner », et quatre semaines plus tard l'équipe de marque découvre l'éclairage, le poids de la roue, la façon dont le pointeur s'arrête. Personne n'a menti. Personne n'a jamais regardé la même chose.
Le deck cache le risque. Les slides sont sans frottement. Elles ne révèlent jamais que la mécanique repose sur une plateforme fermée l'an dernier, que le modèle 3D ne chargera pas sur un Android milieu de gamme dans le navigateur intégré de TikTok, ou que la logique de récompense n'est pas auditable. Ces découvertes arrivent après le bon de commande.
Une proposition jouable supprime les deux problèmes dès le premier jour. Si ça tourne, ça tourne. Sinon, vous l'avez su avant que l'argent bouge.
Ce que contient une proposition Code Crush
Chaque proposition est construite à partir des cinq mêmes pièces. L'équilibre change avec le brief ; la forme, non.
La dernière nous coûte parfois un pitch. Elle ne nous a jamais coûté un client après signature, et c'est l'échange que nous préférons.
Le process, étape par étape
Quand le brief demande une plateforme qui n'existe plus
L'exemple le plus clair de l'utilité de l'étape deux vient de Decathlon Vietnam, qui demandait un jeu-filtre viral à face tracking sur TikTok et Instagram.
Nous ne pouvions pas livrer ce brief tel quel — et personne d'autre non plus. Meta a fermé Spark AR, sa plateforme de filtres AR tiers, le 14 janvier 2025 : les filtres Meta personnalisés ne sont plus publiables. Effect House de TikTok existe encore, mais c'est un éditeur fermé : vos récompenses, votre CRM et vos contrôles anti-fraude doivent vivre dans le bac à sable de quelqu'un d'autre.
Nous avons donc livré la même expérience en WebAR — face tracking avec MediaPipe FaceLandmarker de Google, dans le navigateur mobile, partagé par lien ou QR. Un seul lien fonctionne dans le navigateur intégré de TikTok, Instagram, Zalo, Messenger ou depuis une affiche, et toute la boucle récompense-données reste first-party. Le détail est dans Decathlon « Deal Frenzy » : un jeu WebAR à filtre facial partageable.
C'est à ça que sert une proposition. Pas à flatter le brief — à trouver le mur avant que la campagne le trouve.
Notre 3D n'est pas du stock. Elle est modélisée dans Blender et — pour tout ce que nous prévoyons de réviser — modélisée par script, afin que l'asset entier se reconstruise d'une seule commande.
Prenons la Lucky Wheel. Une seule exécution de Blender en arrière-plan régénère trois choses d'un coup : la source .blend éditable, le wheel.glb que le jeu charge (environ 635 Ko), et le rendu de présentation affiché dans le sélecteur de modèles du configurateur. Changez un chanfrein, relancez, et la source, le modèle livré et le visuel du deck bougent ensemble. Aucun rendu périmé ne traîne dans un dossier en contredisant le build.
Cette discipline est ce qui a rendu une collection abordable. La roue existe en quatre sculptures distinctes — Signature, Orbit, Atelier et Prism — chacune avec sa monture, ses matériaux et son éclairage, et chacune interchangeable dans le configurateur sans toucher aux lots, aux probabilités, aux images importées ni au logo central.
Les matériaux sont nommés volontairement, pas décorativement. La roue expose CC_Chrome, CC_Hub, CC_Pointer et CC_Accent, pour que la palette d'une marque s'applique en direct dans le configurateur au lieu de nous revenir en demande de ré-export. Les visuels de secteurs et le médaillon central vivent sur leurs propres textures, personnalisables de 2 à 12 secteurs.
Le raisonnement passe à l'échelle. Dans le showroom d'appartement 3D, la géométrie architecturale est mesurée en mètres, les cartes de couleur sont en sRGB quand les cartes de données restent linéaires, et la scène tourne avec un éclairage HDR basé image, des ombres directionnelles 4096px à pénombre PCSS, de l'occlusion ambiante en espace écran, des reflets planaires dans le parquet, un bloom retenu et un tone mapping ACES filmique — dans un navigateur, en temps réel. Une capture cubique préfiltrée de l'intérieur meublé alimente la pierre, le laiton et le métal sombre, et se rafraîchit une fois le changement de lumière ou de finition stabilisé.
Le contrat géométrique : pourquoi le modèle et le jeu ne dérivent jamais
Voici la partie que personne ne met dans un deck, et celle qui décide si une campagne met une marque en difficulté.
Une roue de lots est une promesse. Si le pointeur s'arrête visuellement entre deux secteurs alors que le serveur annonce un scooter, la campagne a un problème de crédibilité et le client un problème de support. Le modèle et le code partagent donc un contrat géométrique explicite et écrit :
Parce que ce contrat est écrit, il est testable. La Lucky Wheel est livrée avec 28 tests ciblés : le tirage, l'exclusion des poids nuls, la conservation des contenus, l'alignement du pointeur pour chaque nombre de secteurs de 2 à 12, et le chargement des quatre fichiers GLB avec le décodeur du jeu. Changer le modèle 3D ne peut pas déplacer le lot. C'est une décision de conception, vérifiée à chaque commit.
Personnages 3D riggés à partir d'illustrations plates
Les mascottes sont la demande la plus difficile de cette catégorie, parce que le personnage d'une marque existe déjà — en illustration plate, dans un guide d'utilisation, dans la mémoire de tous. Il doit arriver en 3D en restant reconnaissable.
Pour le pitch Million Green Miles de Toyota Vietnam, nous avons reconstruit la mascotte de la campagne, Miraito, en personnage 3D entièrement riggé depuis les références fournies : 33 os, 8 commandes IK dans Blender et 4 expressions faciales pilotées en morph targets. Elle est livrée avec cinq états de mouvement — attente, marche, salut, célébration, pointer — un clignement automatique et un contrôle indépendant de l'œil gauche et de l'œil droit. Toute la fabrication, et l'outil de revue autour, est racontée dans comment on transforme une mascotte 2D en personnage 3D.
Puis nous l'avons emballée dans un outil de revue, parce qu'un rig qu'on ne peut pas inspecter est un rig que personne ne peut valider. Le client ouvre un lien et obtient :
Une réserve que nous tenons : lorsque le guide d'utilisation d'une mascotte interdit de la recolorer ou de la redessiner, notre reconstruction 3D est une approximation destinée à la revue et passe par la validation de l'équipe de marque avant toute diffusion — et toute intégration en 2D dans le deck compose l'artwork officiel plutôt que notre version.
Trois routes vers un modèle 3D — et quand utiliser chacune
Tous les objets ne méritent pas le même investissement. Décider cela d'avance est l'essentiel du métier.
La route du milieu est plus récente que la plupart des agences ne le croient, et nous l'avons mise en production : une seule photographie peut désormais produire des maillages d'objets, un environnement parcourable, un éclairage cohérent et du son spatialisé. Nous avons démonté ce pipeline dans Image Blaster : transformer une photo en monde 3D parcourable.
La troisième route compte plus qu'il n'y paraît. Chaque matériau et chaque HDR téléchargé dans notre showroom est enregistré avec sa page source et son empreinte dans un manifeste, et l'ensemble peut être retéléchargé par un script. Un client ne devrait jamais hériter d'un asset que personne ne peut licencier ni remplacer.
Rendre la 3D assez rapide pour un Android milieu de gamme
Un beau modèle qui cale sur l'appareil que votre audience possède est un modèle raté. Le travail de performance fait donc partie du travail de modélisation, pas d'une passe ultérieure.
Ce que nous ne promettons pas
La page de limites est une vraie page. Quelques lignes de la nôtre :
La proposition est le premier sprint de la production
Parce que la proposition est un vrai build, la valider ne remet pas le travail à zéro.
Les sources Blender sont à vous, éditables, dans un format ouvert — pas de fichier de scène propriétaire, pas d'enfermement. Le glTF chargé par le prototype est le glTF chargé en production. Le contrat géométrique contre lequel le prototype a été testé est celui dont la campagne live hérite. Les rendus du deck sortent de la même scène. Quand un client dit oui, nous n'ouvrons pas un fichier vide ; nous durcissons quelque chose qui tourne déjà.
C'est aussi pour cela que la plateforme de game builder existe : dès que le modèle héros respecte un contrat, la campagne autour — lots, probabilités, palettes, textes, exports — devient de la configuration plutôt qu'une reconstruction.
Envoyez-nous un brief
Si vous avez une campagne dont le centre est un objet — un produit, une mascotte, un lot, une machine — le moyen le plus rapide de savoir si elle fonctionne est de la tenir en main.
Voyez ce que nous avons construit dans nos projets, parcourez le catalogue de jeux de marque, lisez comment fonctionne notre stack de rendu 3D, ou envoyez-nous simplement le brief. Nous vous renverrons un lien.
Les détails techniques de cet article décrivent des travaux réalisés par Code Crush. Les prototypes clients sont des concepts sauf mention contraire ; la date de fermeture de Spark AR provient de l'annonce publique de Meta.
Questions fréquentes
- Combien de temps prend une proposition de campagne jouable ?
- Des jours, pas des semaines, pour une boucle jouable et un asset 3D héros. La variable est le périmètre 3D : un objet héros scripté est rapide, tandis qu'un personnage riggé avec expressions faciales et plusieurs états de mouvement est le poste le plus long.
- Recevons-nous les vrais fichiers 3D, ou seulement une vidéo ?
- Les vrais fichiers. Sources Blender éditables, glTF/GLB prêt pour le web et les rendus hors ligne — dans des formats ouverts qui s'ouvrent directement dans Blender, Unity, Unreal ou un visualiseur web.
- Pouvez-vous modéliser fidèlement notre produit ou notre mascotte ?
- Oui. Nous travaillons à partir d'illustrations de référence, de photographies, de packaging ou de CAO. Lorsqu'un personnage sous licence impose des règles interdisant de le redessiner ou de le recolorer, notre construction 3D est une approximation destinée à la revue et passe par la validation de l'équipe de marque avant toute diffusion.
- La 3D tournera-t-elle vraiment sur des téléphones modestes et dans les navigateurs intégrés ?
- C'est prévu dès la conception, pas espéré : géométrie compressée en Draco servie depuis notre propre domaine, palier de qualité mobile distinct, plafond à 30 images par seconde avec pause hors écran, prise en charge de la réduction des mouvements et repli 2D quand WebGL est indisponible. Nous testons jusqu'à une largeur d'écran de 320px.
- De quoi avez-vous besoin de notre part pour démarrer ?
- Le brief, vos assets et vos guidelines de marque, les mécaniques de récompense envisagées, ainsi que le marché et le canal visés. Si une exigence ne survit pas au contact d'un vrai appareil ou d'une vraie plateforme, vous l'apprendrez dès la première conversation plutôt qu'après signature.
- La proposition peut-elle être publiée comme campagne live ?
- Oui. Le même build s'exporte vers Facebook Instant Games, les playable ads et MRAID pour Meta, Google, TikTok et Moloco, ou se publie comme lien hébergé et QR code. Ce qu'ajoute une campagne live, c'est le côté serveur : tirages réels, réservation de stock, quotas, reçus et anti-fraude.
Mots-clés
