Incorporez Tic-tac-toe (Morpion) sur votre site web

Vous possédez un site web et souhaitez que vos visiteurs puissent jouer au Tic-Tac-Toe tout en surfant sur votre site ? Vous pouvez désormais incorporer notre jeu et permettre à d’autres personnes d’y jouer gratuitement, sans aucune condition. Il vous suffit de copier et de coller le code ci-dessous dans le code HTML de votre site web.

Nous vous demandons de bien vouloir créer un lien renvoyant à notre jeu de Tic-tac-toe à partir de votre site web. Bien que cela ne soit pas obligatoire pour pouvoir incorporer notre jeu, nous apprécierions grandement ce geste. Pour vous faciliter la tâche, vous trouverez ci-dessous un exemple de code pour le lien. N’hésitez pas à le modifier à votre convenance.

Utilisez le créateur ci-dessous pour personnaliser votre code d’incorporation.

Voici l’aperçu du jeu basé sur le code d’incorporation ci-dessus et les paramètres que vous avez sélectionnés.

Manuel de l’utilisateur

Cette page génère un extrait de code que vous pouvez ensuite copier et coller dans le code HTML de votre site web afin que les visiteurs puissent jouer au Tic-tac-toe lorsqu’ils sont sur votre site. Ce service est gratuit et l'utilisation de ce jeu au sein de votre contenu n'entraîne aucune responsabilité. Vous pouvez l’utiliser à des fins commerciales et non commerciales. Vous pouvez monétiser votre site web de la manière que vous souhaitez, et nous ne ferons aucune réclamation concernant vos revenus. Nous vous encourageons seulement à nous créditer en publiant un lien vers le jeu sur votre site web, bien que cela ne soit pas obligatoire. Notre objectif est de rendre notre jeu aussi populaire que possible.

Vous pouvez soit modifier manuellement l’extrait de code, soit utiliser le créateur fourni. Ci-dessus, vous pouvez voir un aperçu qui montre comment le jeu s’affichera sur votre site web avec les paramètres actuels. Toutefois, l’aperçu n’est disponible que si vous utilisez le créateur. La modification manuelle du code ne met pas à jour l’aperçu. Pour cette raison, nous vous encourageons vivement à utiliser le créateur.

Comment utiliser le créateur ?

Les sept options oui/non et les deux valeurs numériques pour la largeur et la hauteur du cadre vous permettent de personnaliser l’apparence du jeu. Les quatre premières options sont les suivantes : « Afficher en-tête et pied de page », « Afficher article », « Afficher champ de saisie commentaire » et « Afficher publicités ». Grâce à elles, vous pouvez déterminer ce qui est affiché à l’intérieur du cadre du jeu. Essayez de les utiliser pour découvrir par vous-même comment elles affectent la fenêtre de prévisualisation.

L’option suivante, « Mode sombre par défaut », est un peu plus compliquée. Si elle est activée, le jeu apparaîtra en mode sombre aux nouveaux joueurs. Cependant, cette option n’affecte pas les utilisateurs ayant déjà joué au jeu et ayant sauvegardé leurs préférences pour les modes sombre et clair. Seuls les nouveaux venus verront le jeu en mode sombre par défaut.

Si vous avez déjà lancé le jeu, celui-ci a probablement enregistré vos préférences, telles que le niveau de difficulté et le fait de préférer le mode clair ou sombre. C’est pourquoi l’option « Mode sombre par défaut » du créateur peut sembler ne pas fonctionner au début. Vous devrez effacer vos préférences et recharger le jeu pour le voir comme le ferait un nouveau joueur. Pour ce faire, utilisez le bouton « Effacer les données et recharger ». Gardez cependant à l’esprit que cette action effacera toutes vos préférences, y compris votre niveau de difficulté préféré, votre symbole de départ, vos paramètres solo/multijoueur, etc.

Une autre chose peut prêter à confusion : notre jeu de Tic-tac-toe a un arrière-plan noir en mode sombre et un arrière-plan transparent en mode clair. Par conséquent, si vous avez choisi le mode clair par défaut, l’arrière-plan de votre site web sera également l’arrière-plan du cadre du jeu. Ceci est potentiellement problématique : si le fond de votre site web est noir, le jeu essaiera d’afficher des dessins noirs sur un fond noir et, par conséquent, l’utilisateur ne verra rien. Vous pouvez observer ce problème lorsque la page passe en mode sombre alors que le jeu se trouvant dans le cadre du jeu (ou dans la fenêtre de prévisualisation) reste en mode clair. Pour atténuer ce problème, vous pouvez soit activer le « mode sombre par défaut » dans le créateur, soit définir la propriété de l’arrière-plan de la balise iframe dans la feuille de style CSS de votre site web.

L’option « Barres de défilement autorisées » vous permet de décider si vous souhaitez que les barres de défilement soient affichées à l’intérieur du cadre du jeu lorsque le contenu est plus grand que le cadre lui-même. Si le contenu tient dans le cadre, les barres de défilement ne seront pas nécessaires et ne seront donc pas affichées.

De la même manière, l’option « Bordures » vous permet de décider si vous souhaitez que le cadre du jeu soit visible sur votre site web. Si vous désactivez cette option, il n’y aura pas de bordure apparente entre votre contenu et le jeu. En mode clair, le jeu adopte l’arrière-plan de votre site web, ce qui fait que la bordure est le seul élément visuel qui distingue l’intérieur du cadre du jeu de l’extérieur.

La « Largeur » et la « Hauteur » sont les dimensions respectives du cadre du jeu en pixels de CSS. La valeur minimale de ces deux variables est de 200, et la valeur maximale de 5000. Toutefois, le jeu peut ne pas fonctionner correctement si la largeur est inférieure à 280. Même si la valeur est supérieure à 280, le jeu peut paraître étrange si la hauteur ne permet pas à tous les éléments de tenir dans le cadre du jeu. Le jeu fonctionne aussi bien en format portrait qu’en format paysage.

Si vous ne savez pas comment définir la largeur et la hauteur parfaites pour votre site web, inspirez-vous des sept préréglages disponibles. Utilisez le menu déroulant « Tailles prédéfinies » pour en sélectionner une ; les champs de largeur et de hauteur se rempliront avec les valeurs correspondantes.

Si vous regardez attentivement le code d’incorporation, vous remarquerez un paramètre id. Chaque code d’incorporation possède un identifiant unique que vous ne devez pas modifier, dans la mesure où le code d’incorporation risque de ne pas fonctionner si l’identifiant est incorrect. Ces identifiants nous aident à contrôler l’utilisation de notre jeu sur Internet.

Contacts

N’hésitez pas à nous contacter si vous avez des questions. Ce jeu a été créé par la société Simiade. Vous pouvez nous contacter de la manière suivante :