{"id":549391,"date":"2025-11-21T15:37:33","date_gmt":"2025-11-21T15:37:33","guid":{"rendered":"https:\/\/www.europesays.com\/fr\/549391\/"},"modified":"2025-11-21T15:37:33","modified_gmt":"2025-11-21T15:37:33","slug":"jai-cree-un-jeu-video-et-un-site-web-pro-sans-ecrire-une-ligne-de-code-essayez-les-frandroid","status":"publish","type":"post","link":"https:\/\/www.europesays.com\/fr\/549391\/","title":{"rendered":"j’ai cr\u00e9\u00e9 un jeu vid\u00e9o et un site web pro sans \u00e9crire une ligne de code, essayez-les \u2014 Frandroid"},"content":{"rendered":"

C\u2019est simple : Gemini 3<\/strong> n\u2019est pas juste un nouveau mod\u00e8le de langage. C\u2019est la d\u00e9monstration de force de l\u2019\u00e9cosyst\u00e8me Google. Vid\u00e9o, audio natif, code, Slides\u2026 tout est interconnect\u00e9. J\u2019ai test\u00e9 la b\u00eate, de la cr\u00e9ation de jeux vid\u00e9o \u00e0 la gestion de crise logistique.<\/p>\n

\"\"<\/a><\/p>\n

Alors. Il fallait s\u2019y attendre. Apr\u00e8s des mois \u00e0 courir derri\u00e8re OpenAI et Anthropic, Google vient de l\u00e2cher Gemini 3<\/strong> et sa version Pro dans la nature<\/a>. Et cette fois, pas question de pr\u00e9senter des d\u00e9mos truqu\u00e9es comme l\u2019an dernier. Le mod\u00e8le est l\u00e0, accessible, notamment via Google AI Studio<\/strong>, et il promet de tout changer avec un concept un peu n\u00e9buleux : le \u00ab\u00a0Vibe Coding\u00a0\u00bb<\/strong>.<\/p>\n

\n Pour aller plus loin
Gemini 3 explose les records : Google affirme avoir doubl\u00e9 GPT-5 et Claude Sonnet 4.5<\/a>\n <\/p>\n

L\u2019id\u00e9e ? Coder au feeling. Vous ne parlez pas technique, vous parlez ambiance, fonctionnalit\u00e9s, besoins. N\u2019\u00e9tant ni d\u00e9veloppeur professionnel ni designer, j\u2019ai voulu v\u00e9rifier si cette promesse tenait la route sur deux projets concrets : un jeu vid\u00e9o et un site web pro r\u00e9el.<\/p>\n

Et croyez-moi, ce que j\u2019ai vu est plut\u00f4t convaincant.<\/p>\n

\n Pour aller plus loin
J\u2019ai cr\u00e9\u00e9 une app avec l\u2019IA sans savoir coder : de z\u00e9ro formation \u00e0 une app iOS et Android<\/a>\n <\/p>\n

Premier crash test : le RTS Tower Defense<\/p>\n

Pour commencer, j\u2019ai voulu pousser le bouchon. Pas un simple script \u00ab\u00a0Hello World\u00a0\u00bb, mais un jeu. J\u2019ai ouvert Gemini 3 Pro<\/strong> et j\u2019ai demand\u00e9 de cr\u00e9er un petit jeu de strat\u00e9gie en temps r\u00e9el (RTS<\/strong>), orient\u00e9 Tower Defense<\/strong>. Sur le papier, c\u2019est complexe : il faut g\u00e9rer des vagues d\u2019ennemis, des ressources, des placements de tourelles et des conditions de victoire.<\/p>\n

\"\"<\/a><\/p>\n

La rapidit\u00e9 d\u2019ex\u00e9cution est d\u00e9concertante. En environ 5 minutes, Gemini m\u2019a pondu une s\u00e9rie de fichiers. J\u2019ai lanc\u00e9 le truc dans mon navigateur. \u00c7a tournait. J\u2019avais mes ennemis (des formes g\u00e9om\u00e9triques simples au d\u00e9but), mes tours et mon syst\u00e8me de points de vie.<\/p>\n

\"\"<\/a><\/p>\n

Mais c\u2019est l\u00e0 que le \u00ab\u00a0Vibe Coding\u00a0\u00bb prend tout son sens. Ce n\u2019\u00e9tait pas assez \u00ab\u00a0fun\u00a0\u00bb. J\u2019ai utilis\u00e9 la fonction d\u2019annotation visuelle pour entourer mes tours et dire : \u00ab\u00a0Fais-les tirer des lasers verts plus rapides\u00a0\u00bb. Puis j\u2019ai demand\u00e9 d\u2019ajouter un syst\u00e8me d\u2019am\u00e9lioration des tours avec l\u2019or gagn\u00e9. Gemini 3<\/strong> n\u2019a pas juste coll\u00e9 du code, il a restructur\u00e9 la logique du jeu pour int\u00e9grer ces m\u00e9caniques.<\/p>\n

\"\"<\/a><\/p>\n

Le r\u00e9sultat ? Un mini-jeu addictif, cod\u00e9 par quelqu\u2019un (moi) qui aurait mis trois semaines \u00e0 apprendre les bases du JavaScript pour faire la m\u00eame chose. C\u2019est intuitif, c\u2019est rapide, et vous pouvez tester<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Le cas concret : \u00ab\u00a0Lola P\u00e2tisserie\u00a0\u00bb<\/p>\n

Deuxi\u00e8me test, plus s\u00e9rieux cette fois. Ma femme avait besoin d\u2019un site vitrine pour son activit\u00e9, Lola P\u00e2tisserie<\/a><\/strong>, de la p\u00e2tisserie vegan pr\u00e8s de Nantes. Je lui avais d\u00e9j\u00e0 fait un site web simple avec Squarespace, du classique mais tr\u00e8s fonctionnel.<\/p>\n

Je me suis rendu sur AI Studio<\/strong> avec Gemini 3<\/strong>, et j\u2019ai d\u00e9cid\u00e9 de tout faire de A \u00e0 Z, design compris.<\/p>\n

\"\"<\/a><\/p>\n

J\u2019ai commenc\u00e9 par d\u00e9crire l\u2019ambiance : \u00ab\u00a0Un site \u00e9l\u00e9gant, gourmand\u2026\u00a0\u00bb. J\u2019ai m\u00eame upload\u00e9 un croquis moche fait sur un coin de table. Gemini a analys\u00e9 l\u2019image, compris la structure, et a g\u00e9n\u00e9r\u00e9 le code.<\/p>\n

\"\"<\/a><\/p>\n

Mais il manquait les visuels. C\u2019est l\u00e0 que la puissance de l\u2019\u00e9cosyst\u00e8me frappe. J\u2019ai utilis\u00e9 le mod\u00e8le de g\u00e9n\u00e9ration d\u2019image int\u00e9gr\u00e9 (le fameux Nano Banana<\/strong>) pour g\u00e9n\u00e9rer des photos de g\u00e2teaux, de tartes et d\u2019entremets ultra-r\u00e9alistes pour peupler le site en attendant les vraies photos.<\/p>\n

\"\"<\/a><\/p>\n

En moins de 20 minutes, j\u2019avais un site responsive, des animations fluides au d\u00e9filement et une section \u00ab\u00a0Menu\u00a0\u00bb dynamique. <\/p>\n

\"\"<\/a><\/p>\n

J\u2019ai pu it\u00e9rer en direct : \u00ab\u00a0Le logo est trop petit\u00a0\u00bb, \u00ab\u00a0Change la police pour quelque chose de plus manuscrit\u00a0\u00bb. Le site pour Lola P\u00e2tisserie<\/strong> est sorti de terre comme par magie, vous pouvez le tester ici<\/a>. Pour un non-designer, le r\u00e9sultat est bluffant de professionnalisme.<\/p>\n

Le test : modifier un projet Google<\/p>\n

Cr\u00e9er de z\u00e9ro, c\u2019est bien. Mais dans la vraie vie, on passe notre temps \u00e0 modifier des choses qui existent d\u00e9j\u00e0. C\u2019est l\u00e0 que j\u2019ai voulu pi\u00e9ger Gemini.<\/p>\n

J\u2019ai charg\u00e9 un projet de d\u00e9monstration existant, le \u00ab\u00a0Voxel Toy Box\u00a0\u00bb<\/strong> (un \u00e9diteur d\u2019objets 3D en pixels). Le code \u00e9tait d\u00e9j\u00e0 l\u00e0, complexe, structur\u00e9 en plusieurs fichiers TypeScript. Mon d\u00e9fi ? Demander \u00e0 Gemini d\u2019ajouter un Bugdroid<\/strong> (le robot Android) dans le g\u00e9n\u00e9rateur, sans que je touche au code moi-m\u00eame.<\/p>\n

\"\"<\/a><\/p>\n

Regardez la capture d\u2019\u00e9cran ci-dessus. \u00c0 gauche, vous voyez le raisonnement de l\u2019IA. Elle ne se contente pas de coller un bout de script. Elle analyse : \u00ab\u00a0Je vais ajouter l\u2019option Bugdroid dans le menu d\u00e9roulant\u2026 Je dois mettre \u00e0 jour la fonction handleNewScene\u2026 Je dois modifier les types accept\u00e9s\u00a0\u00bb.<\/p>\n

Le r\u00e9sultat ? Un Bugdroid vert en 3D, parfaitement g\u00e9n\u00e9r\u00e9, int\u00e9gr\u00e9 dans l\u2019interface existante. Gemini 3<\/strong> a compris l\u2019architecture du projet, a trouv\u00e9 les bons fichiers (utils\/voxelGenerators.ts, App.tsx) et a inject\u00e9 sa logique. Vous pouvez le tester l\u00e0<\/a>.<\/p>\n

Le test : le moteur de Tesla dans un seul fichier HTML<\/p>\n

J\u2019ai voulu pousser le bouchon encore plus loin. Cr\u00e9er des sites web, c\u2019est bien. Mais est-ce que Gemini peut m\u2019aider \u00e0 comprendre (et \u00e0 visualiser) comment fonctionne le moteur d\u2019une voiture \u00e9lectrique ?<\/p>\n

\"\"<\/a><\/p>\n

J\u2019ai demand\u00e9 une simulation interactive d\u2019un moteur synchrone \u00e0 aimants permanents (PMSM),<\/strong> la technologie qu\u2019on retrouve dans beaucoup de voitures \u00e9lectriques modernes. Je voulais voir les champs magn\u00e9tiques invisibles, le rotor tourner, et comprendre l\u2019interaction stator\/rotor.<\/p>\n

\"\"<\/a><\/p>\n

Le r\u00e9sultat est une claque technique et visuelle (voir capture ci-dessous).<\/p>\n

Mais le plus impressionnant n\u2019est pas l\u2019image, c\u2019est ce qui se passe sous le capot du code. Gemini n\u2019a pas \u00ab\u00a0trich\u00e9\u00a0\u00bb en allant chercher des mod\u00e8les 3D sur internet. Il a tout g\u00e9n\u00e9r\u00e9 math\u00e9matiquement dans un seul fichier HTML l\u00e9ger avec Three.js (WebGL). C\u2019est le moteur graphique qui permet d\u2019afficher de la 3D directement dans le navigateur sans plugin. <\/p>\n

Voici la prouesse technique qu\u2019il a r\u00e9alis\u00e9e sans broncher :<\/p>\n

    \n
  1. Z\u00e9ro fichier 3D externe<\/strong> : tout est proc\u00e9dural<\/strong>. Le stator, les bobines, le rotor\u2026 tout est calcul\u00e9 via des formules trigonom\u00e9triques (cosinus\/sinus) en temps r\u00e9el. <\/li>\n
  2. Physique r\u00e9elle<\/strong> : il ne se contente pas de faire tourner un cylindre. Il simule les courants triphas\u00e9s<\/strong> d\u00e9cal\u00e9s de 120\u00b0. Il calcule l\u2019intensit\u00e9 dans chaque bobine selon l\u2019angle du rotor. <\/li>\n
  3. Effet <\/strong>: pour rendre le sch\u00e9ma lisible, il a int\u00e9gr\u00e9 un filtre de post-traitement (UnrealBloomPass<\/strong>) qui fait briller les bobines (l\u2019effet glow) proportionnellement \u00e0 l\u2019intensit\u00e9 du courant qui les traverse.<\/li>\n<\/ol>\n

    Un autre test : la simulation Smart Home<\/p>\n

    Pour finir, j\u2019ai voulu sortir du code pour tester la logique m\u00e9tier<\/strong>. J\u2019ai demand\u00e9 \u00e0 Gemini de cr\u00e9er un tableau de bord de gestion \u00e9nerg\u00e9tique pour une maison autonome : panneaux solaires, batterie physique, voiture \u00e9lectrique en charge bidirectionnelle (V2L) et compteur Linky.<\/p>\n

    \"\"<\/a><\/p>\n

    L\u2019objectif ? Une timeline interactive sur 24h qui simule les flux d\u2019\u00e9nergie.<\/p>\n

    \"\"<\/a><\/p>\n

    Regardez les captures ci-dessous. Visuellement, c\u2019est une masterclass d\u2019interface utilisateur (UI).<\/p>\n