Ce que ces guides ont en commun
Tous ces guides partent du même endroit : le générateur de code d’intégration du Démineur, où tu choisis une taille de grille et un thème. Ce qu’il te rend a deux parties : une iframe qui affiche le jeu, et un court paragraphe en dessous avec un lien vers play-minesweeper.games. Colle les deux. La plupart des plateformes prennent le tout tel quel. Parmi les outils de création de sites, Notion fait exception, car il n’a aucun bloc HTML brut : tu y donnes l’URL à un bloc d’intégration et tu recrées la ligne de mention sous forme de légende. Google Classroom n’accepte pas de HTML non plus : là, tu publies un lien.
Ce lien de mention, c’est le marché. L’intégration n’a ni inscription, ni limite d’usage, ni prix parce que les sites qui l’utilisent font un lien vers nous : le lien accompagne donc chaque extrait et ne dépend d’aucune option. C’est du HTML simple dans ta propre page, visible dans le générateur avant que tu le copies, et tu peux tout à fait changer son style pour l’accorder à ton design. C’est la ligne « Powered by » dessinée à l’intérieur du cadre de jeu qui est facultative.
Le jeu tourne entièrement dans le cadre. Ton site n’a aucun script à charger, tes lecteurs n’ont aucun compte à créer, rien n’est stocké sur ton serveur. La grille se joue à la souris (le clic gauche révèle, le clic droit pose un drapeau, un clic ou un double-clic sur un chiffre satisfait fait un accord) et sur écran tactile (une touche révèle, un appui long pose un drapeau).
Les tailles de grille et la place qu’elles demandent
- Débutant 9×9 : environ 344 × 472 pixels. Sans risque dans les barres latérales, les thèmes étroits et sur téléphone.
- Intermédiaire 16×16 : environ 536 × 664 pixels. Convient à une colonne d’article de blog normale.
- Expert 30×16 : environ 956 × 664 pixels. Demande une mise en page pleine largeur sur un écran d’ordinateur.
Les grilles personnalisées fonctionnent aussi : ajoute ?size=12x12&mines=20 à l’URL d’intégration pour n’importe quelle forme entre 5×5 et 30×30. Ajoute &theme=dark ou &theme=retro pour l’accorder à ton site.