À quoi ressemble le code d’intégration du Démineur
Le générateur produit deux éléments, et tu colles les deux. D’abord une <iframe> qui pointe vers notre page d’intégration : c’est le jeu lui-même. Puis un court paragraphe en dessous, avec un lien vers ce site. Il n’y a rien d’autre à installer : pas de balise script, pas d’extension, pas de compte pour tes visiteurs :
<iframe
src="https://play-minesweeper.games/embed/?size=beginner"
width="344"
height="472"
frameborder="0"
title="Minesweeper Game"
referrerpolicy="no-referrer-when-downgrade"
allow="clipboard-write"></iframe>
<p style="font:12px/1.5 Tahoma,'MS Sans Serif',Geneva,sans-serif;color:#555555;margin:6px 0 0;max-width:316px">
<a href="https://play-minesweeper.games/" style="color:#555555">play-minesweeper.games</a> — free Minesweeper, no download
</p>Comme le jeu est un lien et non une copie, la grille de ton site s’améliore chaque fois que le jeu s’améliore, et elle ne te coûte rien en bande passante ni en stockage.
La ligne de mention, et pourquoi elle est là
Cette deuxième partie, c’est tout le marché. L’intégration est gratuite, sans limite d’usage et sans inscription parce que les sites qui l’utilisent font un lien vers nous : c’est ce qui la finance. Le lien de mention est donc toujours inclus dans l’extrait, et nous te demandons de le coller avec le jeu.
Nous préférons le dire franchement plutôt que de le cacher : c’est du HTML ordinaire, posé dans ta propre page, et non quelque chose d’injecté à l’exécution. Tu vois exactement ce qu’il dit ci-dessus. Change son style pour l’accorder à ton design, place-le au-dessus de la grille, modifie la couleur en ligne : tout cela est permis. Garde simplement le lien pointé vers le jeu.
La case Show "Powered by" inside the game du générateur est une autre affaire. Elle commande une petite ligne dessinée à l’intérieur du cadre de jeu, et celle-ci est vraiment facultative : décoche-la pour une grille plus épurée, et l’iframe perd 30 pixels de hauteur. La décocher ne retire pas le lien de mention sous le cadre, et aucun paramètre d’URL ne le fait.
Choisir une taille de grille adaptée à ta mise en page
Le problème le plus courant avec une iframe de jeu, quelle qu’elle soit, est une grille plus large que la colonne qui la contient. Le cadre ne redimensionne pas son contenu : une grille trop grande défile sur le côté au lieu de rétrécir. Adapte la grille à la place dont tu disposes :
- Débutant (9×9, 10 mines) : environ 344 × 472 pixels. Tient dans les barres latérales, les thèmes étroits, les colonnes Notion et les écrans de téléphone. Commence par celle-ci en cas de doute.
- Intermédiaire (16×16, 40 mines) : environ 536 × 664 pixels. Convient à une colonne d’article de blog classique sur ordinateur.
- Expert (30×16, 99 mines) : environ 956 × 664 pixels. Demande une mise en page pleine largeur et un écran d’ordinateur portable.
- Personnalisée : de 5×5 à 30×30, avec ton propre nombre de mines, pour une grille qui épouse exactement ton design.
Les paramètres d’URL du widget Démineur
Tout ce que fait le générateur s’exprime dans l’URL d’intégration : tu peux donc aussi la modifier à la main plus tard sans repasser par ici :
size:beginner,intermediate,expert, ou une valeur personnalisée comme12x12mines: le nombre de mines, pour les tailles personnaliséestheme:darkpour les pages sombres,retropour le look argenté et biseauté du Windows 95 d’originemode: metsdailypour intégrer la grille du défi du jour au lieu d’une grille aléatoire. La même grille pour tout le monde, une nouvelle chaque jour à minuit UTC, un seul essai par niveau. Fonctionne avecbeginner,intermediateetexpert(les tailles personnalisées reviennent à Débutant), ignorenoguess, et le cadre gagne 20 pixels de hauteur pour la ligne qui affiche le numéro du défi et le temps restant avant la grille suivanteswitcher: mets1pour ajouter des boutons Débutant, Intermédiaire et Expert au-dessus du jeu, afin que les joueurs changent de niveau dans une seule intégration.sizechoisit le niveau de départ ; les tailles personnalisées démarrent en Débutantbranding: metsfalsepour masquer la ligne « Powered by » dessinée à l’intérieur du cadre de jeu. Il n’a aucun effet sur le lien de mention sous l’iframe, qui se trouve dans ta page et non dans la nôtre
Par exemple, ?size=12x12&mines=20&theme=retro donne une grille un peu plus grande que Débutant, rendue comme l’original de 1995.
Là où un widget Démineur a toute sa place
- Blogs de jeux et de casse-tête : une grille jouable dans un article de stratégie retient les lecteurs sur la page
- Pages pédagogiques : le Démineur est un exemple clair et concret de déduction sous contraintes et de probabilités
- Wikis d’équipe et intranets : une grille 9×9 sur la page « salle de pause » ne demande ni connexion ni installation
- Sites personnels et rétro : le thème rétro colle parfaitement aux mises en page façon Windows 95
- Pages 404 et de maintenance : transforme une impasse en quelque chose à faire
Conditions d’utilisation
L’intégration du Démineur est gratuite sur n’importe quel site. Nous te demandons seulement :
- De coller le lien de mention avec l’iframe, et de le laisser pointé vers le jeu. Changer son style ou sa position ne pose aucun problème
- De ne pas envelopper ni modifier l’intégration pour masquer la provenance du jeu
- De ne pas t’en servir pour quoi que ce soit d’illégal