Sierpinski Triangle Simulator<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n text-align: center;\n background-color: #f0f8ff;\n margin: 0;\n padding: 0;\n }\n canvas {\n border: 1px solid #ccc;\n margin-top: 20px;\n }\n .controls {\n margin: 20px;\n }\n .controls label {\n margin-right: 10px;\n }\n .formula {\n margin-top: 20px;\n font-style: italic;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Sierpinski Triangle Simulator<\/h1>\n <div class=\"controls\">\n <label for=\"method\">Method:<\/label>\n <select id=\"method\">\n <option value=\"iterative\">Iterative<\/option>\n <option value=\"chaos\">Chaos<\/option>\n <\/select>\n\n <label for=\"depth\">Depth:<\/label>\n <input type=\"range\" id=\"depth\" min=\"1\" max=\"10\" value=\"5\">\n <span id=\"depthValue\">5<\/span>\n\n <label for=\"speed\">Speed (ms):<\/label>\n <input type=\"number\" id=\"speed\" min=\"10\" max=\"1000\" value=\"100\">\n\n <button id=\"generate\">Generate<\/button>\n <\/div>\n <canvas id=\"fractalCanvas\" width=\"600\" height=\"600\"><\/canvas>\n\n <div class=\"formula\">\n <p id=\"formulaText\">Formula will appear here…<\/p>\n <\/div>\n\n <script>\n const canvas = document.getElementById('fractalCanvas');\n const ctx = canvas.getContext('2d');\n const depthSlider = document.getElementById('depth');\n const depthValue = document.getElementById('depthValue');\n const speedInput = document.getElementById('speed');\n const methodSelect = document.getElementById('method');\n const generateButton = document.getElementById('generate');\n const formulaText = document.getElementById('formulaText');\n\n async function drawSierpinskiIterative(x, y, size, depth, delay) {\n if (depth === 0) {\n ctx.fillRect(x, y, 1, 1);\n return;\n }\n const newSize = size \/ 2;\n await drawSierpinskiIterative(x, y, newSize, depth - 1, delay);\n await new Promise(resolve => setTimeout(resolve, delay));\n ctx.fillRect(x, y, 1, 1);\n await drawSierpinskiIterative(x - newSize \/ 2, y + newSize, newSize, depth - 1, delay);\n await drawSierpinskiIterative(x + newSize \/ 2, y + newSize, newSize, depth - 1, delay);\n }\n\n async function drawSierpinskiChaos(points, iterations, delay) {\n const [p1, p2, p3] = points;\n let currentPoint = { x: (p1.x + p2.x) \/ 2, y: (p1.y + p2.y) \/ 2 };\n\n for (let i = 0; i < iterations; i++) {\n const randomVertex = points[Math.floor(Math.random() * 3)];\n currentPoint = {\n x: (currentPoint.x + randomVertex.x) \/ 2,\n y: (currentPoint.y + randomVertex.y) \/ 2\n };\n\n ctx.fillRect(currentPoint.x, currentPoint.y, 1, 1);\n await new Promise(resolve => setTimeout(resolve, delay));\n }\n }\n\n function generateFractal() {\n const depth = parseInt(depthSlider.value);\n const delay = parseInt(speedInput.value);\n const method = methodSelect.value;\n\n depthValue.textContent = depth;\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.fillStyle = '#007acc';\n\n const points = [\n { x: canvas.width \/ 2, y: 20 },\n { x: 20, y: canvas.height - 20 },\n { x: canvas.width - 20, y: canvas.height - 20 }\n ];\n\n if (method === 'iterative') {\n drawSierpinskiIterative(canvas.width \/ 2, 20, canvas.width - 40, depth, delay);\n formulaText.textContent = \"Iterative Sierpinski: Each point is calculated recursively.\";\n } else {\n drawSierpinskiChaos(points, depth * 1000, delay);\n formulaText.textContent = \"Chaos Sierpinski: Points are calculated using random midpoints.\";\n }\n }\n\n depthSlider.addEventListener('input', () => {\n depthValue.textContent = depthSlider.value;\n });\n\n generateButton.addEventListener('click', generateFractal);\n\n \/\/ Initial render\n generateFractal();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">\u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e<\/h3>\n\n\n\n<p>\u042d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0443\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438: <strong>\u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c<\/strong> \u0438 <strong>\u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0445\u0430\u043e\u0441\u0430<\/strong>. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0438, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0437\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438:<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u041c\u0435\u0442\u043e\u0434 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f<\/strong>:\n<ul class=\"wp-block-list\">\n<li><em>\u0418\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434<\/em>: \u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e, \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0448\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c.<\/li>\n\n\n\n<li><em>\u041c\u0435\u0442\u043e\u0434 \u0445\u0430\u043e\u0441\u0430<\/em>: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0435 \u0432\u0435\u0440\u0448\u0438\u043d\u044b \u0438 \u0438\u0445 \u0441\u0440\u0435\u0434\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0442\u043e\u0447\u0435\u043a \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u0413\u043b\u0443\u0431\u0438\u043d\u0430<\/strong>:\n<ul class=\"wp-block-list\">\n<li>\u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430. \u0427\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0442\u0435\u043c \u0441\u043b\u043e\u0436\u043d\u0435\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f<\/strong>:\n<ul class=\"wp-block-list\">\n<li>\u0420\u0435\u0433\u0443\u043b\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043c\u0435\u0436\u0434\u0443 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u043e\u0447\u0435\u043a \u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">\u0424\u043e\u0440\u043c\u0443\u043b\u044b:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0418\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434<\/strong>: \u041a\u0430\u0436\u0434\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0435 Pnew=fracPcurrent+Pvertex2 \u0433\u0434\u0435 Pvertex \u2014 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0448\u0438\u043d\u0430.<\/li>\n\n\n\n<li><strong>\u041c\u0435\u0442\u043e\u0434 \u0445\u0430\u043e\u0441\u0430<\/strong>: \u0421\u0440\u0435\u0434\u043d\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0442\u043e\u0447\u043a\u043e\u0439 \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u043e\u0439 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c:<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f.<\/li>\n\n\n\n<li>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c.<\/li>\n\n\n\n<li>\u041d\u0430\u0436\u043c\u0438\u0442\u0435 <strong>Generate<\/strong>, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430.<\/li>\n<\/ol>\n\n\n\n<p>\u042d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u043e\u0432. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043e\u0431\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0438 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0439\u0442\u0435 \u0437\u0430 \u0442\u0435\u043c, \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sierpinski Triangle Simulator Sierpinski Triangle Simulator Method: IterativeChaos Depth: 5 Speed (ms): Generate Formula will appear here… \u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u042d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0443\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438: \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c \u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0445\u0430\u043e\u0441\u0430. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0438, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0437\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438: \u0424\u043e\u0440\u043c\u0443\u043b\u044b: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=405"}],"version-history":[{"count":7,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":405,"date":"2024-12-31T06:57:10","date_gmt":"2024-12-31T06:57:10","guid":{"rendered":"https:\/\/www.qrngua.website\/?page_id=405"},"modified":"2024-12-31T08:36:58","modified_gmt":"2024-12-31T08:36:58","slug":"405-2","status":"publish","type":"page","link":"https:\/\/www.qrngua.website\/?page_id=405","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Sierpinski Triangle Simulator<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n text-align: center;\n background-color: #f0f8ff;\n margin: 0;\n padding: 0;\n }\n canvas {\n border: 1px solid #ccc;\n margin-top: 20px;\n }\n .controls {\n margin: 20px;\n }\n .controls label {\n margin-right: 10px;\n }\n .formula {\n margin-top: 20px;\n font-style: italic;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Sierpinski Triangle Simulator<\/h1>\n <div class=\"controls\">\n <label for=\"method\">Method:<\/label>\n <select id=\"method\">\n <option value=\"iterative\">Iterative<\/option>\n <option value=\"chaos\">Chaos<\/option>\n <\/select>\n\n <label for=\"depth\">Depth:<\/label>\n <input type=\"range\" id=\"depth\" min=\"1\" max=\"10\" value=\"5\">\n <span id=\"depthValue\">5<\/span>\n\n <label for=\"speed\">Speed (ms):<\/label>\n <input type=\"number\" id=\"speed\" min=\"10\" max=\"1000\" value=\"100\">\n\n <button id=\"generate\">Generate<\/button>\n <\/div>\n <canvas id=\"fractalCanvas\" width=\"600\" height=\"600\"><\/canvas>\n\n <div class=\"formula\">\n <p id=\"formulaText\">Formula will appear here…<\/p>\n <\/div>\n\n <script>\n const canvas = document.getElementById('fractalCanvas');\n const ctx = canvas.getContext('2d');\n const depthSlider = document.getElementById('depth');\n const depthValue = document.getElementById('depthValue');\n const speedInput = document.getElementById('speed');\n const methodSelect = document.getElementById('method');\n const generateButton = document.getElementById('generate');\n const formulaText = document.getElementById('formulaText');\n\n async function drawSierpinskiIterative(x, y, size, depth, delay) {\n if (depth === 0) {\n ctx.fillRect(x, y, 1, 1);\n return;\n }\n const newSize = size \/ 2;\n await drawSierpinskiIterative(x, y, newSize, depth - 1, delay);\n await new Promise(resolve => setTimeout(resolve, delay));\n ctx.fillRect(x, y, 1, 1);\n await drawSierpinskiIterative(x - newSize \/ 2, y + newSize, newSize, depth - 1, delay);\n await drawSierpinskiIterative(x + newSize \/ 2, y + newSize, newSize, depth - 1, delay);\n }\n\n async function drawSierpinskiChaos(points, iterations, delay) {\n const [p1, p2, p3] = points;\n let currentPoint = { x: (p1.x + p2.x) \/ 2, y: (p1.y + p2.y) \/ 2 };\n\n for (let i = 0; i < iterations; i++) {\n const randomVertex = points[Math.floor(Math.random() * 3)];\n currentPoint = {\n x: (currentPoint.x + randomVertex.x) \/ 2,\n y: (currentPoint.y + randomVertex.y) \/ 2\n };\n\n ctx.fillRect(currentPoint.x, currentPoint.y, 1, 1);\n await new Promise(resolve => setTimeout(resolve, delay));\n }\n }\n\n function generateFractal() {\n const depth = parseInt(depthSlider.value);\n const delay = parseInt(speedInput.value);\n const method = methodSelect.value;\n\n depthValue.textContent = depth;\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n ctx.fillStyle = '#007acc';\n\n const points = [\n { x: canvas.width \/ 2, y: 20 },\n { x: 20, y: canvas.height - 20 },\n { x: canvas.width - 20, y: canvas.height - 20 }\n ];\n\n if (method === 'iterative') {\n drawSierpinskiIterative(canvas.width \/ 2, 20, canvas.width - 40, depth, delay);\n formulaText.textContent = \"Iterative Sierpinski: Each point is calculated recursively.\";\n } else {\n drawSierpinskiChaos(points, depth * 1000, delay);\n formulaText.textContent = \"Chaos Sierpinski: Points are calculated using random midpoints.\";\n }\n }\n\n depthSlider.addEventListener('input', () => {\n depthValue.textContent = depthSlider.value;\n });\n\n generateButton.addEventListener('click', generateFractal);\n\n \/\/ Initial render\n generateFractal();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h3 class=\"wp-block-heading\">\u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e<\/h3>\n\n\n\n<p>\u042d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0443\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438: <strong>\u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c<\/strong> \u0438 <strong>\u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0445\u0430\u043e\u0441\u0430<\/strong>. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0438, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0437\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438:<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u041c\u0435\u0442\u043e\u0434 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f<\/strong>:\n<ul class=\"wp-block-list\">\n<li><em>\u0418\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434<\/em>: \u041a\u0430\u0436\u0434\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e, \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0448\u0430\u0433 \u0437\u0430 \u0448\u0430\u0433\u043e\u043c.<\/li>\n\n\n\n<li><em>\u041c\u0435\u0442\u043e\u0434 \u0445\u0430\u043e\u0441\u0430<\/em>: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0435 \u0432\u0435\u0440\u0448\u0438\u043d\u044b \u0438 \u0438\u0445 \u0441\u0440\u0435\u0434\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0442\u043e\u0447\u0435\u043a \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u0413\u043b\u0443\u0431\u0438\u043d\u0430<\/strong>:\n<ul class=\"wp-block-list\">\n<li>\u0423\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430. \u0427\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0442\u0435\u043c \u0441\u043b\u043e\u0436\u043d\u0435\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f<\/strong>:\n<ul class=\"wp-block-list\">\n<li>\u0420\u0435\u0433\u0443\u043b\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0443 \u043c\u0435\u0436\u0434\u0443 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0442\u043e\u0447\u0435\u043a \u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">\u0424\u043e\u0440\u043c\u0443\u043b\u044b:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0418\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434<\/strong>: \u041a\u0430\u0436\u0434\u0430\u044f \u043d\u043e\u0432\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0435 Pnew=fracPcurrent+Pvertex2 \u0433\u0434\u0435 Pvertex \u2014 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0448\u0438\u043d\u0430.<\/li>\n\n\n\n<li><strong>\u041c\u0435\u0442\u043e\u0434 \u0445\u0430\u043e\u0441\u0430<\/strong>: \u0421\u0440\u0435\u0434\u043d\u0435\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0442\u043e\u0447\u043a\u043e\u0439 \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0448\u0438\u043d\u043e\u0439 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c:<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043c\u0435\u0442\u043e\u0434 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f.<\/li>\n\n\n\n<li>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u0442\u0435 \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c.<\/li>\n\n\n\n<li>\u041d\u0430\u0436\u043c\u0438\u0442\u0435 <strong>Generate<\/strong>, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430.<\/li>\n<\/ol>\n\n\n\n<p>\u042d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u044f \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u043e\u0432 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u043e\u0432. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043e\u0431\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0438 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0439\u0442\u0435 \u0437\u0430 \u0442\u0435\u043c, \u043a\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0438 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sierpinski Triangle Simulator Sierpinski Triangle Simulator Method: IterativeChaos Depth: 5 Speed (ms): Generate Formula will appear here… \u0421\u0438\u043c\u0443\u043b\u044f\u0442\u043e\u0440 \u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u042d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0442\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u0421\u0435\u0440\u043f\u0438\u043d\u0441\u043a\u043e\u0433\u043e \u0434\u0432\u0443\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438: \u0438\u0442\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c \u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0445\u0430\u043e\u0441\u0430. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0433\u043b\u0443\u0431\u0438\u043d\u0443 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0438, \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u0442\u044c \u0437\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0444\u0440\u0430\u043a\u0442\u0430\u043b\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438: \u0424\u043e\u0440\u043c\u0443\u043b\u044b: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=405"}],"version-history":[{"count":7,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/www.qrngua.website\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/www.qrngua.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}