ROKO : un site de lancement satirique où une seule pierre 3D en temps réel raconte l’histoire

Les sites de lancement de matériel d’IA sont devenus un genre à part entière : un objet brillant, un récit au défilement, de grandes promesses. VITON¹³ conçoit des sites concepts pour montrer sa palette dans des genres où le studio n’a pas encore de projet client à présenter, et ROKO est celui qui repose sur une blague. Le produit est un galet de rivière lancé comme un appareil d’IA ; l’astérisque de « Powered by AI* » renvoie à « Ancient Igneous ».

La commande que nous nous sommes donnée : donner à un produit volontairement inutile l’allure d’un lancement phare, avec des matériaux haut de gamme, de vraies interactions et des blagues qui font mouche auprès de ceux qui suivent l’actualité de l’IA. La structure et la logique suivent oryzo.ai de Lusion, où un seul objet 3D porte toute la page ; le produit, les textes, la 3D et chaque image sont les nôtres.

Une page en anglais de 12 sections : un premier écran en vue de dessus sur un bureau en noyer, une section IA, une section wearable, les fonctionnalités, le « under-rock encryption », une loupe macro, la durabilité, les avis, un bandeau social, trois versions du produit en cinq coloris, les « open weights » et un pied de page. Entre les sections, la même pierre s’élève du bureau, se balance en pendentif, retient des feuilles dans le vent, se loge dans les O du logotype et s’empile en cairn.

Dans chaque section, il y a quelque chose à faire. Un chat où ROKO réfléchit pendant 4,5 milliards d’années et répond « … » ; un prompt qui pose sur la pierre en direct des lunettes de soleil, un chapeau de fête, des yeux mobiles, un nœud papillon ou une couronne ; des boutons de température pour un modèle thermique ; une loupe à lumière polarisée ; un film de 24 secondes joué en temps réel ; du son synthétisé ; et un vrai téléchargement .obj des « open weights ». Le dernier écran se tourne vers le lecteur : si un studio sait vendre un caillou, imaginez ce qu’il peut faire pour une marque.

La pierre est générée par le code. Un bruit à graine érode un ellipsoïde en forme d’œuf, cinq graines sont stockées comme cibles de morphing, et un matériau physique modifié ajoute des mouchetures, une veine de quartz blanc, un micro-relief, un mode thermique « ironbow » avec isothermes et un liseré IA irisé. Un directeur de scène donne à chaque section une pose (pierre, accessoires, lumière et fond) et enchaîne la sortie d’une section avec l’entrée de la suivante sur la hauteur d’un écran de défilement, si bien que le galet reste un seul et même objet du premier écran au pied de page.

Le bureau, le dessin technique, les accessoires et neuf visuels produit sont rendus depuis la même scène. Les photos avec des personnes et trois films de six secondes ont été générés via CometAPI (Nano Banana Pro pour les images fixes, Veo 3.1 fast pour la vidéo) avec notre propre rendu du galet comme référence produit : la pierre de chaque photo est donc bien celle-ci. Photos, films et polices se chargent à mesure que le visiteur les atteint ; la page est marquée noindex, nofollow.

Le site, réalisé le 28 septembre 2026, est en ligne à l’adresse tarasovvitalii.com/demos/roko/ : une page de 12 sections, avec 20 images et 3 films. Le script principal, three.js compris, pèse 0,71 Mo, soit 0,19 Mo en gzip ; l’ensemble du build fait 6,6 Mo, dont 2,9 Mo de films qui ne se chargent qu’une fois atteints. Le même jour, nous avons passé en revue chaque interaction dans Chrome en mode headless, en 1440 × 900 et sur un écran de téléphone de 390 px, sans aucune erreur dans la console.

Sur l’adresse en ligne, le même jour, Lighthouse a donné une performance de 43 sur mobile et de 64 sur ordinateur (médianes de trois passages), avec les bonnes pratiques à 100 et l’accessibilité à 92 ; la page transfère 0,55 Mo au chargement, et les photos et les films suivent à mesure que le visiteur fait défiler la page. Sur téléphone, le score est freiné par de longues tâches du thread principal au démarrage (temps de blocage total de 3,6 s) et par le plus grand élément affiché, le texte du premier écran, qui n’apparaît qu’à 4,2 s.

ROKO est un concept réalisé par VITON¹³ pour montrer sa palette, pas une commande de client. Le produit, ses avis, sa presse et ses prix relèvent de la satire : rien n’est à vendre, et le site n’a ni client, ni domaine propre, ni utilisateurs, ni trafic, ni demandes. Les personnes des photos et des films sont générées, ce ne sont pas de vrais clients, et les textes sont uniquement en anglais.

Les fréquences d’images ont été relevées ponctuellement sur une seule machine dans Chrome en mode headless (environ 100 fps dans la section IA, 58 fps dans le bandeau wearable), sans mesure sur différents appareils, et elles ne disent rien des téléphones plus anciens. Lighthouse mesure le chargement, pas la fluidité de la scène 3D. La démo est volontairement tenue à l’écart des moteurs de recherche : elle n’a donc aucun résultat de recherche à montrer.

Comment vérifier le portfolio d’une agence web →