{"id":2510,"date":"2023-12-28T16:33:15","date_gmt":"2023-12-28T15:33:15","guid":{"rendered":"https:\/\/eva.louis-le-grand.net\/maths\/?p=2510"},"modified":"2024-02-06T17:58:00","modified_gmt":"2024-02-06T16:58:00","slug":"eponge-lactee-et-spaghettis-dhugo","status":"publish","type":"post","link":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/2023\/12\/28\/eponge-lactee-et-spaghettis-dhugo\/","title":{"rendered":"Eponge lact\u00e9e"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1398\" height=\"1364\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2024\/02\/percolation-44.gif\" alt=\"\" class=\"wp-image-3614\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Notre p\u00e2te contient de l&rsquo;eau et de la levure chimique ou boulang\u00e8re. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au four, l&rsquo;eau s&rsquo;\u00e9vapore (il fait plus de 100\u00b0C) et cr\u00e9e des bulles de gaz dans la p\u00e2te. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La levure de boulangerie est faote de petits organismes vivants qui mangent le sucre de la p\u00e2te et fait produit comme d\u00e9chet du <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-dd46e5470739c1b1af202f4c1cfb8652_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#67;&#79;&#50;&#95;\" title=\"Rendered by QuickLaTeX.com\" height=\"12\" width=\"36\" style=\"vertical-align: 0px;\"\/>, ce qui forme aussi des bulles. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La levure chimique est du Carbonate de Calcium <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-1eef2511454eec88d54393bb3230e74f_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#67;&#97;&#67;&#79;&#95;&#51;\" title=\"Rendered by QuickLaTeX.com\" height=\"15\" width=\"58\" style=\"vertical-align: -3px;\"\/> en poudre qui produit aussi du <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-c5e2eb4555ba5b9c725ca012fae55ca8_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#67;&#79;&#95;&#50;\" title=\"Rendered by QuickLaTeX.com\" height=\"15\" width=\"35\" style=\"vertical-align: -3px;\"\/> en milieu l\u00e9g\u00e8rement acide et donc des bulles dans la p\u00e2te. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici notre p\u00e2te au d\u00e9but avec des petites bulles. Disons qu&rsquo;il y ait 33% de bulles un peu plus grosses que les autres al\u00e9atoirement r\u00e9parties, ainsi:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-1024x768.jpg\" alt=\"\" class=\"wp-image-2867\" srcset=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-1024x768.jpg 1024w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-300x225.jpg 300w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-768x576.jpg 768w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-1536x1152.jpg 1536w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code><p class=\"ql-center-picture\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-5087356c149344da3f13d4afcf73076e_l3.png\" height=\"384\" width=\"453\" class=\"ql-img-picture \" alt=\"Rendered by QuickLaTeX.com\" title=\"Rendered by QuickLaTeX.com\"\/><\/p>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Les bulles grossissent au cours de la cuisson puis le g\u00e2teau est compl\u00e8tement cuit et dur et les bulles n&rsquo;\u00e9voluent plus. Voici le r\u00e9sultat:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><p class=\"ql-center-picture\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-b59f366bb15973da2187a72f6a74b702_l3.png\" height=\"413\" width=\"480\" class=\"ql-img-picture \" alt=\"Rendered by QuickLaTeX.com\" title=\"Rendered by QuickLaTeX.com\"\/><\/p>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">On remarque qu&rsquo;il s&rsquo;est form\u00e9e des bulles g\u00e9antes de taille caract\u00e9ristique 4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce g\u00e2teau reste imperm\u00e9able car il n&rsquo;y a pas de communication des bulles \u00e0 grande \u00e9chelle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reprenons notre recette en y mettant plus de levure. Cette fois le temps d&rsquo;enfourner le g\u00e2teau, non plus 33% des bulles sont d\u00e9j\u00e0 de taille moyenne, mais 50%.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><p class=\"ql-center-picture\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-2fa04087472cf0927bb5e8c4c053f4d9_l3.png\" height=\"384\" width=\"457\" class=\"ql-img-picture \" alt=\"Rendered by QuickLaTeX.com\" title=\"Rendered by QuickLaTeX.com\"\/><\/p>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Puis elles grossissent jusqu&rsquo;\u00e0 la fin de la cuisson:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><p class=\"ql-center-picture\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-fbcba569bae77c1573e77c808cf92203_l3.png\" height=\"413\" width=\"494\" class=\"ql-img-picture \" alt=\"Rendered by QuickLaTeX.com\" title=\"Rendered by QuickLaTeX.com\"\/><\/p>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fois, il y a une bulle g\u00e9ante qui communique dans tout le g\u00e2teau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On dit qu&rsquo;il y a eu <em>percolation<\/em>. Notre g\u00e2teau n&rsquo;est plus imperm\u00e9able et le lait peut s&rsquo;imbiber \u00e0 la place des bulles dans tout le g\u00e2teau.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle quantit\u00e9 de bulles permet la percolation ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quand a lieu la percolation on a une bulle g\u00e9ante aussi grosse que le g\u00e2teau. Avant que cela n&rsquo;arrive, quand on a pas assez de bulles, \u00e0 la fin de la cuisson, on a des grosses bulles, de taille 4 par exemple sur notre premier exemple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Changeons d&rsquo;\u00e9chelle, et regardons notre g\u00e2teau de plus loin. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans notre premier cas (avec 33% de grosses bulles), on peut regarder de 2 fois plus loin, et nos grosses bulles de taille 4 apparaitront comme grosses bulles de taille 2. Si on regarde de 4 fois plus loin, les plus grosses bulles de taille 4 apparaitront comme des grosses bulles de taille 1. Mais on ne peut pas regarder de plus loin, sans quoi on ne verra plus de bulles du tout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans notre second cas (avec 50% de grosses bulles), c&rsquo;est diff\u00e9rent. D&rsquo;aussi loin qu&rsquo;on regardera le g\u00e2teau, on verra toujours une grosse bulle g\u00e9ante aussi grosse que le g\u00e2teau tout entier. Au seuil de percolation, il n&rsquo;y a plus de taille caract\u00e9ristique. Le g\u00e2teau est auto-similaire \u00e0 toute \u00e9chelle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fixer une \u00e9chelle, on appelle cela la normalisation. C&rsquo;est \u00e0 dire qu&rsquo;on pose une norme, un longueur caract\u00e9ristique, une unit\u00e9. Si on change de norme, en changeant d&rsquo;\u00e9chelle c&rsquo;est la renormalisation. Mais si on peut changer de norme tout en laissant le probl\u00e8me est inchang\u00e9 pour la caract\u00e9ristique observ\u00e9e, alors on peut dit qu&rsquo;on peut renormaliser et qu&rsquo;on a un invariant par renormalisation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mod\u00e9lisation de la renormalisation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Disons que chaque bulle a une probabilit\u00e9 <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-62d7b1677dafb6f0f89a88cc9214c180_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#112;\" title=\"Rendered by QuickLaTeX.com\" height=\"12\" width=\"10\" style=\"vertical-align: -4px;\"\/> d&rsquo;\u00eatre petite et <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-327ac6bce6e3b26980ec9f55ec2c4ea3_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#40;&#49;&#45;&#112;&#41;\" title=\"Rendered by QuickLaTeX.com\" height=\"19\" width=\"51\" style=\"vertical-align: -5px;\"\/> d&rsquo;\u00eatre grosse au d\u00e9but.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici les 8 cas de bulles \u00e0 proximit\u00e9 suivant que chaque bulle peut \u00eatre petite ou grosse, la probabilit\u00e9 de l&rsquo;arrangement, et par quoi on peut remplacer l&rsquo;arrangement si on s&rsquo;\u00e9loigne par renormalisation.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><p class=\"ql-center-picture\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-67be42a4e18dbbd0c945f7688a0f0538_l3.png\" height=\"738\" width=\"431\" class=\"ql-img-picture \" alt=\"Rendered by QuickLaTeX.com\" title=\"Rendered by QuickLaTeX.com\"\/><\/p>\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En regroupant et en ajoutant les probabilit\u00e9 ci-dessus,  la probabilit\u00e9 d&rsquo;avoir une petite bulle qui ne connecte pas est de <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-ca915d6aed8b4e61f0393e7b35b80d93_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#112;&#94;&#51;&#43;&#51;&#46;&#112;&#94;&#50;&#46;&#40;&#49;&#45;&#112;&#41;\" title=\"Rendered by QuickLaTeX.com\" height=\"20\" width=\"127\" style=\"vertical-align: -5px;\"\/> .  Et ce doit \u00eatre la probabilit\u00e9 <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-6cdcb9da62c8388ec4daadcd5ab4581f_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#112;&#61;&#112;&#95;&#99;\" title=\"Rendered by QuickLaTeX.com\" height=\"12\" width=\"49\" style=\"vertical-align: -4px;\"\/> d&rsquo;avoir une petite bulle au d\u00e9part lorsqu&rsquo;on est au seuil avec une composante g\u00e9ante car on peut renormaliser sans rien changer. D&rsquo;o\u00f9 \u00e0 la probabilit\u00e9 critique de seuil:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-b6726de140b72c18d57a50435302fa51_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#112;&#95;&#99;&#61;&#112;&#95;&#99;&#94;&#51;&#43;&#51;&#46;&#112;&#95;&#99;&#94;&#50;&#46;&#40;&#49;&#45;&#112;&#95;&#99;&#41;&#32;&#32;&#32;&#32;&#61;&#62;&#32;&#32;&#32;&#32;&#112;&#95;&#99;&#61;&#60;&#99;&#111;&#100;&#101;&#62;&#49;&#47;&#50;&#60;&#47;&#99;&#111;&#100;&#101;&#62;\" title=\"Rendered by QuickLaTeX.com\" height=\"20\" width=\"433\" style=\"vertical-align: -5px;\"\/><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On a donc un seuil \u00e0 <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/ql-cache\/quicklatex.com-d12068ec6b79803999548887b776de77_l3.png\" class=\"ql-img-inline-formula \" alt=\"&#60;&#99;&#111;&#100;&#101;&#62;&#49;&#47;&#50;&#60;&#47;&#99;&#111;&#100;&#101;&#62;\" title=\"Rendered by QuickLaTeX.com\" height=\"19\" width=\"186\" style=\"vertical-align: -5px;\"\/> nous indiquant combien de bulles on doit avoir pour que notre g\u00e2teau soit spongieux. En dessous de ce seuil il sera imperm\u00e9able, au dessus, il s&rsquo;imbibera car le lait remplira la bulle g\u00e9ante. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Simulations<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-1024x768.jpg\" alt=\"\" class=\"wp-image-2868\" srcset=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-1024x768.jpg 1024w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-300x225.jpg 300w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-768x576.jpg 768w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-1536x1152.jpg 1536w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/12\/pain-bulles-perco-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Simulation pour montrer le seuil brutal tr\u00e8s pr\u00e9cis de 50% dans ce mod\u00e8le. Recharger la page pour de nouveaux tirage au sort.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>40%<\/strong> des bulles sont grosses. On a pas de percolation; le g\u00e2teau est imperm\u00e9able; les plus grosses bulles ne r\u00e9unissent qu&rsquo;une 20aine de bulles, la longueur de corr\u00e9lation est de 20. Au del\u00e0 de la distance de corr\u00e9lation, du lait dans remplissant une bulle n&rsquo;impliquera pas du lait ailleurs. :<\/p>\n\n\n\n<div><canvas id=\"myCanvas1\" style=\"width:100%; background-color: lightyellow;\"><\/canvas>\n\n<script>\n    \/\/ Fonction pour dessiner les cercles\n    function drawCircles1(ctx1, width, height, step1) {\n      ctx1.clearRect(0, 0, width, height);\n\n      \/\/ D\u00e9calage de demi pas pour les lignes paires\n      const offsetX = step1 \/ 2;\n\n      for (let y = 0; y < height; y += step1 * Math.sqrt(3) \/ 2) {\n        for (let x = 0; x < width; x += step1) {\n          \/\/ Taille des cercles\n          const radius = (Math.random() < 0.6) ? step1 \/ 2 - step1 * 0.3 : step1 \/ 2 + step1 * 0.1;\n          const color = \"lightblue\";\n\n          \/\/ D\u00e9caler la ligne pair\n          const drawX = (y \/ (step1 * Math.sqrt(3) \/ 2)) % 2 === 1 ? x + offsetX : x;\n\n          \/\/ Dessiner le cercle\n          ctx1.beginPath();\n          ctx1.arc(drawX, y, radius, 0, 2 * Math.PI);\n          ctx1.fillStyle = color;\n          ctx1.fill();\n        }\n      }\n    }\n\n    \/\/ Code d'initialisation\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const canvas1 = document.getElementById(\"myCanvas1\");\n      const ctx1 = canvas1.getContext(\"2d\");\n\n      \/\/ Diviser la largeur du canvas par 30 au lieu de 100\n      const step1 = canvas1.width \/ 50;\n\n      \/\/ Dessiner les cercles\n      drawCircles1(ctx1, canvas1.width, canvas1.height, step1);\n    });\n  <\/script><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>45%<\/strong> des bulles sont grosses. On a pas de percolation; le g\u00e2teau est imperm\u00e9able; les plus grosses bulles ne r\u00e9unissent qu&rsquo;une 40aine de bulles; la longueur de corr\u00e9lation est de 40:<\/p>\n\n\n\n<div>\n  <canvas id=\"myCanvas2\" style=\"width:100%; background-color: lightyellow;\"><\/canvas>\n\n  <script>\n    \/\/ Fonction pour dessiner les cercles\n    function drawCircles2(ctx2, width, height, step2) {\n      ctx2.clearRect(0, 0, width, height);\n\n      \/\/ D\u00e9calage de demi pas pour les lignes paires\n      const offsetX = step2 \/ 2;\n\n      for (let y = 0; y < height; y += step2 * Math.sqrt(3) \/ 2) {\n        for (let x = 0; x < width; x += step2) {\n          \/\/ Taille des cercles\n          const radius = (Math.random() < 0.55) ? step2 \/ 2 - step2 * 0.3 : step2 \/ 2 + step2 * 0.1;\n          const color = \"lightblue\";\n\n          \/\/ D\u00e9caler la ligne pair\n          const drawX = (y \/ (step2 * Math.sqrt(3) \/ 2)) % 2 === 1 ? x + offsetX : x;\n\n          \/\/ Dessiner le cercle\n          ctx2.beginPath();\n          ctx2.arc(drawX, y, radius, 0, 2 * Math.PI);\n          ctx2.fillStyle = color;\n          ctx2.fill();\n        }\n      }\n    }\n\n    \/\/ Code d'initialisation\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const canvas2 = document.getElementById(\"myCanvas2\");\n      const ctx2 = canvas2.getContext(\"2d\");\n\n      \/\/ Diviser la largeur du canvas par 30 au lieu de 100\n      const step2 = canvas2.width \/ 50;\n\n      \/\/ Dessiner les cercles\n      drawCircles2(ctx2, canvas2.width, canvas2.height, step2);\n    });\n  <\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>50%<\/strong> des bulles sont grosses. La corr\u00e9lation est infinie: du lait quelque part impliquera du lait dans tout le g\u00e2teau:<\/p>\n\n\n\n<div>\n  <canvas id=\"myCanvas3\" style=\"width:100%; background-color: lightyellow;\"><\/canvas>\n\n  <script>\n    \/\/ Fonction pour dessiner les cercles\n    function drawCircles3(ctx3, width, height, step3) {\n      ctx3.clearRect(0, 0, width, height);\n\n      \/\/ D\u00e9calage de demi pas pour les lignes paires\n      const offsetX = step3 \/ 2;\n\n      for (let y = 0; y < height; y += step3 * Math.sqrt(3) \/ 2) {\n        for (let x = 0; x < width; x += step3) {\n          \/\/ Taille des cercles\n          const radius = (Math.random() < 0.5) ? step3 \/ 2 - step3 * 0.3 : step3 \/ 2 + step3 * 0.1;\n          const color = \"lightblue\";\n\n          \/\/ D\u00e9caler la ligne pair\n          const drawX = (y \/ (step3 * Math.sqrt(3) \/ 2)) % 2 === 1 ? x + offsetX : x;\n\n          \/\/ Dessiner le cercle\n          ctx3.beginPath();\n          ctx3.arc(drawX, y, radius, 0, 2 * Math.PI);\n          ctx3.fillStyle = color;\n          ctx3.fill();\n        }\n      }\n    }\n\n    \/\/ Code d'initialisation\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const canvas3 = document.getElementById(\"myCanvas3\");\n      const ctx3 = canvas3.getContext(\"2d\");\n\n      \/\/ Diviser la largeur du canvas par 30 au lieu de 100\n      const step3 = canvas3.width \/ 50;\n\n      \/\/ Dessiner les cercles\n      drawCircles3(ctx3, canvas3.width, canvas3.height, step3);\n    });\n  <\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>55%<\/strong> des bulles sont grosses. Les bulles sont quasi toutes jointives<\/p>\n\n\n\n<div>\n  <canvas id=\"myCanvas4\" style=\"width:100%; background-color: lightyellow;\"><\/canvas>\n\n  <script>\n    \/\/ Fonction pour dessiner les cercles\n    function drawCircles4(ctx4, width, height, step4) {\n      ctx4.clearRect(0, 0, width, height);\n\n      \/\/ D\u00e9calage de demi pas pour les lignes paires\n      const offsetX = step4 \/ 2;\n\n      for (let y = 0; y < height; y += step4 * Math.sqrt(3) \/ 2) {\n        for (let x = 0; x < width; x += step4) {\n          \/\/ Taille des cercles\n          const radius = (Math.random() < 0.45) ? step4 \/ 2 - step4 * 0.3 : step4 \/ 2 + step4 * 0.1;\n          const color = \"lightblue\";\n\n          \/\/ D\u00e9caler la ligne pair\n          const drawX = (y \/ (step4 * Math.sqrt(3) \/ 2)) % 2 === 1 ? x + offsetX : x;\n\n          \/\/ Dessiner le cercle\n          ctx4.beginPath();\n          ctx4.arc(drawX, y, radius, 0, 2 * Math.PI);\n          ctx4.fillStyle = color;\n          ctx4.fill();\n        }\n      }\n    }\n\n    \/\/ Code d'initialisation\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const canvas4 = document.getElementById(\"myCanvas4\");\n      const ctx4 = canvas4.getContext(\"2d\");\n\n      \/\/ Diviser la largeur du canvas par 30 au lieu de 100\n      const step4 = canvas4.width \/ 50;\n\n      \/\/ Dessiner les cercles\n      drawCircles4(ctx4, canvas4.width, canvas4.height, step4);\n    });\n  <\/script>\n<\/div>\n\n\n\n<div id=\"sliderContainer\">\n    <label for=\"thresholdSlider\">Seuil :<\/label>\n    <input type=\"range\" id=\"thresholdSlider\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.45\">\n    <div id=\"sliderValue\">45%<\/div>\n  <\/div>\n<div>\n  <canvas id=\"myCanvas\" style=\"width:100%; background-color: lightyellow;\"><\/canvas>\n\n  <script>\n    \/\/ Fonction pour dessiner les cercles\n    function drawCircles(ctx, width, height, step, threshold) {\n      ctx.clearRect(0, 0, width, height);\n\n      \/\/ D\u00e9calage de demi pas pour les lignes paires\n      const offsetX = step \/ 2;\n\n      for (let y = 0; y < height; y += step * Math.sqrt(3) \/ 2) {\n        for (let x = 0; x < width; x += step) {\n          \/\/ Taille des cercles\n          const radius = (Math.random() < threshold) ? step \/ 2 - step * 0.3 : step \/ 2 + step * 0.1;\n          const color = \"lightblue\";\n\n          \/\/ D\u00e9caler la ligne pair\n          const drawX = (y \/ (step * Math.sqrt(3) \/ 2)) % 2 === 1 ? x + offsetX : x;\n\n          \/\/ Dessiner le cercle\n          ctx.beginPath();\n          ctx.arc(drawX, y, radius, 0, 2 * Math.PI);\n          ctx.fillStyle = color;\n          ctx.fill();\n        }\n      }\n    }\n\n    \/\/ Code d'initialisation\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      const canvas = document.getElementById(\"myCanvas\");\n      const ctx = canvas.getContext(\"2d\");\n      const thresholdSlider = document.getElementById(\"thresholdSlider\");\n      const sliderValue = document.getElementById(\"sliderValue\");\n\n      \/\/ Diviser la largeur du canvas par 100 au lieu de 100\n      const step = canvas.width \/ 100;\n\n      \/\/ Initialiser le canvas\n      drawCircles(ctx, canvas.width, canvas.height, step, parseFloat(thresholdSlider.value));\n      \n      \/\/ Mettre \u00e0 jour le canvas \u00e0 chaque changement du slider\n      thresholdSlider.addEventListener(\"input\", () => {\n        const thresholdValue = parseFloat(thresholdSlider.value);\n        sliderValue.textContent = `${Math.round((1-thresholdValue) * 100)}%`; \/\/ Afficher la valeur en pourcentage\n        drawCircles(ctx, canvas.width, canvas.height, step, thresholdValue);\n      });\n    });\n  <\/script><\/div>\n\n\n\n<div style='border: 2px solid #AAAA88; background: #FFFFDD; padding:8px;' ><img decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/10\/cuisine.png\" alt=\"\" class=\"wp-image-1120\" width=30 srcset=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/10\/cuisine.png 512w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/10\/cuisine-300x300.png 300w, https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/10\/cuisine-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/> <b>Conseil cuisine<\/b><br>\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/s18AxIODHw0?si=GzojRWd5nPRwAVgN\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<br>\nS\u00e9parer 3 jaunes (petit bol) et blancs d\u2019oeuf (grand bol)<br>\nMettre 1gr de sel sur les jaunes d\u2019oeuf et 2ml d\u2019extrait de vanille puis m\u00e9langer<br>\nFaire une meringue \u2014 Monter en neige les blancs d\u2019oeuf en ajoutant 3x30gr de sucre en poudre ! Fouetter jusqu\u2019\u00e0 ce que \u00e7a tienne et forme des pics.<br>\nIncorporer les jaunes d\u2019oeuf dans le grand bol et m\u00e9langer soigneusement avec l\u2019appareil<br>\nAjouter 90 gr de farine ordinaire, incorporer\/m\u00e9langer de bas en haut (doucement)<br>\nDans un r\u00e9cipient moyen, mettre 30gr d\u2019huile v\u00e9g\u00e9tale et de lait \u00e0 temp\u00e9rature ambiante et y m\u00e9langer avec un peu de p\u00e2te \u00e0 g\u00e2teau<br>\nM\u00e9langer les deux pr\u00e9parations doucement en faisant des cercles<br>\nMettre dans la casserole et frapper pour enlever les bulles d\u2019air<br>\nMettre au four \u00e0 170 degr\u00e9s pendant 30 min (chaleur tournante)<br>\n <\/div>\n\n\n\n<div style='border: 2px solid #88AA88; background: #DDFFDD; padding:8px;' ><img decoding=\"async\" src=\"https:\/\/eva.louis-le-grand.net\/maths\/wp-content\/uploads\/2023\/10\/qui.png\" alt=\"\" class=\"wp-image-1120\" width=30 \/> <b>Pour aller plus loin<\/b><br><div>\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/a-767WnbaCQ?si=KnDQXlPl8zFDHWsC\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Un g\u00e2teau qui imbibe par percolation<\/p>\n","protected":false},"author":1,"featured_media":2902,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/posts\/2510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/comments?post=2510"}],"version-history":[{"count":134,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/posts\/2510\/revisions"}],"predecessor-version":[{"id":3616,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/posts\/2510\/revisions\/3616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/media\/2902"}],"wp:attachment":[{"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/media?parent=2510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/categories?post=2510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eva.louis-le-grand.net\/maths\/index.php\/wp-json\/wp\/v2\/tags?post=2510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}