Alors, nous avons tous déjà entendu dire, qu’Intelligence artificielle peut faire des choses complètement incroyables et très complexes très facilement !

Et bien sûr, nous avons entendu dire qu’elle pourra bientôt remplacer la plupart des professions, même les plus difficiles, comme par exemples les développeurs. Donc par la curiosité, j’ai décidé de tester !

Avant de commencer, j’aimerais préciser que je n’ai pas de connaissances spéciales en programmation, donc j’ai décidé de demander à chat GPT de récréer le code pour mon jeu d’enfance préféré afin de l’intégrer dans une page de WordPress.
Et voilà comment c’est passé !

La réponse était suivante :

Je suis désolé, mais je suis un modèle de langage et je ne suis pas capable de créer un code de jeu Tetris pour intégrer sur une page WordPress. Cependant, je peux vous donner des conseils pour créer votre propre jeu Tetris.

Voici quelques étapes à suivre pour créer un jeu Tetris en JavaScript :

1. Créez un canevas HTML pour afficher le jeu.
2. Définissez les formes des blocs de Tetris et leurs couleurs.
3. Créez une grille pour le jeu Tetris.
4. Créez une fonction qui dessine les blocs de Tetris.
5. Créez une fonction pour déplacer les blocs de Tetris vers la gauche, la droite ou vers le bas.
6. Créez une fonction pour tourner les blocs de Tetris.
7. Ajoutez un système de score et de niveaux pour rendre le jeu plus intéressant.
8. Ajoutez des événements clavier pour permettre aux joueurs de déplacer et de tourner les blocs de Tetris.

Pour intégrer le jeu Tetris sur une page WordPress, vous pouvez copier et coller le code JavaScript dans un plugin WordPress ou utiliser un plugin de jeu préexistant. Il existe également des générateurs de jeux en ligne qui peuvent vous aider à créer un jeu Tetris.

En ce qui concerne les touches de contrôle, voici quelques suggestions :

• Utilisez les touches fléchées gauche et droite pour déplacer les blocs de Tetris horizontalement.
• Utilisez la touche flèche vers le haut pour faire pivoter les blocs de Tetris.
• Utilisez la touche espace pour faire descendre les blocs de Tetris plus rapidement.

Ohhh la, tout ça, c’est super intéressant, mais l’air quand même un peu compliqué… bien sûr si j’avais plus de temps, je me suis plongé sans doute dans cette aventure, mais la… comme je suis dans le format de défi, un article par jour, pour apprendre plus au sujet d’Intelligence artificielle, honnêtement, je ne rentrai pas dans le cadre !

Alors, j’ai décidé de poser la question différemment !

Ok, merci beaucoup, peut-tu me donner un petit jeu, le code de quel tu peux créer facilement s’il te plaît ?

Et voilà déjà une réponse positive !

Bien sûr, je peux vous aider à créer un petit jeu simple. Voici un exemple de jeu de devinette en JavaScript :

Ce jeu génère un nombre aléatoire entre 1 et 100, puis demande au joueur de deviner le nombre en entrant une réponse dans un champ de texte et en cliquant sur un bouton. Le jeu vérifie la réponse du joueur et affiche un message indiquant si la réponse est trop haute, trop basse ou correcte. Le jeu continue jusqu’à ce que le joueur trouve le nombre ou décide d’abandonner.

Alors, il me propose deux codes: l’un HTML, qui est assez familier et si vous déjà travailler avec WordPress, il est très facile de l’inséré dans une page et le deuxième JavaScript, qui l’air d’agir complètement différemment si nous l’intégrons directement sur une page qui est dédié pour le code HTML. Bref, j’ai fait diverses tentatives et bien sûr je ne suis pas réussi !

Donc je suis retourné vers chat GPT pour lui demandé !

Comment puis-je intégrer ce jeu dans une page de WordPress, s’il te plaît ???

Pour intégrer ce jeu de devinette dans une page WordPress, vous pouvez créer une nouvelle page ou modifier une page existante en mode édition. Ensuite, vous pouvez suivre ces étapes :

1. Dans la zone de texte de la page, cliquez sur l’icône « Texte » pour passer en mode d’édition HTML.
2. Copiez le code HTML et JavaScript du jeu de devinette et collez-le dans la zone de texte HTML.
3. Cliquez sur « Mettre à jour » pour enregistrer les modifications de la page.
4. Visualisez la page pour vérifier si le jeu est correctement intégré.

Notez que vous devez remplacer le chemin vers le script JavaScript par l’emplacement où vous avez enregistré le fichier script.js contenant le code JavaScript du jeu de devinette.

N’oubliez pas de tester le jeu pour vous assurer qu’il fonctionne correctement sur votre page WordPress.

Ok, bonne nouvelle!

Donc il peut nous guider et expliquer suffisamment clairement les actions qu’il faut effectuer… sauf que moi, je suis complètement nul en programmation et je n’ai absolument aucune idée de comment enregistrer le fichier en script.js. En plus apparemment on ne peut pas les transférer directement en js sur WordPress… Grrrrrr…

Donc j’ai posé la question suivante :

Je n’arrive pas à intégrer JavaScript sur page WordPress comment il faut faire, s’il te plaît ?

Sa réponse:

Pour intégrer du code JavaScript dans une page WordPress, vous pouvez suivre les étapes suivantes :

1. Créez un nouveau fichier JavaScript contenant le code que vous souhaitez intégrer. Vous pouvez utiliser n’importe quel éditeur de texte pour créer ce fichier.
2. Enregistrez le fichier JavaScript dans un emplacement accessible depuis votre site WordPress, comme le dossier « wp-content/themes/nom-du-theme/js/ » de votre installation WordPress. Vous pouvez également utiliser un service de stockage en nuage comme Dropbox, Google Drive ou Amazon S3 pour héberger votre fichier JavaScript.
3. Dans votre éditeur WordPress, créez une nouvelle page ou modifiez une page existante en mode d’édition.
4. Ajoutez le code HTML qui référence votre fichier JavaScript en utilisant l’élément <script> dans la section <head> ou à la fin de la section <body> de la page ….

Notez que vous devez remplacer « /wp-content/themes/nom-du-theme/js/mon-script.js » par le chemin d’accès correct vers votre fichier JavaScript, en fonction de l’emplacement où vous l’avez enregistré.

1. Enregistrez la page en cliquant sur le bouton « Mettre à jour ».
2. Visualisez la page pour vérifier si le code JavaScript fonctionne correctement.

Notez que certaines extensions de sécurité et de blocage de scripts peuvent empêcher l’exécution de votre code JavaScript sur la page WordPress. Dans ce cas, vous devrez peut-être désactiver temporairement ces extensions ou demander à l’administrateur du site d’ajouter une exception pour votre code JavaScript….

Okkkk, je vous dis honnêtement ici, ma patience est finie…le temps qui m’est resté pour exécuter la tâche approchée vers la fin et je n’avais toujours aucun jeu codé qui j’ai pouvez intégré !

Donc, j’ai simplifié la tâche pour moi, en passant par le chemin habituel, quand je me retrouve en face d’un problème technique que je n’arrive pas à résoudre !!!

J’ai parti GOOOGLEEEEEE !

Yes… ça marche toujours ! Donc, en mettant dans une barre de recherche :

Comment insérer JavaScript dans HTML, on tombe sur plein d’articles explicatifs…

et voilà donc la solution simple et élégante que j’ai cherchée sans me prendre la tête :

Il est également possible d’insérer du code JavaScript directement dans la balise <script> sans fournir d’attribut src!

Simple, non ??

Voila, c’est tout bon !

Donc, vous trouvez ce petit jeu simple proposé par chat GPT à la fin de cet article !

Vous pouvez même le tester ! J’ai tenté et ça marche vraiment !

En conclusion :

Je pense que nous pouvons utiliser chat GPT même si nous n’avons aucune connaissance technique en programmation pour créer et intégrer différents petits codes très simples dans notre blog, comme par exemple, des tests faciles, des exercices, créer des boutons pour appeler à l’action, etc…

Si bien sûr, nous sommes prêts de mettre un temps nécessaire pour comprendre comment ça fonctionne. En cas de difficulté nous pouvons toujours utiliser Google et d’autres moteurs de recherche pour trouver l’information manquante !

Si nous voulons insérer un jeu c’est aussi possible et comme chat GPT a dit lui-même tout au début, pour ce but nous pouvons utiliser des générateurs de jeu ! Je ne les ai pas encore testés, mais je pense, que logiciel qui est dédié spécialement à cette tache pourra simplifier significativement cet exercice !

Cependant, je ne pense pas que ça arrive très bientôt et que l’Intelligence artificielle remplacera complètement le métier de développeur, car sauf seulement savoir coder il faut avoir beaucoup plus de connaissance sur l’architecture, sur interaction externe de divers modules de projet par exemple, sur spécialité de différents langages.

Elle peut être super efficace pour automatiser certaines tâches comme la détection d’erreurs ou génération d’un code à la base d’un modèle déjà existant. Elle pourra bien aider à trouver la solution pour la création des fonctions, des mini-programmes qui sont capables de résoudre une seule tache précise. Mais nous aurons besoin de beaucoup plus de connaissance pour les combiner ensemble. Si par exemple il est nécessaire de créer un programme qui n’a jamais existé, l’intelligence artificielle pour l’instant n’est pas capable de résoudre cet exercice, mais elle peut nous guider pour les taches connues et pour lesquelles elle a été déjà formée.

Ça reste un super outil pour apprendre et pour optimiser le code lorsque nous sommes débutants, mais pour obtenir un projet complètement prêt, c’est encore un tout petit peu trop tôt ! Donc pour l’instant les développeurs professionnels peuvent dormir tranquillement !

Alors voici  le petit Jeu de Devinette crée par chat GPT

Ce jeu génère un nombre aléatoire entre 1 et 100, puis demande au joueur de deviner le nombre en entrant une réponse dans un champ de texte et en cliquant sur un bouton. Le jeu vérifie la réponse du joueur (il faut cliquer sur DEVINEZ) et affiche un message indiquant si la réponse est trop haute, trop basse ou correcte. Le jeu continue jusqu’à ce que le joueur trouve le nombre ou décide d’abandonner.

Jeu de Devinette

Je pense à un nombre entre 1 et 100. Pouvez-vous le deviner ?

Si vous trouvez cet article utile, merci de la partager avec vos amis !

Je vous souhaite une excellente journée

à très bientôt!