Déplier le sommaire Replier le sommaire
Accrochez-vous et ne bougez pas : vous ne voudrez pas manquer une seule seconde de cette aventure spatiale ! Je vais vous présenter le jeu vidéo que j’ai créé avec ChatGPT, et ce, sans taper la moindre ligne de code. Pourtant, je ne suis pas développeur et je ne connais rien à JavaScript.
Comment j’ai créé mon jeu vidéo
J’ai créé une réplique de Tetris en demandant simplement à ChatGPT de coder à ma place. Je vais vous expliquer comment cela s’est passé.
Les premiers pas
Au début, j’ai dit à ChatGPT : “Je voudrais que tu me codes Tetris en JavaScript”. Il m’a alors fourni un exemple simplifié de Tetris en JavaScript, en utilisant des éléments canvas. J’ai pris ce code, et je l’ai collé dans un fichier index.html et un autre fichier tetris.js.
Avec ce code de base, j’avais une bonne base pour commencer le développement du jeu que je vous ai montré en introduction. Cependant, il me fallait ajouter des fonctions supplémentaires.
Ajouter des fonctionnalités
Pour gérer la rotation des pièces, la détection des collisions, le mouvement des pièces, le système de score, etc., j’ai demandé à ChatGPT de le faire. Il a répondu en me fournissant une version plus complète du fichier.
À lire OpenAI présente Sora : la révolution du texte en vidéo
J’ai eu quelques problèmes en cours de route, principalement parce que je travaillais sur ce projet pendant que les Américains étaient éveillés, et que ChatGPT est plus lent l’après-midi. J’ai donc décidé de continuer le lendemain matin.
Cela a impliqué de lui demander à plusieurs reprises de continuer à coder pendant que je faisais autre chose à côté. Malgré quelques erreurs mineures, ChatGPT a réussi à corriger tout cela et à me fournir un code fonctionnel.
Tester le jeu en ligne
Une fois le code en main, je l’ai mis sur l’un de mes serveurs pour le tester. J’ai un CPanel, mais vous pouvez tout à fait faire cela en local en installant un serveur WAMP ou XAMPP sur votre PC.
J’ai collé d’un côté mon fichier HTML et de l’autre côté mon fichier JavaScript. Avec ces deux seuls fichiers, j’avais un jeu vidéo fonctionnel.
Améliorer et personnaliser le jeu
À partir de là, j’ai demandé à ChatGPT de m’aider à améliorer et personnaliser le jeu. J’ai demandé des choses comme afficher les commandes clavier, ajouter un titre, la possibilité de mettre une image de fond, et même de trouver un nom de domaine.
J’ai également demandé à ChatGPT d’adapter le jeu pour les mobiles. Il a optimisé le jeu pour cela, en corrigeant toutes les erreurs et en ajustant le CSS pour que le jeu s’affiche correctement sur un écran mobile.
Il a également ajouté les fonctions JavaScript nécessaires pour que le jeu puisse être joué en mode tactile sur mobile.
Ajout de la prise en charge de la souris
En plus de cela, j’ai demandé à ChatGPT d’ajouter la prise en charge de la souris pour jouer au jeu. Il m’a fourni le code nécessaire et a même suggéré des améliorations, comme la gestion du déplacement vertical et l’optimisation de la sensibilité de la rotation.
Créer un vrai site avec un vrai nom de domaine
Une fois que le jeu était jouable et optimisé, j’ai décidé de créer un véritable site avec un vrai nom de domaine. J’ai demandé à ChatGPT comment ajouter Google Analytics pour pouvoir suivre le nombre de visiteurs sur mon site. Il m’a également aidé à optimiser le site pour le SEO en me donnant les balises meta à ajouter à mon code HTML.
Enfin, j’ai demandé à ChatGPT de m’aider à faire apparaître mes réseaux sociaux (YouTube, Facebook, TikTok et Instagram) avec des icônes sous le titre. Il m’a expliqué comment faire tout cela.
Le résultat
Le résultat est le magnifique site web que j’ai montré au début. Il comporte une vidéo en arrière-plan que j’ai récupéré sur Canva, mon titre, mes réseaux sociaux, et bien sûr, mon jeu, qui est tout à fait jouable avec le clavier, la souris, et qui fonctionne également sur mobile.
J’ai réussi à créer ce jeu sans taper la moindre ligne de code, et en à peine deux heures et demie de travail. Le potentiel de ChatGPT est incroyable, et il y a tellement d’autres applications possibles.
N’hésitez pas à essayer le jeu en cliquant sur ce lien. Amusez-vous bien et n’hésitez pas à partager vos scores !
