Mur d'Images Map Generator :
Mode d'Emploi + Programme

Que fait ce programme ?

Il vous permet de créer un Collage de vos images à l'instar de mon Mur d'Images et de générer automatiquement la partie MAP sans que vous ayez besoin de vous en soucier.

Exécuter le programme en ligne : ici (Java Web Start)

Vous appréciez ce programme ?


Mode d'emploi :

  • 1 - Add Pictures
    Chargez dans le programme, les images que vous souhaiter (seuls les formats JPG et PNG sont autorisés).
    A noter que quelque soit le format initial des ces images, elles apparaitront toujours avec le même ratio afin de conserver une cohérence dans l'aspect visuel du collage.

    (cliquez sur l'image pour l'agrandir)

  • 2 - Glisser-déposer vos images sur le panneau de droite

  • 2bis - Background color
    Modifie la couleur du fond.

    (cliquez sur l'image pour l'agrandir)

  • 3 - Check Z-clipping
    N'hésitez pas à l'utiliser de temps à autre pour savoir si le programme effectue correctement le Z-clipping.
    Les surfaces utiles apparaissent en rouge avec un effet de transparence et les contours sont soulignés d'un trait bleu.
    (Si jamais, il y avait un problème, n'hésitez pas à utiliser le bouton "Undo" qui à chaque utilisation retire la dernière photo posée.)

    (cliquez sur l'image pour l'agrandir)

  • 3bis - Show coords matching
    Si vous cochez cette case, le mapping des coordonnées des polygones apparait sous la forme de traits noirs se superposant aux images. Ils doivent rigoureusement correspondre.

    (cliquez sur l'image pour l'agrandir)

  • 4 - Create Map/Save Picture
    Sauvegarde au format PNG, le collage réalisé et génère le MAP que vous pourrez copier/coller dans votre code HTML.

    Avant de sauvegarder, vous pouvez préremplir la zone : "Picture Directory" afin de génerer directement la source pour l'image du collage. Le chemin d'accès est concaténé au nom de l'image que vous avez utilisé lors de la sauvegarde.
    La case javascript génère mes appels à mes fonctions javascript. A priori, vous n'en avez pas besoin

    (cliquez sur l'image pour l'agrandir)

  Pour en savoir plus sur la génèse du programme