{"id":1015,"date":"2019-01-27T16:19:40","date_gmt":"2019-01-27T15:19:40","guid":{"rendered":"http:\/\/entropie.org\/3615\/?p=1015"},"modified":"2021-03-02T11:29:09","modified_gmt":"2021-03-02T10:29:09","slug":"assemblage-dimages-avec-processing","status":"publish","type":"post","link":"https:\/\/entropie.org\/3615\/index.php\/2019\/01\/27\/assemblage-dimages-avec-processing\/","title":{"rendered":"Assemblage d&rsquo;images avec Processing"},"content":{"rendered":"<p><strong>Pr\u00e9sentation :<\/strong><\/p>\n<p>Le programme ci-dessous permet d&rsquo;assembler des <a href=\"http:\/\/entropie.org\/3615\/download\/images.zip\" rel=\"noopener\" target=\"_blank\">images<\/a> pour en cr\u00e9er une plus grande.<\/p>\n<p><a href=\"https:\/\/entropie.org\/3615\/wp-content\/uploads\/2019\/01\/assemblage.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/entropie.org\/3615\/wp-content\/uploads\/2019\/01\/assemblage.png\" alt=\"\" width=\"640\" height=\"230\" class=\"alignnone size-full wp-image-1014\" srcset=\"https:\/\/entropie.org\/3615\/wp-content\/uploads\/2019\/01\/assemblage.png 640w, https:\/\/entropie.org\/3615\/wp-content\/uploads\/2019\/01\/assemblage-300x108.png 300w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/a><\/p>\n<p><strong>Le code Processing :<\/strong><\/p>\n<p><html><body><\/p>\n<pre>\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n<span style=\"color: #666666;\">\/*<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;Assemblage&nbsp;d&apos;images<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;Version&nbsp;de&nbsp;Processing&nbsp;utilis&#233;e&nbsp;:&nbsp;3.5.2<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;Important&nbsp;:<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;---------<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;Les&nbsp;noms&nbsp;des&nbsp;fichiers&nbsp;images&nbsp;&#224;&nbsp;assembler&nbsp;sont&nbsp;ici&nbsp;du&nbsp;type&nbsp;:<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;image-0001.png,&nbsp;image-0002.png,&nbsp;etc.<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>\r\n<span style=\"color: #666666;\">&nbsp;&nbsp;&nbsp;http:\/\/3615.entropie.org<\/span>\r\n<span style=\"color: #666666;\">*\/<\/span>\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<span style=\"color: #666666;\">\/\/&nbsp;Param&#232;tres&nbsp;&#224;&nbsp;adapter<\/span>\r\n<span style=\"color: #E2661A;\">String<\/span> extension = <span style=\"color: #7D4793;\">&quot;.png&quot;<\/span>;  <span style=\"color: #666666;\">\/\/ Extension des images<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> largeurImage = 200;     <span style=\"color: #666666;\">\/\/ Largeur d&apos;une image<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> hauteurImage = 100;     <span style=\"color: #666666;\">\/\/ Hauteur d&apos;une image<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> nbImagesX = 3;          <span style=\"color: #666666;\">\/\/ Nombre d&apos;images &#224; placer en largeur<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> nbImagesY = 2;          <span style=\"color: #666666;\">\/\/ Nombre d&apos;images &#224; placer en hauteur<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> marge = 10;             <span style=\"color: #666666;\">\/\/ Marge entre les images<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> couleurMarge = 0;       <span style=\"color: #666666;\">\/\/ Couleur de la marge<\/span>\r\n\r\n<span style=\"color: #666666;\">\/\/&nbsp;Variables<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> <span style=\"color: #D94A7A;\">width<\/span> = largeurImage*nbImagesX + marge*(nbImagesX+1);\r\n<span style=\"color: #E2661A;\">int<\/span> <span style=\"color: #D94A7A;\">height<\/span> = hauteurImage*nbImagesY + marge*(nbImagesY+1);\r\n<span style=\"color: #E2661A;\">int<\/span> nbImages = nbImagesX * nbImagesY;     <span style=\"color: #666666;\">\/\/ Nombre total d&apos;images<\/span>\r\n<span style=\"color: #E2661A;\">PImage<\/span> img[ ]= <span style=\"color: #33997E;\">new<\/span> <span style=\"color: #E2661A;\">PImage<\/span>[nbImages];      <span style=\"color: #666666;\">\/\/ Tableau d&apos;images<\/span>\r\n<span style=\"color: #E2661A;\">int<\/span> indexImage = 0;         <span style=\"color: #666666;\">\/\/ Position de l&apos;image dans le tableau<\/span>\r\n<span style=\"color: #E2661A;\">float<\/span> x,y;                  <span style=\"color: #666666;\">\/\/ Coin sup&#233;rieur gauche de l&apos;image<\/span>\r\n\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<span style=\"color: #33997E;\">void<\/span> <span style=\"color: #006699;\"><b>settings<\/b><\/span>() {\r\n&nbsp;&nbsp;<span style=\"color: #006699;\">size<\/span>(<span style=\"color: #D94A7A;\">width<\/span>, <span style=\"color: #D94A7A;\">height<\/span>);\r\n}\r\n\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<span style=\"color: #33997E;\">void<\/span> <span style=\"color: #006699;\"><b>setup<\/b><\/span>() {\r\n&nbsp;&nbsp;<span style=\"color: #669900;\">for<\/span> (<span style=\"color: #E2661A;\">int<\/span> i=0; i&lt;nbImages; i++) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #666666;\">\/\/ Le nom du fichier est compos&#233; de 4 chiffres + l&apos;extension<\/span>\r\n&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #E2661A;\">String<\/span> nomFichier = <span style=\"color: #7D4793;\">&quot;image-&quot;<\/span>+<span style=\"color: #006699;\">nf<\/span>(i+1,4)+extension;\r\n&nbsp;&nbsp;&nbsp;&nbsp;img[i]&nbsp;=&nbsp;<span style=\"color: #006699;\">loadImage<\/span>(nomFichier);\r\n&nbsp;&nbsp;}\r\n&nbsp;x&nbsp;=&nbsp;marge;\r\n&nbsp;y&nbsp;=&nbsp;marge;\r\n&nbsp;<span style=\"color: #006699;\">background<\/span>(couleurMarge);\r\n}\r\n\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<span style=\"color: #33997E;\">void<\/span> <span style=\"color: #006699;\"><b>draw<\/b><\/span>() {\r\n&nbsp;&nbsp;<span style=\"color: #669900;\">if<\/span> (indexImage &lt; nbImages) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #006699;\">image<\/span>(img[indexImage], x, y, largeurImage, hauteurImage);\r\n&nbsp;&nbsp;&nbsp;&nbsp;indexImage++;\r\n&nbsp;&nbsp;&nbsp;&nbsp;x&nbsp;=&nbsp;x&nbsp;+&nbsp;largeurImage&nbsp;+&nbsp;marge;\r\n&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #669900;\">if<\/span> (x &gt;= <span style=\"color: #D94A7A;\">width<\/span>) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x&nbsp;=&nbsp;marge;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;y&nbsp;=&nbsp;y&nbsp;+&nbsp;hauteurImage&nbsp;+&nbsp;marge;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;\r\n&nbsp;&nbsp;}\r\n&nbsp;&nbsp;<span style=\"color: #669900;\">else<\/span> { <span style=\"color: #006699;\">save<\/span>(<span style=\"color: #7D4793;\">&quot;assemblage.png&quot;<\/span>); }\r\n}\r\n\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<span style=\"color: #33997E;\">void<\/span> <span style=\"color: #006699;\"><b>keyPressed<\/b><\/span>() {\r\n&nbsp;&nbsp;<span style=\"color: #669900;\">if<\/span> (<span style=\"color: #D94A7A;\">key<\/span> == <span style=\"color: #718A62;\">ESC<\/span>) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color: #006699;\">exit<\/span>();\r\n&nbsp;&nbsp;}\r\n}\r\n\r\n<span style=\"color: #666666;\">\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/span>\r\n\r\n<\/pre>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9sentation : Le programme ci-dessous permet d&rsquo;assembler des images pour en cr\u00e9er une plus grande. Le code Processing : \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/* &nbsp;&nbsp;&nbsp;Assemblage&nbsp;d&apos;images &nbsp;&nbsp;&nbsp;Version&nbsp;de&nbsp;Processing&nbsp;utilis&#233;e&nbsp;:&nbsp;3.5.2 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Important&nbsp;: &nbsp;&nbsp;&nbsp;&#8212;&#8212;&#8212; &nbsp;&nbsp;&nbsp;Les&nbsp;noms&nbsp;des&nbsp;fichiers&nbsp;images&nbsp;&#224;&nbsp;assembler&nbsp;sont&nbsp;ici&nbsp;du&nbsp;type&nbsp;: &nbsp;&nbsp;&nbsp;image-0001.png,&nbsp;image-0002.png,&nbsp;etc. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;http:\/\/3615.entropie.org *\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/&nbsp;Param&#232;tres&nbsp;&#224;&nbsp;adapter String extension = &quot;.png&quot;; \/\/ Extension des images int largeurImage = 200; \/\/ Largeur d&apos;une image int hauteurImage = 100; \/\/ Hauteur &hellip; <a href=\"https:\/\/entropie.org\/3615\/index.php\/2019\/01\/27\/assemblage-dimages-avec-processing\/\" class=\"more-link\">Continuer la lecture<span class=\"screen-reader-text\"> de &laquo;&nbsp;Assemblage d&rsquo;images avec Processing&nbsp;&raquo;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,5],"tags":[],"class_list":["post-1015","post","type-post","status-publish","format-standard","hentry","category-processing","category-tutoriels"],"_links":{"self":[{"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/posts\/1015"}],"collection":[{"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/comments?post=1015"}],"version-history":[{"count":11,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/posts\/1015\/revisions"}],"predecessor-version":[{"id":3792,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/posts\/1015\/revisions\/3792"}],"wp:attachment":[{"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/media?parent=1015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/categories?post=1015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/entropie.org\/3615\/index.php\/wp-json\/wp\/v2\/tags?post=1015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}