{"id":473,"date":"2023-07-15T10:52:38","date_gmt":"2023-07-15T09:52:38","guid":{"rendered":"https:\/\/ghyslain-clement.fr\/?p=473"},"modified":"2024-08-05T10:24:08","modified_gmt":"2024-08-05T09:24:08","slug":"zelliges-et-encore-zelliges","status":"publish","type":"post","link":"https:\/\/ghyslain-clement.fr\/?p=473","title":{"rendered":"Zelliges et encore zelliges"},"content":{"rendered":"<p>Quand j&rsquo;ai une id\u00e9e en t\u00eate il faut que je la r\u00e9alise. Apr\u00e8s avoir glandouill\u00e9 quelques mois, depuis d\u00e9but juin je suis de nouveau libre de d\u00e9velopper, \u00e9tant libre d&rsquo;occupation. En fin f\u00e9vrier-d\u00e9but mars, j&rsquo;avais commenc\u00e9 \u00e0 cr\u00e9er des rythmes avec des zelliges mais je n&rsquo;ai pas eu le temps d&rsquo;avancer \u00e0 cela, un \u00ab\u00a0accompagnement\u00a0\u00bb sur les mois de mars-avril-mai et d\u00e9but juin ne m&rsquo;ont permis que de r\u00e9aliser une base de donn\u00e9es de formes. j&rsquo;en ai quand m\u00eame vectoris\u00e9s plus de mille et elles sont toutes accessibles pour l&rsquo;instant en SVG et Canvas2D pour l&rsquo;utilisation dans un programme pour le web.<!--more--><\/p>\n<p>Depuis d\u00e9but juin, je peux de nouveau passer une dizaine d&rsquo;heures et plus par jour \u00e0 la r\u00e9alisation de mon id\u00e9e : la construction de motifs de zelliges et autres motifs contemporains \u00e0 l&rsquo;aide de ces petites formes simples, la mosa\u00efque. Pendant que d&rsquo;autres jouent \u00e0 World of Warcraft ou \u00e0 Fortnite, moi je cr\u00e9e ou je r\u00e9plique des petits motifs sur le m\u00eame \u00e9cran que ces premiers.<\/p>\n<p>J&rsquo;ai donc r\u00e9alis\u00e9 un \u00e9cran de visualisation, de modifications (simples) et d&rsquo;informations de mes petites choses. En voici <a href=\"https:\/\/ghyslain-clement.fr\/?page_id=489\" target=\"_blank\">une copie d&rsquo;\u00e9cran actuelle<\/a> (s&rsquo;il y a coupure du lien n&rsquo;h\u00e9sitez pas \u00e0 m&rsquo;en avertir afin que je mette la derni\u00e8re version).<\/p>\n<p>Ce programme n&rsquo;affiche qu&rsquo;une seule zellige \u00e0 la fois. Je vous recommande d&rsquo;avoir un grand \u00e9cran pour visualiser correctement.<\/p>\n<p>Parall\u00e8lement, je d\u00e9veloppe des motifs par codage javascript de ces informations. Je vous mets ci-dessous les motifs sur lesquels j&rsquo;ai boss\u00e9 r\u00e9cemment. Ce n&rsquo;est, je l&rsquo;esp\u00e8re que le d\u00e9but d&rsquo;un travail important.<\/p>\n<p><a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01b_500x550.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-481\" alt=\"Motif_zellige_1.01b_500x550\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01b_500x550-272x300.jpg\" width=\"272\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01b_500x550-272x300.jpg 272w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01b_500x550.jpg 500w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a>\u00a0 <a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.00_500x550.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-479\" alt=\"Motif_zellige_1.00_500x550\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.00_500x550-272x300.jpg\" width=\"272\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.00_500x550-272x300.jpg 272w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.00_500x550.jpg 500w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><a style=\"font-size: 1rem;\" href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.02_500x550.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-482\" alt=\"Motif_zellige_1.02_500x550\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.02_500x550-272x300.jpg\" width=\"272\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.02_500x550-272x300.jpg 272w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.02_500x550.jpg 500w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><span style=\"font-size: 1rem;\">\u00a0\u00a0<\/span><a style=\"font-size: 1rem;\" href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01a_500x550.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-480\" alt=\"Motif_zellige_1.01a_500x550\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01a_500x550-272x300.jpg\" width=\"272\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01a_500x550-272x300.jpg 272w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_1.01a_500x550.jpg 500w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><\/p>\n<p>Le motif bleu provient d&rsquo;une colonne de la grande mosqu\u00e9e de Paris, le motif vert dans ses deux versions de l&rsquo;Alhambra de Grenade. Le dernier motif est une cr\u00e9ation personnelle.<\/p>\n<p>En parlant de la grande mosqu\u00e9e de Paris, voici un motif rep\u00e9r\u00e9 pr\u00e9sent \u00e0 plusieurs places dans les jardins de celle-ci.<\/p>\n<p><a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris.png\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-493\" alt=\"Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris.png\" width=\"814\" height=\"813\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris.png 814w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris-150x150.png 150w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris-300x300.png 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20b-grande_mosqu\u00e9e_de_paris-624x623.png 624w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/a><\/p>\n<p>Avant de continuer, un peu d&rsquo;information (reprise de <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Grande_Mosqu\u00e9e_de_Paris\">Wikip\u00e9dia<\/a>) : la grande mosqu\u00e9e de Paris est \u00e9tabli dans le 5\u00e8me arrondissement depuis 1926. C&rsquo;est la premi\u00e8re mosqu\u00e9e d\u00e9di\u00e9 au culte musulman \u00e9difi\u00e9e en France m\u00e9tropolitaine pour remercier le r\u00f4le et surtout la mort des soldats indig\u00e8nes (issus de la colonisation) lors de la premi\u00e8re guerre mondiale. Auparavant, sous Napol\u00e9on III, un \u00e9difice avait d\u00e9j\u00e0 \u00e9t\u00e9 construit au P\u00e8re-Lachaise dans le quartier musulman nouvellement cr\u00e9\u00e9 suite \u00e0 la participation de l&#8217;empire ottoman \u00e0 la guerre de Crim\u00e9e et ce pour accueillir la toilette mortuaire et la pri\u00e8re aux d\u00e9funts.<\/p>\n<p>La grande mosqu\u00e9e est construite en <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Architecture_n\u00e9o-mauresque\" target=\"_blank\">style hispano-mauresque<\/a>, style \u00e0 la mode en fin de XiX\u00e8me et au d\u00e9but du XX\u00e8me si\u00e8cle. Plus proche de chez nous, \u00e0 Tourcoing, le <a href=\"https:\/\/lilleculture.fr\/palais-vaissier\/\" target=\"_blank\">palais Vaissier<\/a> a \u00e9t\u00e9 construit fin XiX\u00e8me dans une approche de ce style avec des rajouts de type indien. Il ne reste malheureusement plus rien de cette demeure d\u00e9molie apr\u00e8s la seconde guerre mondiale, les seuls vestiges restant \u00e9tant les pavillons du concierge au coin de la rue de Mouvaux et de la rue du Congo.<\/p>\n<p>Je vous mets ci-dessous le motif original de la mosa\u00efque d&rsquo;o\u00f9 j&rsquo;ai extrait ce motif, celle-ci se trouvant sous la galerie sur l&rsquo;un des cot\u00e9s des jardins de la mosqu\u00e9e.<\/p>\n<p><a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Mosqu\u00e9e_de_Paris_04.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-494\" alt=\"Mosqu\u00e9e_de_Paris_04\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Mosqu\u00e9e_de_Paris_04.jpg\" width=\"640\" height=\"480\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Mosqu\u00e9e_de_Paris_04.jpg 640w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Mosqu\u00e9e_de_Paris_04-300x225.jpg 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Mosqu\u00e9e_de_Paris_04-624x468.jpg 624w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>photo d&rsquo;<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Utilisateur:Arnaud_25\" target=\"_blank\"><b>Arnaud Clerget <\/b><\/a>&#8211; en illustration sur Wikip\u00e9dia de l&rsquo;article sur la grande mosqu\u00e9e de Paris<\/p>\n<p>Vous remarquerez ce motif bleu en r\u00e9p\u00e9tition autour du grand motif central. Eh bien, c&rsquo;est celui-ci que j&rsquo;ai copi\u00e9 et je m&rsquo;attelle \u00e0 le r\u00e9aliser en entier si mon navigateur supporte la charge de ces milliers de petites pi\u00e8ces. Pour ma part et pour l&rsquo;instant je l&rsquo;ai dessin\u00e9 en vert plut\u00f4t qu&rsquo;en bleu mais d\u00e8s que j&rsquo;aurai r\u00e9alis\u00e9 une fonction g\u00e9rant un nuancier je changerai cela et ferai des variantes. \u00a0Pour l&rsquo;instant, j&rsquo;en ai fait quelques versions dont les suivantes pour montrer un peu l&rsquo;\u00e9volution et la possibilit\u00e9 d&rsquo;isoler une partie de cette mosa\u00efque pour en tirer le mieux de fa\u00e7on moderne.<\/p>\n<p><a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-624x624.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-496\" alt=\"Motif_zellige_2.20ab_au_20230711\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-300x300.jpg\" width=\"300\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-300x300.jpg 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-150x150.jpg 150w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-1024x1024.jpg 1024w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711-624x624.jpg 624w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ab_au_20230711.jpg 1202w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-624x624.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-495\" alt=\"Motif_zellige_2.20aa_au_20230713\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-300x300.jpg\" width=\"300\" height=\"300\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-300x300.jpg 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-150x150.jpg 150w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-1024x1024.jpg 1024w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713-624x624.jpg 624w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20aa_au_20230713.jpg 1202w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Vous aurez remarqu\u00e9 que le dernier motif est devenu parfaitement carr\u00e9. Je peux donc en profiter pour le mettre en situation comme un carreau de c\u00e9ramique traditionnel. Dans les deux versions ci-dessous le carreau de base est le m\u00eame; la seule chose diff\u00e9rente serait en cas d&rsquo;utilisation r\u00e9elle : une pose \u00e0 joints blancs d&rsquo;environ 5 mm pour un carreau de 20 cm et une pose \u00e0 l&rsquo;ancienne sans joint.<\/p>\n<p><a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ae_au_20230713_500x708.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-506\" alt=\"Motif_zellige_2.20ae_au_20230713_500x708\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ae_au_20230713_500x708-300x424.jpg\" width=\"300\" height=\"424\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ae_au_20230713_500x708-300x424.jpg 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ae_au_20230713_500x708.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a> <a href=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ad_au_20230713_500x708.jpg\" rel=\"lightbox[473]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-507\" alt=\"Motif_zellige_2.20ad_au_20230713_500x708\" src=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ad_au_20230713_500x708-300x424.jpg\" width=\"300\" height=\"424\" srcset=\"https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ad_au_20230713_500x708-300x424.jpg 300w, https:\/\/ghyslain-clement.fr\/wordpress_fold\/wp-content\/uploads\/2023\/07\/Motif_zellige_2.20ad_au_20230713_500x708.jpg 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Pour clore cet article, je dirai que je ne suis pas encore arriv\u00e9 \u00e0 la quintessence de mon programme, loin de l\u00e0, et la r\u00e9alisation et le positionnement des pi\u00e8ces me demande encore du travail mais chaque difficult\u00e9 est pour l&rsquo;instant analys\u00e9e et r\u00e9solue. J&rsquo;esp\u00e8re que vous tirerez de cet article quelques connaissances et que vous appr\u00e9cierez les motifs pr\u00e9sent\u00e9s.<\/p>\n<p>Bon week-end.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quand j&rsquo;ai une id\u00e9e en t\u00eate il faut que je la r\u00e9alise. Apr\u00e8s avoir glandouill\u00e9 quelques mois, depuis d\u00e9but juin je suis de nouveau libre de d\u00e9velopper, \u00e9tant libre d&rsquo;occupation. En fin f\u00e9vrier-d\u00e9but mars, j&rsquo;avais commenc\u00e9 \u00e0 cr\u00e9er des rythmes avec des zelliges mais je n&rsquo;ai pas eu le temps d&rsquo;avancer \u00e0 cela, un \u00ab\u00a0accompagnement\u00a0\u00bb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33,34],"tags":[],"class_list":["post-473","post","type-post","status-publish","format-standard","hentry","category-travaux","category-zelliges"],"_links":{"self":[{"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/posts\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=473"}],"version-history":[{"count":23,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/posts\/473\/revisions"}],"predecessor-version":[{"id":681,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=\/wp\/v2\/posts\/473\/revisions\/681"}],"wp:attachment":[{"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghyslain-clement.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}