Tous les articles

Étude de cas : un clone jouable de Tetris créé avec Gemini et Hostilo

tetris.hostilo.page est un clone de Tetris qui fonctionne, généré avec Google Gemini et publié sur Hostilo. C’est un exemple utile justement parce qu’il n’était pas parfait du premier coup, et c’est normal.

Le cahier des charges

L’objectif était simple : un clone jouable de Tetris dans un seul fichier HTML, entièrement construit à coups de prompts dans Gemini, sans code écrit à la main. Pièces qui tombent, rotation, lignes effacées, contrôle au clavier : un petit projet, mais réellement interactif, plus proche d’une vraie application que d’une landing page statique.

Il a fallu plusieurs tours, et c’est justement le sujet

La première version produite par Gemini contenait des bugs. C’est normal quand on demande à une IA quelque chose avec une vraie logique : la détection de collisions, la rotation et le score ont des cas limites qui ne fonctionnent pas toujours du premier coup. Arriver à un jeu fonctionnel a demandé plusieurs tours : lancer le code, voir ce qui ne marche pas, décrire le problème à Gemini, récupérer une version corrigée, recommencer.

Il faut le dire clairement, car beaucoup d’histoires du type « l’IA a créé mon site » sautent directement au succès et donnent l’impression que tout est instantané. En pratique, tout ce qui a une vraie interactivité, comme les jeux, les calculateurs ou les outils avec un état, demande généralement quelques itérations. Une landing page statique en a rarement besoin ; un jeu, presque toujours.

La place d’Hostilo dans ce processus

Toutes les itérations ont eu lieu dans le chat avec Gemini, en testant le fichier en local entre deux tours. Hostilo ne faisait pas partie de l’étape lente. Une fois la version finale et fonctionnelle prête, la publication s’est faite en une seule étape, comme d’habitude : coller le HTML terminé dans l’éditeur, enregistrer, et le jeu était en ligne sur tetris.hostilo.page. Les allers-retours avec l’IA ont pris du temps ; passer d’un fichier fini à un lien public, non.

Ce qu’il faut retenir pour votre projet

Si vous construisez quelque chose de plus interactif qu’une page statique, prévoyez d’itérer avec l’IA avant la publication, pas après. Testez d’abord le fichier en local dans un navigateur. Quand quelque chose ne marche pas, décrivez exactement ce qui se passe plutôt que ce qui devrait se passer : « les pièces ne tournent pas quand j’appuie sur la flèche du haut » donne une meilleure correction que « ça ne marche pas ». Ne collez la version finale dans Hostilo qu’une fois qu’elle fonctionne vraiment comme vous le voulez.

Questions fréquentes

Avec quel outil d’IA tetris.hostilo.page a-t-il été créé ?
Avec Google Gemini. Le jeu a été généré sous forme d’un seul fichier HTML, en plusieurs séries de prompts.

A-t-il fonctionné du premier coup ?
Non. Comme la plupart des projets IA avec une vraie interactivité, la première version comportait des bugs. Il a fallu plusieurs tours, en décrivant ce qui ne marchait pas et en demandant à Gemini de corriger, avant que le jeu fonctionne.

Hostilo prend-il en charge les pages interactives comme les jeux, ou seulement du contenu statique ?
Oui. Hostilo héberge n’importe quel fichier HTML, y compris avec du JavaScript intégré : jeux, calculateurs et outils interactifs fonctionnent comme une landing page statique.

Pourquoi la publication est-elle restée rapide alors que le jeu a demandé plusieurs itérations ?
Parce que les itérations ont eu lieu dans le chat avec Gemini, avant que quoi que ce soit n’arrive sur Hostilo. Publier tient en une étape : coller le fichier terminé et enregistrer, quel que soit le nombre de tours nécessaires.