Étrennes 2014

Alors voilà ce que le Père Noël vous a bricolé, avec patience et obstination.

C'est encore expérimental et pas forcément très beau partout. Ça marche sous IE (du moins ça le devrait) mais ce n'est vraiment chiadé soigné que sous les autres navigateurs, parce que c'est plein de CSS3. Il est possible cependant qu'IE 10, voire 9, et ultérieurs rendent bien – bien que très, trop répandu, le sectarisme est un vilain défaut et je voudrais en rester exempt.

Inutile de vous dire que vos commentaires sont attendus avec intérêt !

---

Edit du 2 janvier : corrigé un bug (voir les comms) et ajouté de l'aide :-)

Edit-bis du 2 janvier : ajouté quelques photos.

Edit-ter du 2 janvier : ajouté des info-bulles secourables :-)

Edit-quater du 3 janvier (et après j'arrête le latin) : encore quelques photos, corrigé un petit bug d'affichage sous IE8, remarqué un autre bug d'affichage dont la correction m'emm… (j'adore IE8), enfin compris ce que Christina veut dire à propos de la fin qui va trop vite (mais non ce n'est pas salace. Rhaaalala…), m'en occuperai demain. Ce soir je fume ma bouffarde, non mais !

Edit-cinq du 4 janvier : amélioré l'animation de réussite du puzzle : une seconde pour contempler votre œuvre avant que tout ne s'efface. Condensé l'aide, corrigé un curieux bug de chargement d'image : en cas d'erreur 404 le chargement est déclaré accompli. Ce n'est pas complètement faux puisqu'il est inutile d'attendre, mais il faut bien comprendre que "accompli" ou "terminé" ne signifie pas forcément "réussi" ou "satisfaisant" !

Edit-six du 22 janvier : transformé le bouton "Réinit" en compteur des coups déjà joués (mais on peut toujours cliquer dessus pour réinitialiser la grille)

---

*** Il faut activer JavaScript pour voir ce jeu ***

Choisissez une photo puis cliquez sur le bouton "Go !"

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

C'est quoi ça ? C'est un jeu de taquin : la photo est divisée en carrés, à vous de la reconstituer.

Comment ? Il y a un trou dans la grille, il correspond au fragment en bas à droite de l'image. Cliquez sur une pièce voisine du trou, elle glissera à la place du trou. Il ne vous restera plus qu'à recommencer…

Des trucs bons à savoir :

• cliquer sur le trou fait clignoter les pièces que vous pouvez déplacer ;
• le trou vous indique le nombre de pièces correctement placées par rapport au nombre total de pièces ;
• pour y voir plus clair, et si vous êtes en train de jouer avec une photo, vous pouvez afficher le numéro des pièces. La pièce qui va en haut à gauche porte le numéro 1, sa voisine de droite le numéro 2, et ainsi de suite jusqu'au trou qui doit arriver en bas à droite ;
• si vous êtes paumé(e), cliquez sur le compteur de coups : les pièces reviendront à leur place initiale ;
• si vous êtes vraiment paumé(e), le bouton 'Soluce' fera le travail pour vous, tout en affichant le nombre de coups restant à jouer. Si c'est trop long, cliquez à nouveau sur ce bouton : vous sauterez directement à la fin.

D'autres trucs bons à savoir :

• à tout moment vous pouvez changer le niveau de difficulté, on vous proposera une nouvelle partie avec la même photo ;
• une fois le problème résolu (car vous êtes très fort(e)), vous pouvez aussi cliquer sur le même niveau ou un autre pour entamer une nouvelle partie avec la même photo ;
• si vous jouez sans photo, ou bien si la photo choisie n'arrive pas à se charger (ça arrive parfois…), le jeu vous proposera une grille unie avec pièces numérotées : une grille de taquin classique, ni plus ni moins.

Si vous avez d'autres questions, si vous trouvez un bug, si vous avez une idée d'amélioration, n'hésitez pas à laisser un commentaire.

Comments

[Christina]

Trois coups c'est bien la première fois, d'autres fois c'est bien plus mélangé.
Là il y avait juste le trou au milieu et tout le tour haut du chat déjà en place, là c'est facile à voir - mais sinon une image à côté aiderait, surtout si on voulait s'attaquer aux niveaux
supérieurs au 1 :)

[Bren du fat !]

J'ai bien noté, j'ai bien noté.... :-)

[Christina]

ha, bonsoir, le chat gagné en trois coups - faut dire qu'au départ j'ai eu la chance que ce ne soit pas trop mélangé (pour une fois).

J'allais justement dire que ça aiderait si on avait la petite photo affichée au côté, parce que sinon il faut une sacrée mémoire visuelle (ok on peut mettre les chiffres, mais c'est moins
drôle)

Et merci encore du coup de main pour mon problème connexe du lazy load : avec visibility ça marche impec, comme avant - au moins pour le survol. Reste bien sûr le grand trou noir au départ, mais Ob
va bien nous arranger ça j'espère ...z'ont qu'à vous demander de les aider, ça ira plus vite ;)

bonne nuit

[Bren du fat !]

*TROIS* coups ??? OOoohhhh faut que je durcisse le truc ! :-DD


Petite photo : bonne idée, faut que je creuse.


Coup de main : de rien !

[COCO]

Peux-tu me redonner ton adresse email (j'ai perdu tout mon carnet d'adresses email en reconfigurant l'ordi...) J'ai récupéré la plupart au boulot mais pas l'adresse centrale, je ne l'avais pas
notée au boulot.. BONNE ANNEE (puisque je n'ai pas pu t'envoyer d'email) Bises Coco

[Bren du fat !]

Bonne année et bonne lecture ;-)

[Coco]

Merci pour ce joli petit jeu.. du coup je reviens plus souvent!!

[Bren du fat !]

Pardon de répondre avec retard, mais je donnais quelques coups de lime et de rabot à des détails chronophages. Je te laisse les découvrir, héhéhé !

[Axi]

Alors là, chapeau !

[Bren du fat !]

Ah ben ça... Concis mais très agréable ! :-)

[les brigades]

Bonne année Monsieur et merci pour ces petits puzzles.

[Bren du fat !]

Bonne année jeune homme, et ne va pas compromettre ta productivité ! :-D

[Christina]

ça marche, pour un deuxième jeu on a les boutons de n° aussi à présent.
Hier j'ai cliqué retour/photo/go, là il n'y avait pas les boutons, mais en rechargeant la page je crois ça avait marché - de toute façon c'est réglé maintenant, vous êtes un chef.
Cela dit, on va pas y passer la journée (c'est vache votre truc), sauf à être à la retraite...

Une possible explication pour le côté intuitif pas évident : c'est un jeu de mon enfance (en plastique, pour les voyages) - donc l'intuition pour ma génération c'est de les pousser, pas juste les
cliquer... Pour les jeunes, élevés à la souris (ou les geeks) ça ne doit pas être un problème j'imagine ;)

[Bren du fat !]

Content d'avoir réglé cette histoire de boutons à éclipse :-)


L'intuition / prise en main : votre remarque se tient, je me suis d'ailleurs posé des questions en commençant le développement. Mais je me suis dit : certes on pousse (ou tire) les pièces mais
leur déplacement est contraint, imposé : aller combler le trou, point. Pas comme avec un puzzle, où l'on peut (doit) tourner la pièce, la poser ici ou là pour voir ce qu'elle donne. Beaucoup plus
compliqué à programmer ! C'est bien pourquoi j'ai laissé tomber cette idée, un instant caressée.


Dans l'espoir de clarifier les choses je viens d'ajouter une aide. Plus tard j'ajouterai aussi quelques infobulles bien placées - on verra bien...

[Anna]

Génial ! J'adore le taquin ! Merci Brendufat, et bonne année à toi !
*gros bisou qui claque*

[Bren du fat !]

Bonne année !

[Christina]

(si, si ça marche - c'est que le premier coup, avec la photo, j'avais pas dû essayer de juste cliquer dessus)
là j'ai fait le chat, en 32 (mais aidé) -
et puis je voulais faire la feuille, mais ça ne voulait plus m'aider (boutons disparus) alors j'ai repris sans photo... hé, hé, vite fait, bien fait, en 4 coups !
Dodo

[Bren du fat !]

boutons disparus : argh ! le voilà, le fameux bug honteux ! La correction est prête, je l'installe dans la journée. En attendant, pour contourner la difficulté, vous pouvez faire un
'retour-aller' : cliquer sur Retour puis sur Go !


*** Edit *** le bug est corrigé (j'espère !)

[elihah]

HA ben avec ma pomme plus récente ça marche bcp mieux!!
Mais ça ne m'interesse tjs pas-si si ça me rappelle des trucs, mais bon justement, des trucs qui ne m'intéressaient pas, parce que oh bref, du folklore familial.
Je vais tenter d''en finir un, quand même par respect pour le bonhomme :-)

[Bren du fat !]

Ne te rends pas malade pour si peu, je m'en voudrais :-)