"Générateur" de puzzle

Téléchargement PC

Voici de quoi préparer un puzzle pour jouer en local ou pour votre site. Votre part du travail consiste en la préparation des images.
Pour voir ce que l'on peut faire avec ce "générateur", allez voir quelques réalisations.

 

Si ça vous intéresse...

  • Préparez une image de 360 x 288 pixels (Largeur x Hauteur)
    .
  • Créez un dossier (vous pouvez lui donner n'importe quel nom).
    Tout ce qui va suivre (images, page html) devra être rangé dans ce dossier.
    Si vous souhaitez faire plusieurs puzzles, prévoyez un dossier différent pour chacun.
    .
  • Pour réaliser un puzzle 9 pièces, découpez l'image en 9 morceaux de 120 x 96 pixels. Enregistrez les images au format GIF et donnez leur les noms image1.gif, image2.gif,..., image9.gif (ligne par ligne)

    Pour découper mes images j'utilise le logiciel Adobe PhotoDeluxe (plus diffusé) : menus ou fonctions avancées / taille / taille de la zone de travail. Le logiciel gratuit PhotoFiltre (www.photofiltre.com) permet également cette opération grâce à son plugin "Fractionnement html", à télécharger en complément.
    .
    Pour réaliser un puzzle 12 pièces, découpez l'image en 12 morceaux de 90 x 96 pixels. Enregistrez les image au format GIF et donnez leur les noms image1.gif, image2.gif,..., image12.gif
    .
    Pour réaliser un puzzle 16 pièces, découpez l'image en 16 morceaux de 90 x 72 pixels. Enregistrez les image au format GIF et donnez leur les noms image1.gif, image2.gif,..., image16.gif
    .
    Pour réaliser un puzzle 20 pièces, découpez l'image en 20 morceaux de 72 x 72 pixels. Enregistrez les image au format GIF et donnez leur les noms image1.gif, image2.gif,..., image20.gif
    .
  • Pour réaliser un puzzle 9 pièces avec "pièces à côté du puzzle", chargez la page puzCot9.htm et enregistrez-la au format source (page web HTML uniquement).
    .
    Pour réaliser un puzzle 12 pièces avec "pièces à côté du puzzle", chargez la page puzCot12.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 16 pièces avec "pièces à côté du puzzle", chargez la page puzCot16.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 20 pièces avec "pièces à côté du puzzle", chargez la page puzCot20.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 9 pièces avec "pièces dans le puzzle", chargez la page puzDan9.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 12 pièces avec "pièces dans le puzzle", chargez la page puzDan12.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 16 pièces avec "pièces dans le puzzle", chargez la page puzDan16.htm et enregistrez-la au format source.
    .
    Pour réaliser un puzzle 20 pièces avec "pièces dans le puzzle", chargez la page puzDan20.htm et enregistrez-la au format source.
    .
  • Enregistrez l'image blanche ci-dessous sous le nom blanc.gif

    .
  • Si vous faites un puzzle avec "pièces à côté du puzzle", enregistrez l'image ci-dessous sous le nom interog.gif

    .
  • Ouvrez votre navigateur : Netscape 3, Navigator ou Explorer 4.? et plus...
    Ouvrez la page html précédemment sauvegardée (par exemple puzCot9.htm)... et si tout c'est bien passé... ça marche !

 

Vous pouvez...

  • Modifier la couleur du fond
    .
  • Remplacer les images blanc.gif et interog.gif par d'autres images de la même taille
    .
  • Insérer des liens, ajouter des champs de texte, des boutons, des images...
    .
  • ATTENTION, certains "constructeurs" de page html modifient automatiquement certaines choses... Faites vos essais sur une copie du fichier...

 

Un problème, des suggestions.... ?

Ecrire

 

Vous utilisez ce "générateur" ?

Si vous avez mis un puzzle sur votre site, donnez-m'en l'adresse, j'irai le visiter.
Ecrire

 

SOMMAIRE