\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100;400;700&display=swap');\n \n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0f172a;\n color: #e2e8f0;\n font-size: 20px; \/* \u0645\u0642\u0627\u0633 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062d\u062f 20px *\/\n line-height: 1.6;\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\n h1 { font-size: 30px !important; font-weight: 800; color: #a78bfa; margin-bottom: 20px; }\n h2 { font-size: 26px !important; font-weight: 700; color: #f8fafc; margin-top: 30px; margin-bottom: 15px; }\n \n \/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n p, li, label, span, button, div { font-size: 20px; }\n\n \/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 *\/\n canvas {\n background: #020617;\n border-radius: 12px;\n width: 100%;\n max-width: 350px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n\n input[type=range] {\n accent-color: #a78bfa;\n height: 10px;\n cursor: pointer;\n }\n\n .math-box {\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n background: rgba(0,0,0,0.3);\n padding: 15px;\n border-radius: 10px;\n display: inline-block;\n direction: ltr;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-10\">\n\n<div class=\"max-w-5xl mx-auto space-y-12\" dir=\"rtl\">\n \n <header class=\"text-center border-b border-white\/10 pb-8\">\n <h1>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 (Charles’s Law)<\/h1>\n <p class=\"text-slate-400 italic\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u062d\u062c\u0645 \u0627\u0644\u063a\u0627\u0632 \u0648\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629<\/p>\n <\/header>\n\n <section class=\"bg-slate-800\/30 p-8 rounded-3xl border border-white\/5\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646<\/h2>\n <p class=\"mb-6\">\n \u064a\u0646\u0635 **\u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644** \u0639\u0644\u0649 \u0623\u0646 \u062d\u062c\u0645 \u0643\u0645\u064a\u0629 \u0645\u0639\u064a\u0646\u0629 \u0645\u0646 \u0627\u0644\u063a\u0627\u0632 \u0627\u0644\u0645\u062d\u0635\u0648\u0631 \u064a\u062a\u0646\u0627\u0633\u0628 **\u0637\u0631\u062f\u064a\u0627\u064b** \u0645\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 (\u0628\u0627\u0644\u0643\u0644\u0641\u0646) \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0636\u063a\u0637\u0647.\n <\/p>\n \n <div class=\"text-center\">\n <div class=\"math-box text-purple-300 font-bold border border-purple-500\/30\">\n V\u2081 \/ T\u2081 = V\u2082 \/ T\u2082\n <\/div>\n <\/div>\n\n <h2 class=\"border-r-4 border-purple-500 pr-4 mt-10\">\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0643\u0644\u0641\u0646 (Kelvin)\u061f<\/h2>\n <p>\n \u0641\u064a \u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u0627\u062a\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u062f\u0627\u0626\u0645\u0627\u064b \u0648\u062d\u062f\u0629 \u0627\u0644\u0643\u0644\u0641\u0646 \u0644\u0623\u0646\u0647\u0627 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0627\u0644\u0645\u0637\u0644\u0642. \u0644\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 \u0645\u0626\u0648\u064a \u0625\u0644\u0649 \u0643\u0644\u0641\u0646 \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629:\n <br>\n <span class=\"text-yellow-400 font-bold\" dir=\"ltr\">T(K) = T(\u00b0C) + 273.15<\/span>\n <\/p>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10 shadow-2xl\">\n <div class=\"flex justify-between items-center mb-8\">\n <h2 class=\"m-0 text-white\/90\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0645\u0643\u0628\u0633 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/h2>\n <button id=\"resetSim\" class=\"bg-slate-700 hover:bg-slate-600 p-3 rounded-full transition-all text-white\">\u27f3<\/button>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row justify-center items-center gap-12\">\n <div class=\"relative\">\n <canvas id=\"pistonCanvas\" width=\"350\" height=\"280\"><\/canvas>\n <p class=\"text-center text-slate-500 mt-4 italic\">\u0648\u0639\u0627\u0621 \u0627\u0644\u063a\u0627\u0632 (\u0636\u063a\u0637 \u062b\u0627\u0628\u062a)<\/p>\n <\/div>\n\n <div class=\"flex flex-col items-center bg-slate-800\/40 p-6 rounded-2xl border border-white\/5\">\n <svg width=\"50\" height=\"200\" viewBox=\"0 0 50 200\">\n <rect x=\"15\" y=\"10\" width=\"20\" height=\"170\" rx=\"10\" fill=\"#334155\" \/>\n <circle cx=\"25\" cy=\"180\" r=\"15\" fill=\"#334155\" \/>\n <rect id=\"thermFluid\" x=\"20\" y=\"100\" width=\"10\" height=\"80\" rx=\"5\" fill=\"#3b82f6\" \/>\n <circle id=\"thermBulb\" cx=\"25\" cy=\"180\" r=\"10\" fill=\"#3b82f6\" \/>\n <\/svg>\n <span class=\"mt-4 text-slate-300 font-bold\">\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mt-12 max-w-2xl mx-auto space-y-8\">\n <div class=\"space-y-4\">\n <label class=\"block text-center text-purple-300 font-bold\">\u062a\u062d\u0643\u0645 \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (K)<\/label>\n <div class=\"flex items-center gap-6\">\n <button id=\"tempDown\" class=\"w-14 h-14 bg-slate-700 rounded-xl hover:bg-red-500 text-white text-3xl transition-colors\">–<\/button>\n <input id=\"tempInput\" type=\"range\" min=\"100\" max=\"500\" value=\"300\" class=\"flex-grow\">\n <button id=\"tempUp\" class=\"w-14 h-14 bg-slate-700 rounded-xl hover:bg-red-500 text-white text-3xl transition-colors\">+<\/button>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div class=\"bg-indigo-950\/50 p-6 rounded-2xl border border-indigo-500\/30 text-center\">\n <div class=\"text-slate-400 text-sm mb-1 uppercase\">\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/div>\n <div class=\"text-3xl font-mono text-white\"><span id=\"valK\">300<\/span> K<\/div>\n <div class=\"text-slate-500 text-sm mt-1\"><span id=\"valC\">27<\/span> \u00b0C<\/div>\n <\/div>\n <div class=\"bg-teal-950\/50 p-6 rounded-2xl border border-teal-500\/30 text-center\">\n <div class=\"text-slate-400 text-sm mb-1 uppercase\">\u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0646\u0633\u0628\u064a<\/div>\n <div class=\"text-3xl font-mono text-white\"><span id=\"valV\">6.8<\/span> L<\/div>\n <div class=\"text-teal-500 text-sm mt-1 italic\">\u0636\u063a\u0637 \u062b\u0627\u0628\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"space-y-6\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0627\u0644\u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0645\u062c\u0647\u0631\u064a<\/h2>\n <p>\n \u0639\u0646\u062f \u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0623\u0643\u0628\u0631 \u0648\u062a\u062a\u0635\u0627\u062f\u0645 \u0645\u0639 \u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621 \u0628\u0642\u0648\u0629 \u0623\u0643\u0628\u0631 \u0648\u0628\u062a\u0643\u0631\u0627\u0631 \u0623\u0639\u0644\u0649. \u0648\u0644\u0643\u064a \u064a\u0628\u0642\u0649 \u0627\u0644\u0636\u063a\u0637 \u062b\u0627\u0628\u062a\u0627\u064b\u060c \u064a\u062c\u0628 \u0623\u0646 \u064a\u0628\u062a\u0639\u062f \u0627\u0644\u0645\u0643\u0628\u0633 \u0644\u0644\u0623\u0639\u0644\u0649 \u0645\u0633\u0628\u0628\u0627\u064b \u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u062c\u0645\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u062a\u0635\u0627\u062f\u0645\u0627\u062a \u0648\u064a\u0648\u0627\u0632\u0646 \u0627\u0644\u0642\u0648\u0629.\n <\/p>\n \n <\/section>\n\n<\/div>\n\n<script>\n \/\/ --- \u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 ---\n const canvas = document.getElementById('pistonCanvas');\n const ctx = canvas.getContext('2d');\n const tempInput = document.getElementById('tempInput');\n const valK = document.getElementById('valK');\n const valC = document.getElementById('valC');\n const valV = document.getElementById('valV');\n const thermFluid = document.getElementById('thermFluid');\n const thermBulb = document.getElementById('thermBulb');\n\n let temperature = 300;\n const numParticles = 40;\n let particles = [];\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\n function createParticles() {\n particles = [];\n for (let i = 0; i < numParticles; i++) {\n particles.push({\n x: Math.random() * 350,\n y: Math.random() * 280,\n vx: (Math.random() - 0.5) * 2,\n vy: (Math.random() - 0.5) * 2,\n radius: 3\n });\n }\n }\n\n function updateVisuals() {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0623\u0631\u0642\u0627\u0645\n valK.innerText = Math.round(temperature);\n valC.innerText = Math.round(temperature - 273.15);\n \/\/ V = kT (\u062a\u0628\u0633\u064a\u0637 \u0644\u0644\u0639\u0631\u0636)\n const volume = (temperature \/ 500 * 8 + 2).toFixed(1);\n valV.innerText = volume;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\n const ratio = (temperature - 100) \/ 400;\n const fillHeight = 160 * ratio;\n thermFluid.setAttribute('y', 180 - fillHeight - 10);\n thermFluid.setAttribute('height', fillHeight + 10);\n \n \/\/ \u0627\u0644\u0644\u0648\u0646 \u0645\u0646 \u0627\u0644\u0623\u0632\u0631\u0642 \u0644\u0644\u0623\u062d\u0645\u0631\n const r = Math.floor(255 * ratio);\n const b = Math.floor(255 * (1 - ratio));\n const color = `rgb(${r}, 80, ${b})`;\n thermFluid.setAttribute('fill', color);\n thermBulb.setAttribute('fill', color);\n }\n\n function render() {\n const pistonHeight = 280 * (temperature \/ 500);\n const pistonY = 280 - pistonHeight;\n const speed = Math.sqrt(temperature \/ 100);\n\n ctx.clearRect(0, 0, 350, 280);\n\n \/\/ \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u063a\u0627\u0632\n ctx.fillStyle = 'rgba(30, 41, 59, 0.5)';\n ctx.fillRect(0, pistonY, 350, pistonHeight);\n\n \/\/ \u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0639\u0627\u0621\n ctx.strokeStyle = 'rgba(255,255,255,0.2)';\n ctx.lineWidth = 4;\n ctx.strokeRect(0, 0, 350, 280);\n\n \/\/ \u0627\u0644\u0645\u0643\u0628\u0633\n ctx.fillStyle = '#94a3b8';\n ctx.fillRect(-2, pistonY - 4, 354, 8);\n\n \/\/ \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\n particles.forEach(p => {\n p.x += p.vx * speed;\n p.y += p.vy * speed;\n\n if (p.x < 3 || p.x > 347) p.vx *= -1;\n if (p.y > 277) p.vy *= -1;\n if (p.y < pistonY + 3) {\n p.vy *= -1;\n p.y = pistonY + 3.1;\n }\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, 3, 0, Math.PI * 2);\n ctx.fillStyle = '#c4b5fd';\n ctx.fill();\n });\n\n requestAnimationFrame(render);\n }\n\n \/\/ \u0645\u0633\u062a\u0645\u0639\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\n tempInput.oninput = (e) => {\n temperature = parseFloat(e.target.value);\n updateVisuals();\n };\n\n document.getElementById('tempUp').onclick = () => {\n if(temperature < 500) { temperature += 10; tempInput.value = temperature; updateVisuals(); }\n };\n\n document.getElementById('tempDown').onclick = () => {\n if(temperature > 100) { temperature -= 10; tempInput.value = temperature; updateVisuals(); }\n };\n\n document.getElementById('resetSim').onclick = () => {\n temperature = 300;\n tempInput.value = 300;\n updateVisuals();\n };\n\n \/\/ \u0627\u0644\u0628\u062f\u0627\u064a\u0629\n createParticles();\n updateVisuals();\n render();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 (Charles’s Law) \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u062d\u062c\u0645 \u0627\u0644\u063a\u0627\u0632 \u0648\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 \u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u064a\u0646\u0635 **\u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644** \u0639\u0644\u0649 \u0623\u0646 \u062d\u062c\u0645 \u0643\u0645\u064a\u0629 \u0645\u0639\u064a\u0646\u0629 \u0645\u0646 \u0627\u0644\u063a\u0627\u0632 \u0627\u0644\u0645\u062d\u0635\u0648\u0631 \u064a\u062a\u0646\u0627\u0633\u0628 **\u0637\u0631\u062f\u064a\u0627\u064b** \u0645\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 (\u0628\u0627\u0644\u0643\u0644\u0641\u0646) \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0636\u063a\u0637\u0647. V\u2081 \/ T\u2081 = V\u2082 \/ T\u2082 \u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0643\u0644\u0641\u0646 (Kelvin)\u061f \u0641\u064a \u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u0627\u062a\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16888","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16888"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888\/revisions"}],"predecessor-version":[{"id":16889,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888\/revisions\/16889"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16888,"date":"2026-01-26T14:11:47","date_gmt":"2026-01-26T14:11:47","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=16888"},"modified":"2026-01-26T14:11:53","modified_gmt":"2026-01-26T14:11:53","slug":"%d8%a7%d9%84%d9%88%d8%ad%d8%af%d8%a9-%d8%a7%d9%84%d8%a7%d9%88%d9%84%d9%89-%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%82%d8%a7%d9%86%d9%88%d9%86-%d8%b4%d8%a7%d8%b1","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d9%88%d8%ad%d8%af%d8%a9-%d8%a7%d9%84%d8%a7%d9%88%d9%84%d9%89-%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d9%82%d8%a7%d9%86%d9%88%d9%86-%d8%b4%d8%a7%d8%b1\/","title":{"rendered":"\u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0627\u0648\u0644\u0649 – \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a – \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644"},"content":{"rendered":"\n\n\n\n \n \n \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100;400;700&display=swap');\n \n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0f172a;\n color: #e2e8f0;\n font-size: 20px; \/* \u0645\u0642\u0627\u0633 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062d\u062f 20px *\/\n line-height: 1.6;\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\n h1 { font-size: 30px !important; font-weight: 800; color: #a78bfa; margin-bottom: 20px; }\n h2 { font-size: 26px !important; font-weight: 700; color: #f8fafc; margin-top: 30px; margin-bottom: 15px; }\n \n \/* \u0627\u0644\u0646\u0635\u0648\u0635 *\/\n p, li, label, span, button, div { font-size: 20px; }\n\n \/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 *\/\n canvas {\n background: #020617;\n border-radius: 12px;\n width: 100%;\n max-width: 350px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n\n input[type=range] {\n accent-color: #a78bfa;\n height: 10px;\n cursor: pointer;\n }\n\n .math-box {\n font-family: 'Courier New', Courier, monospace;\n font-size: 24px;\n background: rgba(0,0,0,0.3);\n padding: 15px;\n border-radius: 10px;\n display: inline-block;\n direction: ltr;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-10\">\n\n<div class=\"max-w-5xl mx-auto space-y-12\" dir=\"rtl\">\n \n <header class=\"text-center border-b border-white\/10 pb-8\">\n <h1>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 (Charles’s Law)<\/h1>\n <p class=\"text-slate-400 italic\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u062d\u062c\u0645 \u0627\u0644\u063a\u0627\u0632 \u0648\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629<\/p>\n <\/header>\n\n <section class=\"bg-slate-800\/30 p-8 rounded-3xl border border-white\/5\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646<\/h2>\n <p class=\"mb-6\">\n \u064a\u0646\u0635 **\u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644** \u0639\u0644\u0649 \u0623\u0646 \u062d\u062c\u0645 \u0643\u0645\u064a\u0629 \u0645\u0639\u064a\u0646\u0629 \u0645\u0646 \u0627\u0644\u063a\u0627\u0632 \u0627\u0644\u0645\u062d\u0635\u0648\u0631 \u064a\u062a\u0646\u0627\u0633\u0628 **\u0637\u0631\u062f\u064a\u0627\u064b** \u0645\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 (\u0628\u0627\u0644\u0643\u0644\u0641\u0646) \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0636\u063a\u0637\u0647.\n <\/p>\n \n <div class=\"text-center\">\n <div class=\"math-box text-purple-300 font-bold border border-purple-500\/30\">\n V\u2081 \/ T\u2081 = V\u2082 \/ T\u2082\n <\/div>\n <\/div>\n\n <h2 class=\"border-r-4 border-purple-500 pr-4 mt-10\">\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0643\u0644\u0641\u0646 (Kelvin)\u061f<\/h2>\n <p>\n \u0641\u064a \u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u0627\u062a\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u062f\u0627\u0626\u0645\u0627\u064b \u0648\u062d\u062f\u0629 \u0627\u0644\u0643\u0644\u0641\u0646 \u0644\u0623\u0646\u0647\u0627 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0627\u0644\u0645\u0637\u0644\u0642. \u0644\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 \u0645\u0626\u0648\u064a \u0625\u0644\u0649 \u0643\u0644\u0641\u0646 \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629:\n <br>\n <span class=\"text-yellow-400 font-bold\" dir=\"ltr\">T(K) = T(\u00b0C) + 273.15<\/span>\n <\/p>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10 shadow-2xl\">\n <div class=\"flex justify-between items-center mb-8\">\n <h2 class=\"m-0 text-white\/90\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0645\u0643\u0628\u0633 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/h2>\n <button id=\"resetSim\" class=\"bg-slate-700 hover:bg-slate-600 p-3 rounded-full transition-all text-white\">\u27f3<\/button>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row justify-center items-center gap-12\">\n <div class=\"relative\">\n <canvas id=\"pistonCanvas\" width=\"350\" height=\"280\"><\/canvas>\n <p class=\"text-center text-slate-500 mt-4 italic\">\u0648\u0639\u0627\u0621 \u0627\u0644\u063a\u0627\u0632 (\u0636\u063a\u0637 \u062b\u0627\u0628\u062a)<\/p>\n <\/div>\n\n <div class=\"flex flex-col items-center bg-slate-800\/40 p-6 rounded-2xl border border-white\/5\">\n <svg width=\"50\" height=\"200\" viewBox=\"0 0 50 200\">\n <rect x=\"15\" y=\"10\" width=\"20\" height=\"170\" rx=\"10\" fill=\"#334155\" \/>\n <circle cx=\"25\" cy=\"180\" r=\"15\" fill=\"#334155\" \/>\n <rect id=\"thermFluid\" x=\"20\" y=\"100\" width=\"10\" height=\"80\" rx=\"5\" fill=\"#3b82f6\" \/>\n <circle id=\"thermBulb\" cx=\"25\" cy=\"180\" r=\"10\" fill=\"#3b82f6\" \/>\n <\/svg>\n <span class=\"mt-4 text-slate-300 font-bold\">\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mt-12 max-w-2xl mx-auto space-y-8\">\n <div class=\"space-y-4\">\n <label class=\"block text-center text-purple-300 font-bold\">\u062a\u062d\u0643\u0645 \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (K)<\/label>\n <div class=\"flex items-center gap-6\">\n <button id=\"tempDown\" class=\"w-14 h-14 bg-slate-700 rounded-xl hover:bg-red-500 text-white text-3xl transition-colors\">–<\/button>\n <input id=\"tempInput\" type=\"range\" min=\"100\" max=\"500\" value=\"300\" class=\"flex-grow\">\n <button id=\"tempUp\" class=\"w-14 h-14 bg-slate-700 rounded-xl hover:bg-red-500 text-white text-3xl transition-colors\">+<\/button>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n <div class=\"bg-indigo-950\/50 p-6 rounded-2xl border border-indigo-500\/30 text-center\">\n <div class=\"text-slate-400 text-sm mb-1 uppercase\">\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/div>\n <div class=\"text-3xl font-mono text-white\"><span id=\"valK\">300<\/span> K<\/div>\n <div class=\"text-slate-500 text-sm mt-1\"><span id=\"valC\">27<\/span> \u00b0C<\/div>\n <\/div>\n <div class=\"bg-teal-950\/50 p-6 rounded-2xl border border-teal-500\/30 text-center\">\n <div class=\"text-slate-400 text-sm mb-1 uppercase\">\u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0646\u0633\u0628\u064a<\/div>\n <div class=\"text-3xl font-mono text-white\"><span id=\"valV\">6.8<\/span> L<\/div>\n <div class=\"text-teal-500 text-sm mt-1 italic\">\u0636\u063a\u0637 \u062b\u0627\u0628\u062a<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"space-y-6\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0627\u0644\u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0645\u062c\u0647\u0631\u064a<\/h2>\n <p>\n \u0639\u0646\u062f \u062a\u0633\u062e\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0623\u0643\u0628\u0631 \u0648\u062a\u062a\u0635\u0627\u062f\u0645 \u0645\u0639 \u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621 \u0628\u0642\u0648\u0629 \u0623\u0643\u0628\u0631 \u0648\u0628\u062a\u0643\u0631\u0627\u0631 \u0623\u0639\u0644\u0649. \u0648\u0644\u0643\u064a \u064a\u0628\u0642\u0649 \u0627\u0644\u0636\u063a\u0637 \u062b\u0627\u0628\u062a\u0627\u064b\u060c \u064a\u062c\u0628 \u0623\u0646 \u064a\u0628\u062a\u0639\u062f \u0627\u0644\u0645\u0643\u0628\u0633 \u0644\u0644\u0623\u0639\u0644\u0649 \u0645\u0633\u0628\u0628\u0627\u064b \u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062d\u062c\u0645\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u062a\u0635\u0627\u062f\u0645\u0627\u062a \u0648\u064a\u0648\u0627\u0632\u0646 \u0627\u0644\u0642\u0648\u0629.\n <\/p>\n \n <\/section>\n\n<\/div>\n\n<script>\n \/\/ --- \u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 ---\n const canvas = document.getElementById('pistonCanvas');\n const ctx = canvas.getContext('2d');\n const tempInput = document.getElementById('tempInput');\n const valK = document.getElementById('valK');\n const valC = document.getElementById('valC');\n const valV = document.getElementById('valV');\n const thermFluid = document.getElementById('thermFluid');\n const thermBulb = document.getElementById('thermBulb');\n\n let temperature = 300;\n const numParticles = 40;\n let particles = [];\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\n function createParticles() {\n particles = [];\n for (let i = 0; i < numParticles; i++) {\n particles.push({\n x: Math.random() * 350,\n y: Math.random() * 280,\n vx: (Math.random() - 0.5) * 2,\n vy: (Math.random() - 0.5) * 2,\n radius: 3\n });\n }\n }\n\n function updateVisuals() {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0623\u0631\u0642\u0627\u0645\n valK.innerText = Math.round(temperature);\n valC.innerText = Math.round(temperature - 273.15);\n \/\/ V = kT (\u062a\u0628\u0633\u064a\u0637 \u0644\u0644\u0639\u0631\u0636)\n const volume = (temperature \/ 500 * 8 + 2).toFixed(1);\n valV.innerText = volume;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\n const ratio = (temperature - 100) \/ 400;\n const fillHeight = 160 * ratio;\n thermFluid.setAttribute('y', 180 - fillHeight - 10);\n thermFluid.setAttribute('height', fillHeight + 10);\n \n \/\/ \u0627\u0644\u0644\u0648\u0646 \u0645\u0646 \u0627\u0644\u0623\u0632\u0631\u0642 \u0644\u0644\u0623\u062d\u0645\u0631\n const r = Math.floor(255 * ratio);\n const b = Math.floor(255 * (1 - ratio));\n const color = `rgb(${r}, 80, ${b})`;\n thermFluid.setAttribute('fill', color);\n thermBulb.setAttribute('fill', color);\n }\n\n function render() {\n const pistonHeight = 280 * (temperature \/ 500);\n const pistonY = 280 - pistonHeight;\n const speed = Math.sqrt(temperature \/ 100);\n\n ctx.clearRect(0, 0, 350, 280);\n\n \/\/ \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u063a\u0627\u0632\n ctx.fillStyle = 'rgba(30, 41, 59, 0.5)';\n ctx.fillRect(0, pistonY, 350, pistonHeight);\n\n \/\/ \u062d\u062f\u0648\u062f \u0627\u0644\u0648\u0639\u0627\u0621\n ctx.strokeStyle = 'rgba(255,255,255,0.2)';\n ctx.lineWidth = 4;\n ctx.strokeRect(0, 0, 350, 280);\n\n \/\/ \u0627\u0644\u0645\u0643\u0628\u0633\n ctx.fillStyle = '#94a3b8';\n ctx.fillRect(-2, pistonY - 4, 354, 8);\n\n \/\/ \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\n particles.forEach(p => {\n p.x += p.vx * speed;\n p.y += p.vy * speed;\n\n if (p.x < 3 || p.x > 347) p.vx *= -1;\n if (p.y > 277) p.vy *= -1;\n if (p.y < pistonY + 3) {\n p.vy *= -1;\n p.y = pistonY + 3.1;\n }\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, 3, 0, Math.PI * 2);\n ctx.fillStyle = '#c4b5fd';\n ctx.fill();\n });\n\n requestAnimationFrame(render);\n }\n\n \/\/ \u0645\u0633\u062a\u0645\u0639\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\n tempInput.oninput = (e) => {\n temperature = parseFloat(e.target.value);\n updateVisuals();\n };\n\n document.getElementById('tempUp').onclick = () => {\n if(temperature < 500) { temperature += 10; tempInput.value = temperature; updateVisuals(); }\n };\n\n document.getElementById('tempDown').onclick = () => {\n if(temperature > 100) { temperature -= 10; tempInput.value = temperature; updateVisuals(); }\n };\n\n document.getElementById('resetSim').onclick = () => {\n temperature = 300;\n tempInput.value = 300;\n updateVisuals();\n };\n\n \/\/ \u0627\u0644\u0628\u062f\u0627\u064a\u0629\n createParticles();\n updateVisuals();\n render();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644 (Charles’s Law) \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u062d\u062c\u0645 \u0627\u0644\u063a\u0627\u0632 \u0648\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 \u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u064a\u0646\u0635 **\u0642\u0627\u0646\u0648\u0646 \u0634\u0627\u0631\u0644** \u0639\u0644\u0649 \u0623\u0646 \u062d\u062c\u0645 \u0643\u0645\u064a\u0629 \u0645\u0639\u064a\u0646\u0629 \u0645\u0646 \u0627\u0644\u063a\u0627\u0632 \u0627\u0644\u0645\u062d\u0635\u0648\u0631 \u064a\u062a\u0646\u0627\u0633\u0628 **\u0637\u0631\u062f\u064a\u0627\u064b** \u0645\u0639 \u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647 \u0627\u0644\u0645\u0637\u0644\u0642\u0629 (\u0628\u0627\u0644\u0643\u0644\u0641\u0646) \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0636\u063a\u0637\u0647. V\u2081 \/ T\u2081 = V\u2082 \/ T\u2082 \u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0643\u0644\u0641\u0646 (Kelvin)\u061f \u0641\u064a \u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u063a\u0627\u0632\u0627\u062a\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16888","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16888"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888\/revisions"}],"predecessor-version":[{"id":16889,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16888\/revisions\/16889"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}