{"id":3679,"date":"2023-05-02T10:15:36","date_gmt":"2023-05-02T09:15:36","guid":{"rendered":"https:\/\/botnation.ai\/?p=3679"},"modified":"2026-03-31T09:46:02","modified_gmt":"2026-03-31T07:46:02","slug":"integrer-des-jeux-dans-votre-chatbot","status":"publish","type":"support","link":"https:\/\/botnation.ai\/fr\/support\/integrer-des-jeux-dans-votre-chatbot\/","title":{"rendered":"Int\u00e9grer des jeux dans votre chatbot \ud83d\udc7e"},"content":{"rendered":"<p>Ajoutez du fun \u00e0 votre chatbot!<\/p>\n\n\n\n<p>BOTNATION AI vous propose plusieurs mod\u00e8les de jeux que vous pouvez int\u00e9grer dans votre chatbot. Nous allons voir, dans cet article, comment les ajouter et les personnaliser selon vos envies.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">1. Cr\u00e9ation d\u2019un jeu<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/Games00_fr-1024x604.png.webp\" alt=\"\" class=\"wp-image-3680\"><\/figure>\n\n\n\n<p>L\u2019interface de cr\u00e9ation de jeu est accessible en cliquant sur l\u2019ic\u00f4ne \u00ab\u00a0Jeux\u00a0\u00bb dans le menu \u00ab\u00a0Outils Exclusifs\u00a0\u00bb de votre chatbot. On vous proposera alors de choisir parmi une liste de mod\u00e8les de jeux d\u00e9j\u00e0 cr\u00e9\u00e9s. <br><br>Voici une description des jeux disponibles actuellement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dotty<\/strong> : il s\u2019agit d\u2019un mod\u00e8le de jeu dont le but est de cr\u00e9er un maximum de chaines de points de la m\u00eame couleur dans un temps imparti.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-131.png.webp\" alt=\"\" class=\"wp-image-7229\"><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Memory<\/strong> : comme son nom l\u2019indique il s\u2019agit d\u2019un mod\u00e8le de jeux de \u00ab\u00a0memory\u00a0\u00bb dont le but est de trouver le maximum de paires d\u2019images dans un temps imparti.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-127.png.webp\" alt=\"\" class=\"wp-image-7219\"><\/figure>\n<\/div>\n\n\n<p>Vous pouvez tester ces jeux avant de les ajouter pour avoir une meilleure id\u00e9e de leur gameplay.<\/p>\n\n\n\n<p><em>Si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 un jeu, l\u2019interface affichera directement le module de personnalisation de celui-ci. Pour retrouver l\u2019interface de cr\u00e9ation de jeux il vous suffit de cliquer sur le bouton \u00ab\u00a0Ajouter un jeu\u00a0\u00bb dans la barre de gauche.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Personnalisation du jeu<\/h2>\n\n\n\n<p>Apr\u00e8s avoir choisi un mod\u00e8le de jeu, vous pourrez le personnaliser en mettant vos propres images ou sons, en rempla\u00e7ant les textes existant ou en modifiant certains param\u00e8tres de gameplay.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-1024x478.png.webp\" alt=\"\" class=\"wp-image-3694\"><\/figure>\n\n\n\n<p>L\u2019interface de personnalisation se d\u00e9coupe en trois parties :<br><br>1 \u2013 La barre de titre : ici vous pouvez renommer votre jeu, le dupliquer ou le supprimer.<br>2- La zone de personnalisation : ici vous pouvez modifier les images, les textes et les param\u00e8tres de gameplay du mod\u00e8le de jeu.<br>3 \u2013 La zone de pr\u00e9visualisation : ici vous pouvez jouer au jeu et voir vos modifications en temps r\u00e9el.<\/p>\n\n\n\n<p>Nous allons \u00e9tudier plus en d\u00e9tail les possibilit\u00e9s offertes par la zone de personnalisation. Tous les mod\u00e8les ont un module commun vous permettant de modifier :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>le logo du jeu (affich\u00e9 en haut au centre)<\/li>\n\n\n\n<li>l\u2019image de fond du jeu<\/li>\n\n\n\n<li>la couleur des textes<\/li>\n\n\n\n<li>la couleur des boutons<\/li>\n\n\n\n<li>la dur\u00e9e de la partie (minimum 30s, maximum 120s)<\/li>\n\n\n\n<li>les textes affich\u00e9s dans le jeu (aussi bien dans les menus que dans les boutons)<\/li>\n\n\n\n<li>les sons du jeu<\/li>\n<\/ul>\n\n\n\n<p>Pour modifier une image il suffit soit de glisser votre fichier sur la zone correspondante, soit de cliquer sur cette zone puis de choisir manuellement votre fichier. Une taille id\u00e9ale est g\u00e9n\u00e9ralement indiqu\u00e9e pour l\u2019image. Si votre image est d\u2019une taille diff\u00e9rente, un outil de recadrage vous sera propos\u00e9.<br><br>Pour modifier un son il faut d\u2019abord supprimer celui existant en cliquant sur l\u2019ic\u00f4ne de suppression. Vous pouvez ensuite ajouter votre propre son en le glissant sur la zone correspondante ou en cliquant sur cette zone puis en le s\u00e9lectionnant. Si vous laissez une zone vide alors le jeu ne jouera pas de son pour l\u2019\u00e9v\u00e9nement associ\u00e9. Une taille maximum est indiqu\u00e9e pour chaque son. Le temps de chargement du jeu d\u00e9pend grandement de la taille des sons. Le format mp3 est obligatoire.<\/p>\n\n\n\n<p>En bas de la zone de personnalisation vous trouverez un module sp\u00e9cifique \u00e0 chaque mod\u00e8le de jeu :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"memory\"><strong>Memory<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-134.png.webp\" alt=\"\" class=\"wp-image-7236\" style=\"width:960px;height:auto\"><\/figure>\n\n\n\n<p>Le mod\u00e8le de jeu Memory fonctionne avec une rotation de th\u00e8mes. C\u2019est-\u00e0-dire que si le joueur r\u00e9ussit \u00e0 trouver toutes les paires du premier th\u00e8me et qu\u2019il lui reste du temps, le prochain th\u00e8me dans la rotation lui sera affich\u00e9.<br>Par d\u00e9faut il y a 3 th\u00e8mes activ\u00e9s dans la rotation. Vous pouvez activer\/d\u00e9sactiver un th\u00e8me en cliquant sur la checkbox associ\u00e9e.<br>Pour personnaliser un th\u00e8me il vous faut une image repr\u00e9sentant le dos de la carte et 8 images repr\u00e9sentant les paires \u00e0 retrouver.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dotty\"><strong>Dotty<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-135.png.webp\" alt=\"\" class=\"wp-image-7238\"><\/figure>\n\n\n\n<p>Le mod\u00e8le de jeu Dotty vous permet de choisir le nombre de points diff\u00e9rents qui seront affich\u00e9s au joueur (entre 3 et 6). Moins il y a de points diff\u00e9rents, plus le jeu est facile. Au contraire plus il y a de points diff\u00e9rents, plus le jeu est difficile.<br>Pour chaque point vous pouvez modifier son image et la couleur du trait qui les reliera. Il faut noter que, quelle que soit l\u2019image que vous mettez, seule la partie circulaire centrale sera prise en compte.<br>Enfin il est aussi possible de modifier l\u2019image du support des points (comme pour les points seule la partie centrale sera prise en compte).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Int\u00e9gration du jeu dans le bot<\/h2>\n\n\n\n<p>L\u2019int\u00e9gration du <a href=\"https:\/\/botnation.ai\/fr\" rel=\"noreferrer noopener\" target=\"_blank\">jeu dans le chatbot<\/a> se fait via la story \u00ab\u00a0Jeu\u00a0\u00bb. Cette story doit obligatoirement se trouver en fin de s\u00e9quence.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/05\/image-136.png.webp\" alt=\"\" class=\"wp-image-7240\"><\/figure>\n\n\n\n<p>La story se compose des \u00e9l\u00e9ments suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un texte qui sera affich\u00e9 \u00e0 l\u2019utilisateur avant le lancement du jeu.<\/li>\n\n\n\n<li>Le titre du bouton qui lancera le jeu.<\/li>\n\n\n\n<li>Le jeu choisi dans la liste des jeux cr\u00e9\u00e9s.<\/li>\n\n\n\n<li>Le nom de la variable qui contiendra le score de l\u2019utilisateur.<\/li>\n\n\n\n<li>Le nom de la s\u00e9quence qui sera lanc\u00e9e quand l\u2019utilisateur quittera le jeu.<\/li>\n<\/ul>\n\n\n\n<p><em>Il faut noter que sur Facebook Messenger, si l\u2019utilisateur quitte le jeu en fermant la webview avec la croix, la s\u00e9quence de redirection ne sera pas lanc\u00e9e. Il faut pour cela que l\u2019utilisateur quitte le jeu avec le bouton \u00ab\u00a0Retour au bot\u00a0\u00bb.\u00a0<\/em><\/p>\n\n\n\n<p>Voil\u00e0, vous \u00eates pr\u00eats \u00e0 int\u00e9grer un jeu dans votre chatbot et ainsi \u00e0 apporter encore plus de fun \u00e0 vos utilisateurs. Laissez libre cours \u00e0 votre imagination !<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Botnation AI Messenger game\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/xPPL-ph1jTw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>En plus :<\/strong><br>\u2013 <a href=\"https:\/\/botnation.ai\/tout-savoir-sur-les-variables\/\">Tout savoir les variables {{\u2026}}<\/a><br>\u2013 <a href=\"https:\/\/botnation.ai\/api-botnation-importer-et-exporter-des-donnees-par-webhook\/\">Importer et Exporter des donn\u00e9es avec la fonction Webhook<\/a><br>\u2013 <a href=\"https:\/\/botnation.ai\/importer-et-exporter-des-donnees-google-sheets-dans-votre-chatbot\/\">Importer et Exporter des donn\u00e9es avec Google Sheet<\/a><br>\u2013 <a href=\"https:\/\/botnation.ai\/a-b-testing-et-machine-learning\/\">Optimisations A\/B Testing<\/a><\/p>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[183,169,185],"class_list":["post-3679","support","type-support","status-publish","hentry","categorie-support-chatbot-web","categorie-support-facebook-messenger","categorie-support-fonctionnalites"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support\/3679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/media?parent=3679"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/categorie-support?post=3679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}