Déplier le sommaire Replier le sommaire
Attachez vos ceintures et préparez-vous : vous ne voudrez pas manquer un seul moment de cette aventure spatiale ! Je vais vous présenter le jeu vidéo que j’ai créé avec l’aide de ChatGPT, et tout cela sans écrire la moindre ligne de code. Pourtant, je ne suis pas développeur et je ne connais rien au JavaScript.
J’ai réussi à créer une version de Tetris en demandant simplement à ChatGPT de coder à ma place. Voyons comment cela s’est déroulé.
Au départ, j’ai simplement demandé à ChatGPT : « Je voudrais que tu codes Tetris en JavaScript ». Et il m’a fourni un exemple simplifié de Tetris en JavaScript, en utilisant des éléments canvas. J’ai pris ce code et l’ai collé dans un fichier Avec ce code de base, j’avais une bonne fondation pour développer le jeu que vous avez vu en introduction. Cependant, j’ai dû ajouter des fonctionnalités supplémentaires.
Pour gérer la rotation des pièces, la détection des collisions, le déplacement des pièces, le système de score, etc., j’ai demandé à ChatGPT de le faire. Il m’a fourni une version plus complète du fichier javascript pour ça.
J’ai rencontré quelques problèmes en cours de route, notamment parce que je travaillais sur ce projet lorsque les Américains étaient éveillés et que ChatGPT était plus lent l’après-midi. J’ai donc décidé de continuer le lendemain matin.
Cela impliquait de demander à ChatGPT de continuer à coder pendant que je faisais autre chose à côté. Malgré quelques erreurs mineures, ChatGPT a réussi à les corriger et à me fournir un code fonctionnel.
Une fois que j’ai obtenu le code, je l’ai mis sur l’un de mes serveurs pour le tester. J’ai un CPanel, mais vous pouvez tout à fait le faire en local en installant un serveur WAMP ou XAMPP sur votre ordinateur.
J’ai simplement collé mon fichier HTML d’un côté et mon fichier JavaScript de l’autre. Avec ces deux seuls fichiers, j’avais un jeu vidéo fonctionnel.
À partir de là, j’ai demandé à ChatGPT de m’aider à améliorer et personnaliser le jeu. J’ai demandé des choses comme l’affichage des commandes clavier, l’ajout d’un titre, la possibilité de mettre une image en arrière-plan et même de trouver un nom de domaine.
Je lui ai également demandé d’adapter le jeu pour les mobiles. Il a optimisé le jeu en corrigeant toutes les erreurs et en ajustant le CSS pour qu’il s’affiche correctement sur un écran de smartphone.
À lire
Découvrez Sora de OpenAI, la vidéo qui révolutionne le monde du texte !
Il a également ajouté les fonctions JavaScript nécessaires pour que le jeu puisse être joué en mode tactile sur mobiles.
En plus de tout 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.
Une fois que le jeu était jouable et optimisé, j’ai décidé de créer un vrai site web avec un vrai nom de domaine. J’ai demandé à ChatGPT comment ajouter Google Analytics pour suivre le nombre de visiteurs sur mon site. Il m’a également aidé à optimiser le site pour le référencement en me fournissant les balises meta à ajouter à mon code HTML.
Enfin, j’ai demandé à ChatGPT de m’aider à afficher 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 est le magnifique site web que j’ai présenté au début. Il comprend une vidéo en arrière-plan que j’ai récupérée sur Canva, mon titre, mes réseaux sociaux et bien sûr, mon jeu, qui est entièrement jouable avec le clavier, la souris et qui fonctionne également sur mobile.
J’ai réussi à créer ce jeu sans écrire la moindre ligne de code, et en seulement deux heures et demie de travail. Le potentiel de ChatGPT est incroyable et il existe tant 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 !
À lire
L’IA open source et ses effets explosifs sur le hacking : les révélations explosives du FBI !
Une aventure spatiale avec ChatGPT : la création d’un jeu vidéo sans code
Comment j’ai créé mon jeu vidéo
Les premiers pas
index.html
ainsi que dans un autre fichier tetris.js
.
Ajout de fonctionnalités
Tester le jeu en ligne
Améliorer et personnaliser le jeu
Ajout de la prise en charge de la souris
Créer un vrai site avec un vrai nom de domaine
Le résultat