Des grilles avec le plugin « Jeux »

Introduction

Cet article concerne l’utilisation du plugin « Jeux » qui permet d’insérer dans vos articles différents jeux. Ici, Il est traité tout particulièrement de l’insertion dans vos articles de grilles de chiffres ou de lettres.

Vous pouvez trouver et télécharger ce plugin à cette adresse : Des jeux dans vos articles !

Dépendances

Pour un usage optimal, il vous faut une version de SPIP supérieure ou égale à 1.9.2 ou sinon, installer et activer le plugin Jquery que vous pouvez télécharger ici : http://zone.spip.org/files/spip-zon....]].

Grâce à jQuery et à Javascript bien fonctionnels dans votre navigateur, vous bénéficierez alors de conditions confortables pour naviguer dans les grilles de vos espaces publics et privés.

-  module : mots_croises.php, mots_croises.js et mots_croises.css
-  séparateurs obligatoires : [horizontal], [vertical] & [solution]
-  séparateurs optionnels : [titre], [texte], [copyright], [config]
-  plusieurs grilles entre <jeux> et </jeux> : non
-  paramètres de configuration par défaut :

solution=oui	// Afficher de la solution ?
fondnoir=noir	// Couleur des cases noires
compact=non	// Définitions en format compact ?
type=0	// type de grille : 0 ou 1
vertical=chiffres // on met des chiffres en vertical ou bien des lettres ? (vertical=lettres)
horizontal=lettres // on met des lettres en horizontal ou bien des chiffres (horizontal=chiffres)

Un exemple virtuel :

<jeux>
	[horizontal]
	Definition A
	Definition B1. Definition B2
	Definition C
	[vertical]
	Definition 1
	Definition 2
	Definition 3
	[solution]
	aaa
	bcg
	a*d
</jeux>

Après le séparateur [solution], il faut écrire toutes les lignes horizontales de la grille (et seulement elles), en indiquant les cases noires grâce à une étoile (*). Cet énoncé représente facilement la grille une fois réalisée, mais attention de ne pas vous tromper en oubliant une case !

Les couleurs disponibles pour les cases noires ([config] fondnoir=xxx) sont actuellement : blanc, noir, gris, vert, bleu, brun, jauneclair, brunclair (ou white, black, grey, green, blue, brown, lightyellow, lightbrown).

Le tiret (-) seul sur une ligne est utilisé lorsqu’aucun mot n’est à définir horizontalement ou verticalement. En mode compact ([config] compact=oui), la ligne ou la colonne non utilisée n’est pas affichée dans les définitions. Exemple :

<jeux>
	[titre] une grille test !
	[horizontal]
	Définition pour A
	-
	Définition pour C
	[vertical] (...)
	[solution] (...)
	[config]
	compact=oui
</jeux>

Un exemple réel :

Code de l’image ci-dessus :

<jeux>
[horizontal]
Il y en a beaucoup dans les rues lors de la fête de la musique.
Séances musicales données pour un large public dans différentes villes. Presque abus.
La groupie en poussera un d'admiration lors d'un concert. Accompagna naguère Anna. Tas.
En comptabilité, Opérations Diverses. Qui a encore la vigueur et le charme de la jeunesse. Première note de la gamme de do.
Instrument de musique triangulaire à cordes inégales, que l'on pince des deux mains. Réjouissance.
Premier groupe. On en tire du sirop.
Abréviation d'un instrument à vent en cuivre, muni d'un bec de clarinette et de clés. Mauvais pour la peau.
Familièrement, sont hors d'usage. Négation. Son propre à chaque animal.
Enleva. Choisira.
Tambour hémisphérique. Cinquième note.
Adverbe de lieu. Doucement.
Recueil d'exercices musicaux. Soleil anglais.
[vertical]
Ensemble de sons émis simultanément. Signes figurant des sons et leur durée.
Il ne faut pas le perdre. Civilisation latine.
Début d'une injustice grave. Sert à appeler. Oncle d'Amérique.
Précède Solar. Se fait remarquer avec son album Oxygène. Exprime l'indifférence, le doute, l'ironie.
Donner de l'air. Tenta dans le désordre.
Les artistes qui se produisent ensemble en forment. Va avec Play.
La chanteuse l'est parfois pour l'exercice de son métier.
On peut parfois tomber dessus. Dirigée.
Bof dans le désordre.
Prénom de Beckett. Plaças.
Celui qui, dans un orchestre de jazz, tient la batterie. Organisation des Nations Unies.
Abréviation d'autobus. Instrument de musique à quatre cordes et à archet.
[solution]
ANIMATIONS*B
CONCERTS*ABU
CRI*ROI*AMAS
OD*JEUNE*UT*
R*HARPE*FETE
D*ER*ERABLE*
*L*R*SAXO*UV
NASES*NE*CRI
OTA*OPTERA*O
TIMBALE**SOL
EN*O*U*PIANO
SOLFEGE**SUN
[config]
compact=oui
</jeux>

Utilisation de la grille :

-  Le remplissage de la grille est simplifié par la possibilité de se déplacer au clavier (flèche gauche, droite, haut et bas) pendant la saisie.
-  Les lettres tapées sont automatiquement changées en majuscules.
-  Lorsqu’on entre une lettre, le curseur se déplace automatiquement dans la case suivante sur le plan horizontal ou vertical.
-  Le sens du déplacement automatique est modifié par le clic droit de la souris.
-  Au survol de la grille, l’icône de la souris se modifie en indiquant le sens d’écriture (flèches horizontales ou verticales).

Concernant l’alphabet utilisé, il est possible d’en choisir un autre ou de l’indiquer en clair à chaque jeu :

[config]
alphabet=azerty1
alphabet=A,B,C,D,È,É,Ê,Ë,Ï,Î,À,Â,Ä,Ô,Ö,Ù,Û,Ü

Voici les alphabets actuellement disponibles nativement :

latin1  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,-
latinbr  : A,B,C,D,,E,F,G,H,I,,J,K,L,M,N,,O,P,Q,R,S,,T,U,V,W,X,,Y,Z,-
azerty1  : A,Z,E,R,T,Y,U,I,O,P,,Q,S,D,F,G,H,J,K,L,M,,W,X,C,V,B,N
azerty2  : A,Z,E,R,T,Y,U,I,O,P,,Q,S,D,F,G,H,J,K,L,M,,W,X,C,V,B,N,-
qwerty1  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,,Z,X,C,V,B,N,M
qwerty2  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,,Z,X,C,V,B,N,M,-
qwerty3  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,Ñ,,Z,X,C,V,B,N,M,-
español1  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,Ñ,O,P,Q,R,S,T,U,V,W,X,Y,Z,-
español2  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,Ñ,O,P,Q,R,S,T,U,V,W,X,Y,Z,Á,É,Í,Ó,Ú,-
cyrillic1  : А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ь,Ы,Э,Ю,Я

Une autre façon de personnaliser votre alphabet est d’ajouter la ligne suivante dans config/mes_options.php :

define('jeux_alphabet_mesaccents', 'A,B,C,D,È,É,Ê,Ë,Ï,Î,À,Â,Ä,Ô,Ö,Ù,Û,Ü');

et puis configurer le jeu comme ceci :

[config]
alphabet=mesaccents

-  module : sudoku.php
-  séparateurs obligatoires : [sudoku] & [solution]
-  séparateurs optionnels : [titre], [texte], [copyright], [config]
-  plusieurs grilles entre <jeux> et </jeux> : non
-  paramètres de configuration par défaut :

solution=oui        // Afficher de la solution ?

Les grilles de sudoku peuvent avoir les tailles : 4x4, 6x6 ou 9x9.
Les cases blanches sont représentées par le tiret : ’-’

Exemples :

<jeux>
	[sudoku]
	-2
	--5--4
	3--5
	----3
	--1--6
	6--1
	[solution]
	423615
	165324
	314562
	256431
	531246
	642153
</jeux>

Une case blanche dans la grille (case à remplir par l’utilisateur) doit être notée par un tiret (-) dans l’énoncé du sudoku : voir l’exemple ci-dessus. Notez que les tirets terminaux ne sont pas obligatoires : « -2 » est interprété comme « -2---- » dans un sudoku de 6 lignes.

Utilisation de la grille :

Pour un usage optimal, il vous faut une version de Spip supérieure à 1.9.2 ou installer et activer le plugin Jquery [1].Si la condition précédente est remplie et si Javascript est bien fonctionnel sur votre navigateur, alors :
-  Le remplissage de la grille est simplifié par la possibilité de se déplacer au clavier (flèche gauche, droite, haut et bas) pendant la saisie.
-  Lorsqu’on entre un chiffre, le curseur se déplace automatiquement dans la case suivante sur le plan horizontal ou vertical.
-  Le sens du déplacement automatique est modifié par le clic droit de la souris.
-  Au survol de la grille, l’icône de la souris se modifie en indiquant le sens d’écriture (flèches horizontales ou verticales).