\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u0633\u0644\u064a\u0629 | \u0627\u0644\u0648\u0632\u0646 \u0648\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n font-family: 'Cairo', sans-serif;\r\n color: #f1f5f9;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n direction: rtl;\r\n }\r\n .content-container {\r\n max-width: 96rem;\r\n margin: 0 auto;\r\n background-color: rgba(30, 27, 75, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #6366f1; }\r\n input[type=\"range\"] {\r\n direction: ltr;\r\n -webkit-appearance: none;\r\n background: #334155;\r\n height: 4px;\r\n border-radius: 5px;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n height: 16px;\r\n width: 16px;\r\n border-radius: 50%;\r\n background: #f59e0b;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .ltr { direction: ltr; text-align: left; }\r\n .ltr-inline { direction: ltr; display: inline-block; }\r\n button {\r\n transition: all 0.2s ease;\r\n }\r\n .simulation-container {\r\n margin: 1.5rem 0;\r\n padding: 1rem;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"content-container\">\r\n \r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0623\u0648\u0644: \u0627\u0644\u0648\u0632\u0646 \u0648\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (\u0627\u0644\u0643\u0648\u0646\u064a)<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/p>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n <\/div>\r\n <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-4 w-full\">\r\n <audio controls class=\"w-full h-10\">\r\n <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u0623\u0648\u0644__\u0627\u0644\u0648\u0632\u0646_\u0648\u0642\u0627\u0646\u0648\u0646_\u0627\u0644\u062c\u0630\u0628_\u0627\u0644\u0639\u0627\u0645__\u0627\u0644\u0643\u0648\u0646\u064a__audio.mp3\" type=\"audio\/mpeg\">\r\n <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u0623\u0648\u0644__\u0627\u0644\u0648\u0632\u0646_\u0648\u0642\u0627\u0646\u0648\u0646_\u0627\u0644\u062c\u0630\u0628_\u0627\u0644\u0639\u0627\u0645__\u0627\u0644\u0643\u0648\u0646\u064a__audio.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n <\/audio>\r\n <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"space-y-6 text-right\" dir=\"rtl\">\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0645\u0642\u062f\u0645\u0629<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <p class=\"text-base text-slate-300 leading-relaxed mb-2\">\r\n \u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0646\u064a\u0648\u062a\u0646 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0643\u062b\u064a\u0631\u0629 \u0641\u064a \u062d\u064a\u0627\u062a\u0646\u0627\u060c \u0645\u0646 \u0623\u0647\u0645\u0647\u0627 \u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0623\u0646 \u0643\u0644 \u062c\u0633\u0645 \u0641\u064a \u0627\u0644\u0643\u0648\u0646 \u064a\u062c\u0630\u0628 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0627\u0644\u0623\u062e\u0631\u0649 \u0628\u0642\u0648\u0629 \u062a\u0633\u0645\u0649 \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (\u0627\u0644\u0643\u064e\u0648\u0646\u064a). \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633\u060c \u0633\u0646\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0631\u0628\u0637 \u0647\u0630\u0647 \u0627\u0644\u0642\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u060c \u0648\u0643\u064a\u0641 \u0646\u062d\u0633\u0628 \u0648\u0632\u0646 \u0623\u064a \u062c\u0633\u0645 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636 \u0623\u0648 \u0639\u0644\u0649 \u0623\u064a \u0643\u0648\u0643\u0628 \u0622\u062e\u0631\u060c \u0648\u0643\u064a\u0641 \u0646\u0633\u062a\u0646\u062a\u062c \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u0633\u0642\u0648\u0637 \u0627\u0644\u062d\u0631 \u0645\u0646 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (Mass and Weight)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\r\n <div class=\"bg-blue-900\/20 p-4 rounded-lg border border-blue-500\/30\">\r\n <h3 class=\"font-bold text-blue-300 mb-2\">1. \u0627\u0644\u0643\u062a\u0644\u0629 (Mass)<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-blue-100\/80 space-y-1\">\r\n <li><strong>\u062a\u0639\u0631\u064a\u0641\u0647\u0627:<\/strong> \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0633\u0645.<\/li>\r\n <li><strong>\u0631\u0645\u0632\u0647\u0627:<\/strong> <span class=\"font-mono\">m<\/span>\u060c \u0648\u062d\u062f\u062a\u0647\u0627: \u0643\u064a\u0644\u0648\u063a\u0631\u0627\u0645 (kg).<\/li>\r\n <li><strong>\u0646\u0648\u0639\u0647\u0627:<\/strong> \u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629.<\/li>\r\n <li><strong>\u062e\u0627\u0635\u064a\u062a\u0647\u0627:<\/strong> <span class=\"text-emerald-400\">\u062b\u0627\u0628\u062a\u0629<\/span> \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0628\u0627\u0644\u0645\u0643\u0627\u0646.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/20 p-4 rounded-lg border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300 mb-2\">2. \u0627\u0644\u0648\u0632\u0646 (Weight)<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-indigo-100\/80 space-y-1\">\r\n <li><strong>\u062a\u0639\u0631\u064a\u0641\u0647:<\/strong> \u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 (\u0623\u0648 \u0623\u064a \u062c\u0631\u0645 \u0633\u0645\u0627\u0648\u064a) \u0644\u0644\u062c\u0633\u0645.<\/li>\r\n <li><strong>\u0631\u0645\u0632\u0647:<\/strong> <span class=\"font-mono\">F<sub>g<\/sub><\/span>\u060c \u0648\u062d\u062f\u062a\u0647: \u0646\u064a\u0648\u062a\u0646 (N).<\/li>\r\n <li><strong>\u0646\u0648\u0639\u0647:<\/strong> \u0643\u0645\u064a\u0629 \u0645\u062a\u062c\u0647\u0629 (\u0646\u062d\u0648 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0631\u0636).<\/li>\r\n <li><strong>\u062e\u0627\u0635\u064a\u062a\u0647:<\/strong> <span class=\"text-rose-400\">\u064a\u062a\u063a\u064a\u0631<\/span> \u0645\u0646 \u0645\u0643\u0627\u0646 \u0644\u0622\u062e\u0631.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-gradient-to-r from-blue-900\/40 to-indigo-900\/40 p-4 rounded-lg border border-white\/10 mb-4\">\r\n <h3 class=\"font-bold text-white mb-2\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0632\u0646 \u0648\u0627\u0644\u0643\u062a\u0644\u0629 \u0628\u0627\u0644\u0642\u0631\u0628 \u0645\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636<\/h3>\r\n <div class=\"flex flex-col md:flex-row items-center gap-4\">\r\n <div class=\"bg-black\/40 p-3 rounded-xl text-center\"><span class=\"text-2xl font-mono text-blue-400 font-bold\">F<sub>g<\/sub> = m \u00b7 g<\/span><\/div>\r\n <p class=\"text-slate-300\">\u062d\u064a\u062b <span class=\"font-mono\">g<\/span> \u0647\u0648 \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u0633\u0642\u0648\u0637 \u0627\u0644\u062d\u0631 (\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629)\u060c \u0648\u0642\u064a\u0645\u062a\u0647 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629 <span class=\"font-mono text-white\">g = 9.8 m\/s\u00b2<\/span> (\u063a\u0627\u0644\u0628\u0627\u064b \u0646\u0642\u0631\u0651\u0628\u0647 \u0625\u0644\u0649 <span class=\"font-mono\">10 m\/s\u00b2<\/span>).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mass-weight-simulation\" class=\"simulation-container\"><\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 1 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 12)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u062d\u0628\u0629 \u062a\u0641\u0627\u062d \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">150 g = 0.15 kg<\/span>.<\/p>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 mt-2\">\r\n <li>\u0648\u0632\u0646\u0647\u0627 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636: <span class=\"font-mono text-emerald-400\">F<sub>g<\/sub> = 0.15 \u00d7 10 = 1.5 N<\/span><\/li>\r\n <li>\u0648\u0632\u0646\u0647\u0627 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631 (\u062d\u064a\u062b g \u2248 1.6 m\/s\u00b2): <span class=\"font-mono text-emerald-400\">F<sub>gM<\/sub> = 0.15 \u00d7 1.6 = 0.24 N<\/span><\/li>\r\n <\/ul>\r\n <p class=\"text-l text-blue-300 mt-2\"><strong>\u0645\u0644\u0627\u062d\u0638\u0629:<\/strong> \u0627\u0644\u0643\u062a\u0644\u0629 \u062a\u0628\u0642\u0649 0.15 kg \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u062a\u064a\u0646\u060c \u0628\u064a\u0646\u0645\u0627 \u0627\u0644\u0648\u0632\u0646 \u064a\u062a\u063a\u064a\u0631.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u0644\u0646\u064a\u0648\u062a\u0646 (Newton\u2019s Law of Universal Gravitation)<\/h2>\r\n <div class=\"bg-purple-900\/20 p-4 rounded-lg border border-purple-500\/30 mb-4 text-center\">\r\n <h3 class=\"font-bold text-purple-300 mb-2\">\u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646<\/h3>\r\n <p class=\"text-l text-purple-100\/80 italic\">\"\u0643\u0644 \u062c\u0633\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0643\u0648\u0646 \u064a\u062c\u062a\u0630\u0628\u0627\u0646 \u0628\u0639\u0636\u0647\u0645\u0627 \u0628\u0642\u0648\u0629 \u062a\u062a\u0646\u0627\u0633\u0628 \u0637\u0631\u062f\u064a\u0627\u064b \u0645\u0639 \u062d\u0627\u0635\u0644 \u0636\u0631\u0628 \u0643\u062a\u0644\u062a\u064a\u0647\u0645\u0627\u060c \u0648\u0639\u0643\u0633\u064a\u0627\u064b \u0645\u0639 \u0645\u0631\u0628\u0639 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h3>\r\n <div class=\"flex flex-col md:flex-row items-center gap-4\">\r\n <div class=\"bg-black\/40 p-4 rounded-xl\"><span class=\"text-2xl font-mono text-purple-400 font-bold\">F = G <span class=\"align-middle inline-block\"><div class=\"border-b-2 border-purple-400 pb-1 mb-1\">m<sub>1<\/sub> m<sub>2<\/sub><\/div><div>r\u00b2<\/div><\/span><\/span><\/div>\r\n <div class=\"flex-1 space-y-1 text-l text-slate-300\">\r\n <p><strong class=\"text-purple-300\">F<\/strong>: \u0645\u0642\u062f\u0627\u0631 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 (N).<\/p>\r\n <p><strong class=\"text-purple-300\">m<sub>1<\/sub>, m<sub>2<\/sub><\/strong>: \u0643\u062a\u0644\u062a\u0627 \u0627\u0644\u062c\u0633\u0645\u064a\u0646 (kg).<\/p>\r\n <p><strong class=\"text-purple-300\">r<\/strong>: \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627 (m).<\/p>\r\n <p><strong class=\"text-purple-300\">G<\/strong>: \u062b\u0627\u0628\u062a \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 = <span class=\"font-mono\">6.67 \u00d7 10\u207b\u00b9\u00b9 N\u00b7m\u00b2\/kg\u00b2<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u062e\u0635\u0627\u0626\u0635 \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 space-y-1\">\r\n <li>\u0642\u0648\u0629 \u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0644\u0643\u0646\u0647\u0627 \u0630\u0627\u062a \u062a\u0623\u062b\u064a\u0631 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0631\u0627\u0645 \u0627\u0644\u0636\u062e\u0645\u0629.<\/li>\r\n <li>\u0642\u0648\u0629 \u0645\u062a\u0628\u0627\u062f\u0644\u0629: \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 \u064a\u062c\u0630\u0628 \u0627\u0644\u062b\u0627\u0646\u064a \u0628\u0642\u0648\u0629\u060c \u0648\u0627\u0644\u062b\u0627\u0646\u064a \u064a\u062c\u0630\u0628 \u0627\u0644\u0623\u0648\u0644 \u0628\u0642\u0648\u0629 \u0645\u0633\u0627\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0627\u0631 \u0648\u0645\u0639\u0627\u0643\u0633\u0629 \u0641\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647.<\/li>\r\n <li>\u0642\u0648\u0629 \u062a\u062c\u0627\u0630\u0628 \u0641\u0642\u0637 (\u0644\u0627 \u062a\u0646\u0627\u0641\u0631)\u060c \u0648\u0647\u064a \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0643\u0648\u0627\u0643\u0628 \u0641\u064a \u0645\u062f\u0627\u0631\u0627\u062a\u0647\u0627\u060c \u0648\u0633\u0642\u0648\u0637 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0648\u0627\u0644\u0645\u062f \u0648\u0627\u0644\u062c\u0632\u0631.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div id=\"gravitation-simulation\" class=\"simulation-container\"><\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 2 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 15)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u0645\u0631\u064a\u0645 \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">50 kg<\/span>\u060c \u0648\u0639\u0627\u0626\u0634\u0629 \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">60 kg<\/span>\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646\u0647\u0645\u0627 <span class=\"font-mono text-white\">50 cm = 0.5 m<\/span>. \u0627\u062d\u0633\u0628 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0628\u064a\u0646\u0647\u0645\u0627.<\/p>\r\n <div class=\"bg-black\/30 p-3 rounded-lg font-mono text-l text-slate-300 dir-ltr text-left mt-2 overflow-x-auto\">\r\n F = G (m<sub>M<\/sub> m<sub>A<\/sub>) \/ r\u00b2 = (6.67\u00d710\u207b\u00b9\u00b9) \u00d7 (50\u00d760) \/ (0.5)\u00b2 = 8.004\u00d710\u207b\u2077 N\r\n <\/div>\r\n <p class=\"text-l text-slate-400 mt-2\">\u0647\u0630\u0647 \u0627\u0644\u0642\u0648\u0629 \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b\u061b \u0644\u0630\u0644\u0643 \u0644\u0627 \u0646\u0634\u0639\u0631 \u0628\u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0628\u064a\u0646 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0639\u0627\u062f\u064a\u064a\u0646.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0644\u062b\u0627\u064b: \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 (Gravitational Acceleration)<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <p class=\"text-l text-slate-300\">\u064a\u0645\u0643\u0646\u0646\u0627 \u0627\u0634\u062a\u0642\u0627\u0642 \u0642\u064a\u0645\u0629 <span class=\"font-mono\">g<\/span> \u0645\u0646 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062b\u0627\u0646\u064a \u0644\u0646\u064a\u0648\u062a\u0646:<\/p>\r\n <div class=\"bg-black\/30 p-3 rounded-lg mt-2 text-center\">\r\n <span class=\"font-mono text-emerald-400\">g = G \u00b7 m<sub>E<\/sub> \/ r<sub>E<\/sub>\u00b2<\/span>\r\n <\/div>\r\n <p class=\"text-l text-slate-300 mt-2\">\u0628\u062a\u0639\u0648\u064a\u0636 \u0642\u064a\u0645: <span class=\"font-mono\">G = 6.67\u00d710\u207b\u00b9\u00b9<\/span>\u060c <span class=\"font-mono\">m<sub>E<\/sub> = 5.98\u00d710\u00b2\u2074 kg<\/span>\u060c <span class=\"font-mono\">r<sub>E<\/sub> = 6.38\u00d710\u2076 m<\/span> \u0646\u062d\u0635\u0644 \u0639\u0644\u0649 <span class=\"font-mono text-emerald-400\">g \u2248 9.80 m\/s\u00b2<\/span>.<\/p>\r\n <\/div>\r\n <div class=\"bg-emerald-900\/20 p-4 rounded-lg border border-emerald-500\/30 mb-4\">\r\n <h3 class=\"font-bold text-emerald-300 mb-2\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0647\u0627\u0645\u0629<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-emerald-100\/80\">\r\n <li>\u064a\u062a\u0646\u0627\u0642\u0635 <span class=\"font-mono\">g<\/span> \u0643\u0644\u0645\u0627 \u0627\u0628\u062a\u0639\u062f\u0646\u0627 \u0639\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636 (\u0644\u0623\u0646 <span class=\"font-mono\">r<\/span> \u064a\u0632\u062f\u0627\u062f).<\/li>\r\n <li>\u0639\u0644\u0649 \u0627\u0631\u062a\u0641\u0627\u0639 <span class=\"font-mono\">h<\/span> \u0639\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636: <span class=\"font-mono\">g' = G\u00b7m<sub>E<\/sub> \/ (r<sub>E<\/sub> + h)\u00b2<\/span>.<\/li>\r\n <li>\u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631: <span class=\"font-mono\">g<sub>Moon<\/sub> \u2248 1.6 m\/s\u00b2<\/span>.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 3 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 17)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 <span class=\"font-mono text-white\">7.35\u00d710\u00b2\u00b2 kg<\/span>\u060c \u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647 <span class=\"font-mono text-white\">1.738\u00d710\u2076 m<\/span>.<\/p>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 mt-2\">\r\n <li>\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631: <span class=\"font-mono text-emerald-400\">g<sub>M<\/sub> = 1.62 m\/s\u00b2<\/span>.<\/li>\r\n <li>\u062c\u0631\u0645 \u0622\u062e\u0631 \u0644\u0647 \u0646\u0641\u0633 \u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 \u0648\u0636\u0639\u0641 \u0646\u0635\u0641 \u0642\u0637\u0631\u0647: <span class=\"font-mono text-emerald-400\">g<sub>A<\/sub> = 0.405 m\/s\u00b2<\/span> (\u0644\u0623\u0646 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u064a\u062a\u0646\u0627\u0633\u0628 \u0639\u0643\u0633\u064a\u0627\u064b \u0645\u0639 \u0645\u0631\u0628\u0639 \u0646\u0635\u0641 \u0627\u0644\u0642\u0637\u0631).<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 \u2013 \u062c\u062f\u0648\u0644 \u0645\u0642\u0627\u0631\u0646\u0629<\/h2>\r\n <div class=\"overflow-x-auto bg-white\/20 rounded-lg border border-white\/10 mb-4\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10 text-l\">\r\n <tr><th class=\"px-4 py-3\">\u0627\u0644\u062e\u0627\u0635\u064a\u0629<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0643\u062a\u0644\u0629 (m)<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0648\u0632\u0646 (F<sub>g<\/sub>)<\/th><\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-white\/10\">\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u062a\u0639\u0631\u064a\u0641<\/td><td class=\"px-4 py-3\">\u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0633\u0645<\/td><td class=\"px-4 py-3\">\u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 \u0644\u0644\u062c\u0633\u0645<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0646\u0648\u0639<\/td><td class=\"px-4 py-3\">\u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629<\/td><td class=\"px-4 py-3\">\u0643\u0645\u064a\u0629 \u0645\u062a\u062c\u0647\u0629<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0648\u062d\u062f\u0629<\/td><td class=\"px-4 py-3 font-mono\">kg<\/td><td class=\"px-4 py-3 font-mono\">N<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u062b\u0628\u0627\u062a<\/td><td class=\"px-4 py-3 text-emerald-400\">\u062b\u0627\u0628\u062a\u0629<\/td><td class=\"px-4 py-3 text-rose-400\">\u0645\u062a\u063a\u064a\u0631\u0629<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0642\u064a\u0627\u0633<\/td><td class=\"px-4 py-3\">\u0645\u064a\u0632\u0627\u0646 \u0630\u0648 \u0643\u0641\u062a\u064a\u0646<\/td><td class=\"px-4 py-3\">\u0645\u064a\u0632\u0627\u0646 \u0646\u0627\u0628\u0636\u064a<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629<\/td><td class=\"px-4 py-3 font-mono\">m = F<sub>g<\/sub>\/g<\/td><td class=\"px-4 py-3 font-mono\">F<sub>g<\/sub> = m\u00b7g<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062e\u0627\u0645\u0633\u0627\u064b: \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u0629 (\u0644\u0644\u0627\u0633\u062a\u0632\u0627\u062f\u0629)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">1. \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0636\u0639\u0641\u0647\u0627\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0628\u0639\u064a\u062f.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">2. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0643\u0647\u0631\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0642\u0648\u0649 \u0645\u0646 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629\u060c \u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">3. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0646\u0648\u0648\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0634\u062f \u0627\u0644\u0642\u0648\u0649\u060c \u062a\u0631\u0628\u0637 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0646\u064a\u0648\u062a\u0631\u0648\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0646\u0648\u0627\u0629.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">4. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0646\u0648\u0648\u064a\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u062d\u0644\u0644 \u0627\u0644\u0625\u0634\u0639\u0627\u0639\u064a.<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u062f\u0633\u0627\u064b: \u0623\u0633\u0626\u0644\u0629 \u0648\u062a\u062f\u0631\u064a\u0628\u0627\u062a \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 18)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u0629<\/h3>\r\n <p class=\"text-slate-300 text-sm mt-1\">\u0645\u0627 \u0627\u0644\u0645\u0642\u0635\u0648\u062f \u0628\u0627\u0644\u0648\u0632\u0646\u061f \u0648\u0639\u0644\u0649 \u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0645\u062f \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0627\u0644\u0643\u062a\u0644\u064a\u061f<\/p>\r\n <p class=\"text-emerald-400 text-sm mt-2\">\u0627\u0644\u0648\u0632\u0646: \u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 \u0644\u0644\u062c\u0633\u0645. \u062a\u0639\u062a\u0645\u062f \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0639\u0644\u0649 \u0643\u062a\u0644\u062a\u064a \u0627\u0644\u062c\u0633\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627.<\/p>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u062a\u063a\u064a\u0631 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628<\/h3>\r\n <ul class=\"list-disc list-inside text-sm text-slate-300\">\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0645\u0631\u062a\u064a\u0646 \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u0635\u0628\u062d \u0631\u0628\u0639\u0647\u0627.<\/li>\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u062a\u0636\u0627\u0639\u0641.<\/li>\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0643\u062a\u0644\u062a\u064a\u0647\u0645\u0627 \u0645\u0639\u0627\u064b \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u062a\u0636\u0627\u0639\u0641 4 \u0645\u0631\u0627\u062a.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u062a\u063a\u064a\u0631 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\u0644\u0648 \u0623\u0635\u0628\u062d\u062a \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636 \u0636\u0639\u0641 \u0645\u0627 \u0647\u064a \u0639\u0644\u064a\u0647 (\u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647\u0627 \u062b\u0627\u0628\u062a) \u2192 <span class=\"font-mono\">g<\/span> \u064a\u0635\u0628\u062d <span class=\"text-emerald-400\">19.6 m\/s\u00b2<\/span>.<\/p>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0645\u0646\u0627\u0642\u0634\u0629 \u0642\u0648\u0644 \u0647\u0646\u062f<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\"\u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 \u0645\u062a\u0631\u0627\u062f\u0641\u0627\u0646\" \u2013 <span class=\"text-rose-400\">\u062e\u0637\u0623<\/span>\u061b \u0641\u0627\u0644\u0643\u062a\u0644\u0629 \u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0648\u0627\u0644\u0648\u0632\u0646 \u0642\u0648\u0629 \u0645\u062a\u062c\u0647\u0629 \u0645\u062a\u063a\u064a\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30 mt-4\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0646\u0627\u0642\u062f<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0642\u0645\u0631 1\/6 \u0642\u064a\u0645\u062a\u0647 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0641\u0647\u0644 \u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 1\/6 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636\u061f<\/p>\r\n <p class=\"text-emerald-400 text-sm mt-1\">\u0644\u0627\u060c \u0644\u0623\u0646 <span class=\"font-mono\">g<\/span> \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0643\u062a\u0644\u0629 \u0627\u0644\u0643\u0648\u0643\u0628 \u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647 \u0645\u0639\u0627\u064b. \u0641\u0627\u0644\u0642\u0645\u0631 \u0643\u062a\u0644\u062a\u0647 1\/81 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636 \u062a\u0642\u0631\u064a\u0628\u0627\u064b\u060c \u0648\u0644\u0643\u0646 \u0646\u0635\u0641 \u0642\u0637\u0631\u0647 \u0623\u0635\u063a\u0631 \u0623\u064a\u0636\u0627\u064b\u060c \u0641\u064a\u0646\u062a\u062c \u0623\u0646 <span class=\"font-mono\">g<\/span> \u064a\u0633\u0627\u0648\u064a 1\/6 \u062a\u0642\u0631\u064a\u0628\u0627\u064b.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u0628\u0639\u0627\u064b: \u0645\u0644\u062e\u0635 \u0627\u0644\u062f\u0631\u0633<\/h2>\r\n <div class=\"overflow-x-auto bg-white\/20 rounded-lg border border-white\/10 mb-4\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10\"><tr><th class=\"px-4 py-3\">\u0627\u0644\u0645\u0641\u0647\u0648\u0645<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629<\/th><th class=\"px-4 py-3\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0648\u0632\u0646<\/td><td class=\"px-4 py-3 font-mono\">F<sub>g<\/sub> = m\u00b7g<\/td><td class=\"px-4 py-3\">\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/td><td class=\"px-4 py-3 font-mono\">F = G(m\u2081m\u2082)\/r\u00b2<\/td><td class=\"px-4 py-3\">\u064a\u0646\u0637\u0628\u0642 \u0639\u0644\u0649 \u0623\u064a \u062c\u0633\u0645\u064a\u0646<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629<\/td><td class=\"px-4 py-3 font-mono\">g = GM\/R\u00b2<\/td><td class=\"px-4 py-3\">\u062b\u0627\u0628\u062a \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <p class=\"text-l text-slate-300\">\u0628\u0647\u0630\u0627 \u0646\u0643\u0648\u0646 \u0642\u062f \u0641\u0647\u0645\u0646\u0627 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0648\u0647\u0631\u064a \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0643\u064a\u0641 \u064a\u062d\u0643\u0645 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u062c\u0631\u0627\u0645 \u0627\u0644\u0633\u0645\u0627\u0648\u064a\u0629 \u0648\u0633\u0642\u0648\u0637 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u062d\u0633\u0627\u0628 \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0623\u064a \u0643\u0648\u0643\u0628.<\/p>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ============================================\r\n \/\/ 1. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (MassAndWeightSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('mass-weight-simulation');\r\n if (!container) return;\r\n\r\n const planets = {\r\n earth: { name: '\u0627\u0644\u0623\u0631\u0636', g: 9.8, color: 'bg-blue-500', icon: '' },\r\n moon: { name: '\u0627\u0644\u0642\u0645\u0631', g: 1.6, color: 'bg-slate-400', icon: '' },\r\n mars: { name: '\u0627\u0644\u0645\u0631\u064a\u062e', g: 3.7, color: 'bg-red-500', icon: '' },\r\n jupiter: { name: '\u0627\u0644\u0645\u0634\u062a\u0631\u064a', g: 24.8, color: 'bg-orange-400', icon: '' }\r\n };\r\n let planet = 'earth';\r\n let mass = 10;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'bg-slate-900 p-6 rounded-2xl border border-slate-700';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\"><span class=\"text-blue-400\">\u2696\ufe0f<\/span> \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (\u0627\u0644\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u0646\u0627\u0628\u0636)<\/h3>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"space-y-6 bg-slate-800 p-6 rounded-xl border border-slate-700\">\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0627\u0644\u0643\u062a\u0644\u0629 (m): <span id=\"mw-mass-val\" class=\"text-blue-400 font-mono\">10 kg<\/span><\/label><input id=\"mw-mass-slider\" type=\"range\" min=\"1\" max=\"100\" step=\"1\" value=\"10\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-3 font-bold\">\u0627\u0644\u0645\u0643\u0627\u0646 (\u0627\u0644\u0643\u0648\u0643\u0628):<\/label><div class=\"grid grid-cols-2 gap-3\" id=\"mw-planet-buttons\"><\/div><\/div>\r\n <div class=\"bg-slate-900 p-4 rounded-lg border border-slate-700 space-y-2\"><div class=\"flex justify-between\"><span class=\"text-slate-400\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 (g):<\/span><span id=\"mw-g-val\" class=\"font-mono text-emerald-400\">9.8 m\/s\u00b2<\/span><\/div><div class=\"flex justify-between\"><span class=\"text-slate-400\">\u0627\u0644\u0643\u062a\u0644\u0629 (m):<\/span><span id=\"mw-mass-display\" class=\"font-mono text-blue-400\">10 kg<\/span><\/div><div class=\"h-px bg-slate-700 my-2\"><\/div><div class=\"flex justify-between text-lg\"><span class=\"text-white\">\u0627\u0644\u0648\u0632\u0646 (F_g):<\/span><span id=\"mw-weight-val\" class=\"font-mono text-rose-400\">98.0 N<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800 p-6 rounded-xl border border-slate-700 flex flex-col items-center min-h-[450px] relative overflow-hidden\">\r\n <div class=\"relative z-10 flex flex-col items-center w-full\">\r\n <div class=\"w-48 h-4 bg-slate-600 rounded-t-lg border-b-4 border-slate-700\"><\/div><div class=\"w-12 h-3 bg-slate-500 rounded-b-md\"><\/div>\r\n <div class=\"relative flex mt-2 w-full max-w-[250px] justify-center\">\r\n <div id=\"mw-ruler\" class=\"w-20 flex flex-col items-end pr-3 border-r-2 border-slate-500 text-slate-400 font-mono relative\" style=\"height: 280px\">\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:40px\"><span>0<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:80px\"><span>500<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:120px\"><span>1000<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:200px\"><span>2000<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute -left-4 top-2 text-slate-500 font-bold\">N<\/div>\r\n <\/div>\r\n <div class=\"flex flex-col items-center ml-4 relative w-24\">\r\n <svg id=\"mw-spring\" width=\"40\" height=\"100\" class=\"overflow-visible stroke-slate-300 stroke-[3px] fill-none transition-all duration-500\"><\/svg>\r\n <div id=\"mw-pointer\" class=\"absolute w-24 h-0.5 bg-rose-500 right-1\/2 transition-all duration-500 z-20\" style=\"top: 40px\"><div class=\"absolute left-0 -top-3 bg-slate-900\/90 px-1.5 py-0.5 rounded text-rose-400 font-mono text-sm font-bold\">98 N<\/div><div class=\"absolute right-0 -top-1.5 w-0 h-0 border-y-[3px] border-y-transparent border-l-[5px] border-l-rose-500\"><\/div><\/div>\r\n <div class=\"w-6 h-8 border-[3px] border-slate-400 border-t-0 rounded-b-full mt-[-10px]\"><\/div>\r\n <div class=\"w-20 h-20 bg-gradient-to-br from-blue-500 to-blue-700 rounded-xl shadow-lg border-2 border-blue-400 flex flex-col items-center justify-center mt-[-4px]\"><span class=\"font-mono font-bold text-white text-xl\">10 kg<\/span><span class=\"text-[10px] text-blue-200\">\u0627\u0644\u0643\u062a\u0644\u0629<\/span><\/div>\r\n <div class=\"flex flex-col items-center mt-2\"><div id=\"mw-force-arrow\" class=\"w-1.5 bg-rose-500 rounded-t-full\" style=\"height: 30px\"><\/div><div class=\"w-0 h-0 border-l-[8px] border-l-transparent border-r-[8px] border-r-transparent border-t-[12px] border-t-rose-500\"><\/div><span class=\"text-rose-400 font-mono text-xs mt-1\">F<sub>g<\/sub><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 text-center\"><p class=\"text-slate-300 text-sm bg-slate-900\/60 p-2 rounded\">\u0627\u0644\u0643\u062a\u0644\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0648\u0627\u0633\u062a\u0637\u0627\u0644\u0629 \u0627\u0644\u0646\u0627\u0628\u0636 (\u0627\u0644\u0648\u0632\u0646) \u062a\u062a\u063a\u064a\u0631 \u0628\u062a\u063a\u064a\u0631 \u0627\u0644\u0643\u0648\u0643\u0628.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n const btnContainer = document.getElementById('mw-planet-buttons');\r\n for (const [key, data] of Object.entries(planets)) {\r\n const btn = document.createElement('button');\r\n btn.innerHTML = `${data.icon} ${data.name}`;\r\n btn.className = `py-2 px-3 rounded-lg border transition-colors ${key === 'earth' ? 'bg-blue-600 border-blue-400 text-white' : 'bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600'}`;\r\n btn.dataset.planet = key;\r\n btn.addEventListener('click', () => {\r\n planet = key;\r\n updateMW();\r\n document.querySelectorAll('#mw-planet-buttons button').forEach(b => {\r\n b.className = 'py-2 px-3 rounded-lg border transition-colors bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600';\r\n });\r\n btn.className = 'py-2 px-3 rounded-lg border transition-colors bg-blue-600 border-blue-400 text-white';\r\n });\r\n btnContainer.appendChild(btn);\r\n }\r\n\r\n function updateMW() {\r\n const current = planets[planet];\r\n const weight = mass * current.g;\r\n const maxWeight = 2500;\r\n const stretch = (weight \/ maxWeight) * 200;\r\n document.getElementById('mw-mass-val').innerText = mass + ' kg';\r\n document.getElementById('mw-mass-display').innerText = mass + ' kg';\r\n document.getElementById('mw-g-val').innerHTML = current.g + ' m\/s\u00b2';\r\n document.getElementById('mw-weight-val').innerHTML = weight.toFixed(1) + ' N';\r\n const springSvg = document.getElementById('mw-spring');\r\n const coils = 15;\r\n const baseLength = 30;\r\n const totalLength = baseLength + stretch;\r\n const coilHeight = totalLength \/ coils;\r\n let path = `M 20 0 L 20 10 `;\r\n for (let i = 0; i <= coils; i++) {\r\n const y = 10 + i * coilHeight;\r\n const x = i % 2 === 0 ? 20 + 12 : 20 - 12;\r\n path += `L ${x} ${y} `;\r\n }\r\n path += `L 20 ${10 + totalLength} L 20 ${10 + totalLength + 20}`;\r\n springSvg.setAttribute('height', 70 + stretch);\r\n springSvg.innerHTML = `<path d=\"${path}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>`;\r\n const pointer = document.getElementById('mw-pointer');\r\n pointer.style.top = `${40 + stretch}px`;\r\n pointer.querySelector('.absolute.left-0').innerHTML = `${weight.toFixed(0)} N`;\r\n const forceArrow = document.getElementById('mw-force-arrow');\r\n forceArrow.style.height = `${Math.max(30, weight \/ 20)}px`;\r\n }\r\n\r\n document.getElementById('mw-mass-slider').addEventListener('input', (e) => { mass = parseInt(e.target.value); updateMW(); });\r\n updateMW();\r\n })();\r\n\r\n \/\/ ============================================\r\n \/\/ 2. \u0645\u062d\u0627\u0643\u0627\u0629 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (UniversalGravitationSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('gravitation-simulation');\r\n if (!container) return;\r\n\r\n let m1 = 100, m2 = 100, r = 5;\r\n const G = 6.674e-11;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'bg-slate-900 p-6 rounded-2xl border border-slate-700';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\"><span class=\"text-purple-400\"><\/span> \u0645\u062d\u0627\u0643\u0627\u0629 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n <div class=\"lg:col-span-5 space-y-6 bg-slate-800 p-6 rounded-xl border border-slate-700\">\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 (m\u2081): <span id=\"ug-m1-val\" class=\"text-purple-400 font-mono\">100 kg<\/span><\/label><input id=\"ug-m1-slider\" type=\"range\" min=\"10\" max=\"1000\" step=\"10\" value=\"100\" class=\"w-full accent-purple-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a (m\u2082): <span id=\"ug-m2-val\" class=\"text-blue-400 font-mono\">100 kg<\/span><\/label><input id=\"ug-m2-slider\" type=\"range\" min=\"10\" max=\"1000\" step=\"10\" value=\"100\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0646 (r): <span id=\"ug-r-val\" class=\"text-emerald-400 font-mono\">5 m<\/span><\/label><input id=\"ug-r-slider\" type=\"range\" min=\"1\" max=\"10\" step=\"0.5\" value=\"5\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div class=\"bg-slate-900 p-4 rounded-lg border border-slate-700 text-center\"><div class=\"font-mono text-slate-400\">F = G\u00b7m\u2081\u00b7m\u2082 \/ r\u00b2<\/div><div class=\"h-px bg-slate-700 my-2\"><\/div><div class=\"text-lg\"><span class=\"text-white\">\u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 (F):<\/span> <span id=\"ug-force-val\" class=\"font-mono text-rose-400\">2.67 \u00d7 10<sup>-8<\/sup> N<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-7 bg-slate-800 p-6 rounded-xl border border-slate-700 flex flex-col items-center justify-center min-h-[350px] relative\">\r\n <div class=\"relative w-full h-full flex items-center justify-center\" id=\"ug-viz-container\">\r\n <div class=\"relative flex items-center justify-center\">\r\n <div id=\"ug-distance-line\" class=\"absolute h-0.5 bg-slate-500 border-dashed border-t-2 border-slate-500\" style=\"width: 125px\"><\/div>\r\n <div id=\"ug-distance-label\" class=\"absolute top-4 text-emerald-400 font-mono text-sm bg-slate-800 px-2 rounded\">5 m<\/div>\r\n <div id=\"ug-mass1\" class=\"absolute flex items-center justify-center rounded-full bg-gradient-to-br from-purple-500 to-purple-700 shadow-lg z-10 transition-all duration-300\" style=\"width: 40px; height: 40px; transform: translateX(62.5px)\"><span class=\"text-white font-mono text-xs\">100kg<\/span><div id=\"ug-arrow1\" class=\"absolute top-1\/2 -translate-y-1\/2 flex items-center transition-all duration-300\" style=\"right: 100%; width: 59px\"><div class=\"w-0 h-0 border-y-[5px] border-y-transparent border-r-[8px] border-r-rose-500\"><\/div><div class=\"h-1.5 bg-rose-500 flex-1\"><\/div><span class=\"absolute -top-6 text-rose-400 font-mono text-xs w-max left-1\/2 -translate-x-1\/2\">F\u2081\u2082<\/span><\/div><\/div>\r\n <div id=\"ug-mass2\" class=\"absolute flex items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-blue-700 shadow-lg z-10 transition-all duration-300\" style=\"width: 40px; height: 40px; transform: translateX(-62.5px)\"><span class=\"text-white font-mono text-xs\">100kg<\/span><div id=\"ug-arrow2\" class=\"absolute top-1\/2 -translate-y-1\/2 flex items-center transition-all duration-300\" style=\"left: 100%; width: 59px\"><div class=\"h-1.5 bg-rose-500 flex-1\"><\/div><div class=\"w-0 h-0 border-y-[5px] border-y-transparent border-l-[8px] border-l-rose-500\"><\/div><span class=\"absolute -top-6 text-rose-400 font-mono text-xs w-max left-1\/2 -translate-x-1\/2\">F\u2082\u2081<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 text-center\"><p class=\"text-slate-300 text-sm\">\u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0645\u062a\u0628\u0627\u062f\u0644\u0629 \u0648\u0645\u062a\u0633\u0627\u0648\u064a\u0629. \u062a\u0632\u062f\u0627\u062f \u0628\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u062a\u0644 \u0648\u062a\u0642\u0644 \u0628\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n function formatForce(force) {\r\n const [base, exponent] = force.toExponential(2).split('e');\r\n return `${base} \u00d7 10<sup>${exponent.replace('+', '')}<\/sup> N`;\r\n }\r\n\r\n function updateUG() {\r\n const force = (G * m1 * m2) \/ (r * r);\r\n document.getElementById('ug-m1-val').innerHTML = m1 + ' kg';\r\n document.getElementById('ug-m2-val').innerHTML = m2 + ' kg';\r\n document.getElementById('ug-r-val').innerHTML = r + ' m';\r\n document.getElementById('ug-force-val').innerHTML = formatForce(force);\r\n const distancePx = r * 25;\r\n const r1 = Math.max(20, Math.sqrt(m1) * 1.2);\r\n const r2 = Math.max(20, Math.sqrt(m2) * 1.2);\r\n const visualForce = (m1 * m2) \/ (r * r);\r\n const arrowLength = 20 + Math.log10(visualForce + 1) * 15;\r\n document.getElementById('ug-distance-line').style.width = `${distancePx}px`;\r\n document.getElementById('ug-distance-label').innerHTML = `${r} m`;\r\n const mass1Div = document.getElementById('ug-mass1');\r\n mass1Div.style.width = `${r1 * 2}px`;\r\n mass1Div.style.height = `${r1 * 2}px`;\r\n mass1Div.style.transform = `translateX(${distancePx \/ 2}px)`;\r\n mass1Div.querySelector('span').innerHTML = `${m1}kg`;\r\n const arrow1 = document.getElementById('ug-arrow1');\r\n arrow1.style.width = `${arrowLength}px`;\r\n const mass2Div = document.getElementById('ug-mass2');\r\n mass2Div.style.width = `${r2 * 2}px`;\r\n mass2Div.style.height = `${r2 * 2}px`;\r\n mass2Div.style.transform = `translateX(-${distancePx \/ 2}px)`;\r\n mass2Div.querySelector('span').innerHTML = `${m2}kg`;\r\n const arrow2 = document.getElementById('ug-arrow2');\r\n arrow2.style.width = `${arrowLength}px`;\r\n }\r\n\r\n document.getElementById('ug-m1-slider').addEventListener('input', (e) => { m1 = parseInt(e.target.value); updateUG(); });\r\n document.getElementById('ug-m2-slider').addEventListener('input', (e) => { m2 = parseInt(e.target.value); updateUG(); });\r\n document.getElementById('ug-r-slider').addEventListener('input', (e) => { r = parseFloat(e.target.value); updateUG(); });\r\n updateUG();\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","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-18476","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476","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=18476"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476\/revisions"}],"predecessor-version":[{"id":18477,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476\/revisions\/18477"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u0633\u0644\u064a\u0629 | \u0627\u0644\u0648\u0632\u0646 \u0648\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n font-family: 'Cairo', sans-serif;\r\n color: #f1f5f9;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n direction: rtl;\r\n }\r\n .content-container {\r\n max-width: 96rem;\r\n margin: 0 auto;\r\n background-color: rgba(30, 27, 75, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #6366f1; }\r\n input[type=\"range\"] {\r\n direction: ltr;\r\n -webkit-appearance: none;\r\n background: #334155;\r\n height: 4px;\r\n border-radius: 5px;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n height: 16px;\r\n width: 16px;\r\n border-radius: 50%;\r\n background: #f59e0b;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .ltr { direction: ltr; text-align: left; }\r\n .ltr-inline { direction: ltr; display: inline-block; }\r\n button {\r\n transition: all 0.2s ease;\r\n }\r\n .simulation-container {\r\n margin: 1.5rem 0;\r\n padding: 1rem;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"content-container\">\r\n \r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0623\u0648\u0644: \u0627\u0644\u0648\u0632\u0646 \u0648\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (\u0627\u0644\u0643\u0648\u0646\u064a)<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/p>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n <\/div>\r\n <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-4 w-full\">\r\n <audio controls class=\"w-full h-10\">\r\n <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u0623\u0648\u0644__\u0627\u0644\u0648\u0632\u0646_\u0648\u0642\u0627\u0646\u0648\u0646_\u0627\u0644\u062c\u0630\u0628_\u0627\u0644\u0639\u0627\u0645__\u0627\u0644\u0643\u0648\u0646\u064a__audio.mp3\" type=\"audio\/mpeg\">\r\n <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u0623\u0648\u0644__\u0627\u0644\u0648\u0632\u0646_\u0648\u0642\u0627\u0646\u0648\u0646_\u0627\u0644\u062c\u0630\u0628_\u0627\u0644\u0639\u0627\u0645__\u0627\u0644\u0643\u0648\u0646\u064a__audio.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n <\/audio>\r\n <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"space-y-6 text-right\" dir=\"rtl\">\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0645\u0642\u062f\u0645\u0629<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <p class=\"text-base text-slate-300 leading-relaxed mb-2\">\r\n \u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0646\u064a\u0648\u062a\u0646 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0643\u062b\u064a\u0631\u0629 \u0641\u064a \u062d\u064a\u0627\u062a\u0646\u0627\u060c \u0645\u0646 \u0623\u0647\u0645\u0647\u0627 \u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0623\u0646 \u0643\u0644 \u062c\u0633\u0645 \u0641\u064a \u0627\u0644\u0643\u0648\u0646 \u064a\u062c\u0630\u0628 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0627\u0644\u0623\u062e\u0631\u0649 \u0628\u0642\u0648\u0629 \u062a\u0633\u0645\u0649 \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (\u0627\u0644\u0643\u064e\u0648\u0646\u064a). \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633\u060c \u0633\u0646\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0631\u0628\u0637 \u0647\u0630\u0647 \u0627\u0644\u0642\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u060c \u0648\u0643\u064a\u0641 \u0646\u062d\u0633\u0628 \u0648\u0632\u0646 \u0623\u064a \u062c\u0633\u0645 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636 \u0623\u0648 \u0639\u0644\u0649 \u0623\u064a \u0643\u0648\u0643\u0628 \u0622\u062e\u0631\u060c \u0648\u0643\u064a\u0641 \u0646\u0633\u062a\u0646\u062a\u062c \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u0633\u0642\u0648\u0637 \u0627\u0644\u062d\u0631 \u0645\u0646 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (Mass and Weight)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\r\n <div class=\"bg-blue-900\/20 p-4 rounded-lg border border-blue-500\/30\">\r\n <h3 class=\"font-bold text-blue-300 mb-2\">1. \u0627\u0644\u0643\u062a\u0644\u0629 (Mass)<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-blue-100\/80 space-y-1\">\r\n <li><strong>\u062a\u0639\u0631\u064a\u0641\u0647\u0627:<\/strong> \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0633\u0645.<\/li>\r\n <li><strong>\u0631\u0645\u0632\u0647\u0627:<\/strong> <span class=\"font-mono\">m<\/span>\u060c \u0648\u062d\u062f\u062a\u0647\u0627: \u0643\u064a\u0644\u0648\u063a\u0631\u0627\u0645 (kg).<\/li>\r\n <li><strong>\u0646\u0648\u0639\u0647\u0627:<\/strong> \u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629.<\/li>\r\n <li><strong>\u062e\u0627\u0635\u064a\u062a\u0647\u0627:<\/strong> <span class=\"text-emerald-400\">\u062b\u0627\u0628\u062a\u0629<\/span> \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0628\u0627\u0644\u0645\u0643\u0627\u0646.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/20 p-4 rounded-lg border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300 mb-2\">2. \u0627\u0644\u0648\u0632\u0646 (Weight)<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-indigo-100\/80 space-y-1\">\r\n <li><strong>\u062a\u0639\u0631\u064a\u0641\u0647:<\/strong> \u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 (\u0623\u0648 \u0623\u064a \u062c\u0631\u0645 \u0633\u0645\u0627\u0648\u064a) \u0644\u0644\u062c\u0633\u0645.<\/li>\r\n <li><strong>\u0631\u0645\u0632\u0647:<\/strong> <span class=\"font-mono\">F<sub>g<\/sub><\/span>\u060c \u0648\u062d\u062f\u062a\u0647: \u0646\u064a\u0648\u062a\u0646 (N).<\/li>\r\n <li><strong>\u0646\u0648\u0639\u0647:<\/strong> \u0643\u0645\u064a\u0629 \u0645\u062a\u062c\u0647\u0629 (\u0646\u062d\u0648 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0631\u0636).<\/li>\r\n <li><strong>\u062e\u0627\u0635\u064a\u062a\u0647:<\/strong> <span class=\"text-rose-400\">\u064a\u062a\u063a\u064a\u0631<\/span> \u0645\u0646 \u0645\u0643\u0627\u0646 \u0644\u0622\u062e\u0631.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-gradient-to-r from-blue-900\/40 to-indigo-900\/40 p-4 rounded-lg border border-white\/10 mb-4\">\r\n <h3 class=\"font-bold text-white mb-2\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0632\u0646 \u0648\u0627\u0644\u0643\u062a\u0644\u0629 \u0628\u0627\u0644\u0642\u0631\u0628 \u0645\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636<\/h3>\r\n <div class=\"flex flex-col md:flex-row items-center gap-4\">\r\n <div class=\"bg-black\/40 p-3 rounded-xl text-center\"><span class=\"text-2xl font-mono text-blue-400 font-bold\">F<sub>g<\/sub> = m \u00b7 g<\/span><\/div>\r\n <p class=\"text-slate-300\">\u062d\u064a\u062b <span class=\"font-mono\">g<\/span> \u0647\u0648 \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u0633\u0642\u0648\u0637 \u0627\u0644\u062d\u0631 (\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629)\u060c \u0648\u0642\u064a\u0645\u062a\u0647 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629 <span class=\"font-mono text-white\">g = 9.8 m\/s\u00b2<\/span> (\u063a\u0627\u0644\u0628\u0627\u064b \u0646\u0642\u0631\u0651\u0628\u0647 \u0625\u0644\u0649 <span class=\"font-mono\">10 m\/s\u00b2<\/span>).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mass-weight-simulation\" class=\"simulation-container\"><\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 1 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 12)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u062d\u0628\u0629 \u062a\u0641\u0627\u062d \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">150 g = 0.15 kg<\/span>.<\/p>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 mt-2\">\r\n <li>\u0648\u0632\u0646\u0647\u0627 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636: <span class=\"font-mono text-emerald-400\">F<sub>g<\/sub> = 0.15 \u00d7 10 = 1.5 N<\/span><\/li>\r\n <li>\u0648\u0632\u0646\u0647\u0627 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631 (\u062d\u064a\u062b g \u2248 1.6 m\/s\u00b2): <span class=\"font-mono text-emerald-400\">F<sub>gM<\/sub> = 0.15 \u00d7 1.6 = 0.24 N<\/span><\/li>\r\n <\/ul>\r\n <p class=\"text-l text-blue-300 mt-2\"><strong>\u0645\u0644\u0627\u062d\u0638\u0629:<\/strong> \u0627\u0644\u0643\u062a\u0644\u0629 \u062a\u0628\u0642\u0649 0.15 kg \u0641\u064a \u0627\u0644\u062d\u0627\u0644\u062a\u064a\u0646\u060c \u0628\u064a\u0646\u0645\u0627 \u0627\u0644\u0648\u0632\u0646 \u064a\u062a\u063a\u064a\u0631.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u0644\u0646\u064a\u0648\u062a\u0646 (Newton\u2019s Law of Universal Gravitation)<\/h2>\r\n <div class=\"bg-purple-900\/20 p-4 rounded-lg border border-purple-500\/30 mb-4 text-center\">\r\n <h3 class=\"font-bold text-purple-300 mb-2\">\u0646\u0635 \u0627\u0644\u0642\u0627\u0646\u0648\u0646<\/h3>\r\n <p class=\"text-l text-purple-100\/80 italic\">\"\u0643\u0644 \u062c\u0633\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0643\u0648\u0646 \u064a\u062c\u062a\u0630\u0628\u0627\u0646 \u0628\u0639\u0636\u0647\u0645\u0627 \u0628\u0642\u0648\u0629 \u062a\u062a\u0646\u0627\u0633\u0628 \u0637\u0631\u062f\u064a\u0627\u064b \u0645\u0639 \u062d\u0627\u0635\u0644 \u0636\u0631\u0628 \u0643\u062a\u0644\u062a\u064a\u0647\u0645\u0627\u060c \u0648\u0639\u0643\u0633\u064a\u0627\u064b \u0645\u0639 \u0645\u0631\u0628\u0639 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627.\"<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/h3>\r\n <div class=\"flex flex-col md:flex-row items-center gap-4\">\r\n <div class=\"bg-black\/40 p-4 rounded-xl\"><span class=\"text-2xl font-mono text-purple-400 font-bold\">F = G <span class=\"align-middle inline-block\"><div class=\"border-b-2 border-purple-400 pb-1 mb-1\">m<sub>1<\/sub> m<sub>2<\/sub><\/div><div>r\u00b2<\/div><\/span><\/span><\/div>\r\n <div class=\"flex-1 space-y-1 text-l text-slate-300\">\r\n <p><strong class=\"text-purple-300\">F<\/strong>: \u0645\u0642\u062f\u0627\u0631 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 (N).<\/p>\r\n <p><strong class=\"text-purple-300\">m<sub>1<\/sub>, m<sub>2<\/sub><\/strong>: \u0643\u062a\u0644\u062a\u0627 \u0627\u0644\u062c\u0633\u0645\u064a\u0646 (kg).<\/p>\r\n <p><strong class=\"text-purple-300\">r<\/strong>: \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627 (m).<\/p>\r\n <p><strong class=\"text-purple-300\">G<\/strong>: \u062b\u0627\u0628\u062a \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 = <span class=\"font-mono\">6.67 \u00d7 10\u207b\u00b9\u00b9 N\u00b7m\u00b2\/kg\u00b2<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u062e\u0635\u0627\u0626\u0635 \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 space-y-1\">\r\n <li>\u0642\u0648\u0629 \u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0644\u0643\u0646\u0647\u0627 \u0630\u0627\u062a \u062a\u0623\u062b\u064a\u0631 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0623\u062c\u0631\u0627\u0645 \u0627\u0644\u0636\u062e\u0645\u0629.<\/li>\r\n <li>\u0642\u0648\u0629 \u0645\u062a\u0628\u0627\u062f\u0644\u0629: \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 \u064a\u062c\u0630\u0628 \u0627\u0644\u062b\u0627\u0646\u064a \u0628\u0642\u0648\u0629\u060c \u0648\u0627\u0644\u062b\u0627\u0646\u064a \u064a\u062c\u0630\u0628 \u0627\u0644\u0623\u0648\u0644 \u0628\u0642\u0648\u0629 \u0645\u0633\u0627\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0627\u0631 \u0648\u0645\u0639\u0627\u0643\u0633\u0629 \u0641\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647.<\/li>\r\n <li>\u0642\u0648\u0629 \u062a\u062c\u0627\u0630\u0628 \u0641\u0642\u0637 (\u0644\u0627 \u062a\u0646\u0627\u0641\u0631)\u060c \u0648\u0647\u064a \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0643\u0648\u0627\u0643\u0628 \u0641\u064a \u0645\u062f\u0627\u0631\u0627\u062a\u0647\u0627\u060c \u0648\u0633\u0642\u0648\u0637 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0648\u0627\u0644\u0645\u062f \u0648\u0627\u0644\u062c\u0632\u0631.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div id=\"gravitation-simulation\" class=\"simulation-container\"><\/div>\r\n\r\n \r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 2 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 15)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u0645\u0631\u064a\u0645 \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">50 kg<\/span>\u060c \u0648\u0639\u0627\u0626\u0634\u0629 \u0643\u062a\u0644\u062a\u0647\u0627 <span class=\"font-mono text-white\">60 kg<\/span>\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646\u0647\u0645\u0627 <span class=\"font-mono text-white\">50 cm = 0.5 m<\/span>. \u0627\u062d\u0633\u0628 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0628\u064a\u0646\u0647\u0645\u0627.<\/p>\r\n <div class=\"bg-black\/30 p-3 rounded-lg font-mono text-l text-slate-300 dir-ltr text-left mt-2 overflow-x-auto\">\r\n F = G (m<sub>M<\/sub> m<sub>A<\/sub>) \/ r\u00b2 = (6.67\u00d710\u207b\u00b9\u00b9) \u00d7 (50\u00d760) \/ (0.5)\u00b2 = 8.004\u00d710\u207b\u2077 N\r\n <\/div>\r\n <p class=\"text-l text-slate-400 mt-2\">\u0647\u0630\u0647 \u0627\u0644\u0642\u0648\u0629 \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u0627\u064b\u061b \u0644\u0630\u0644\u0643 \u0644\u0627 \u0646\u0634\u0639\u0631 \u0628\u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0628\u064a\u0646 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0639\u0627\u062f\u064a\u064a\u0646.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0644\u062b\u0627\u064b: \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0627\u0644\u0623\u0631\u0636\u064a\u0629 (Gravitational Acceleration)<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700 mb-4\">\r\n <p class=\"text-l text-slate-300\">\u064a\u0645\u0643\u0646\u0646\u0627 \u0627\u0634\u062a\u0642\u0627\u0642 \u0642\u064a\u0645\u0629 <span class=\"font-mono\">g<\/span> \u0645\u0646 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062b\u0627\u0646\u064a \u0644\u0646\u064a\u0648\u062a\u0646:<\/p>\r\n <div class=\"bg-black\/30 p-3 rounded-lg mt-2 text-center\">\r\n <span class=\"font-mono text-emerald-400\">g = G \u00b7 m<sub>E<\/sub> \/ r<sub>E<\/sub>\u00b2<\/span>\r\n <\/div>\r\n <p class=\"text-l text-slate-300 mt-2\">\u0628\u062a\u0639\u0648\u064a\u0636 \u0642\u064a\u0645: <span class=\"font-mono\">G = 6.67\u00d710\u207b\u00b9\u00b9<\/span>\u060c <span class=\"font-mono\">m<sub>E<\/sub> = 5.98\u00d710\u00b2\u2074 kg<\/span>\u060c <span class=\"font-mono\">r<sub>E<\/sub> = 6.38\u00d710\u2076 m<\/span> \u0646\u062d\u0635\u0644 \u0639\u0644\u0649 <span class=\"font-mono text-emerald-400\">g \u2248 9.80 m\/s\u00b2<\/span>.<\/p>\r\n <\/div>\r\n <div class=\"bg-emerald-900\/20 p-4 rounded-lg border border-emerald-500\/30 mb-4\">\r\n <h3 class=\"font-bold text-emerald-300 mb-2\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0647\u0627\u0645\u0629<\/h3>\r\n <ul class=\"list-disc list-inside text-l text-emerald-100\/80\">\r\n <li>\u064a\u062a\u0646\u0627\u0642\u0635 <span class=\"font-mono\">g<\/span> \u0643\u0644\u0645\u0627 \u0627\u0628\u062a\u0639\u062f\u0646\u0627 \u0639\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636 (\u0644\u0623\u0646 <span class=\"font-mono\">r<\/span> \u064a\u0632\u062f\u0627\u062f).<\/li>\r\n <li>\u0639\u0644\u0649 \u0627\u0631\u062a\u0641\u0627\u0639 <span class=\"font-mono\">h<\/span> \u0639\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636: <span class=\"font-mono\">g' = G\u00b7m<sub>E<\/sub> \/ (r<sub>E<\/sub> + h)\u00b2<\/span>.<\/li>\r\n <li>\u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631: <span class=\"font-mono\">g<sub>Moon<\/sub> \u2248 1.6 m\/s\u00b2<\/span>.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <h3 class=\"font-bold text-amber-300 mb-2\">\u0645\u062b\u0627\u0644 3 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 17)<\/h3>\r\n <p class=\"text-l text-slate-300\">\u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 <span class=\"font-mono text-white\">7.35\u00d710\u00b2\u00b2 kg<\/span>\u060c \u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647 <span class=\"font-mono text-white\">1.738\u00d710\u2076 m<\/span>.<\/p>\r\n <ul class=\"list-disc list-inside text-l text-slate-300 mt-2\">\r\n <li>\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0642\u0645\u0631: <span class=\"font-mono text-emerald-400\">g<sub>M<\/sub> = 1.62 m\/s\u00b2<\/span>.<\/li>\r\n <li>\u062c\u0631\u0645 \u0622\u062e\u0631 \u0644\u0647 \u0646\u0641\u0633 \u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 \u0648\u0636\u0639\u0641 \u0646\u0635\u0641 \u0642\u0637\u0631\u0647: <span class=\"font-mono text-emerald-400\">g<sub>A<\/sub> = 0.405 m\/s\u00b2<\/span> (\u0644\u0623\u0646 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u064a\u062a\u0646\u0627\u0633\u0628 \u0639\u0643\u0633\u064a\u0627\u064b \u0645\u0639 \u0645\u0631\u0628\u0639 \u0646\u0635\u0641 \u0627\u0644\u0642\u0637\u0631).<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 \u2013 \u062c\u062f\u0648\u0644 \u0645\u0642\u0627\u0631\u0646\u0629<\/h2>\r\n <div class=\"overflow-x-auto bg-white\/20 rounded-lg border border-white\/10 mb-4\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10 text-l\">\r\n <tr><th class=\"px-4 py-3\">\u0627\u0644\u062e\u0627\u0635\u064a\u0629<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0643\u062a\u0644\u0629 (m)<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0648\u0632\u0646 (F<sub>g<\/sub>)<\/th><\/tr>\r\n <\/thead>\r\n <tbody class=\"divide-y divide-white\/10\">\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u062a\u0639\u0631\u064a\u0641<\/td><td class=\"px-4 py-3\">\u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062c\u0633\u0645<\/td><td class=\"px-4 py-3\">\u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 \u0644\u0644\u062c\u0633\u0645<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0646\u0648\u0639<\/td><td class=\"px-4 py-3\">\u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629<\/td><td class=\"px-4 py-3\">\u0643\u0645\u064a\u0629 \u0645\u062a\u062c\u0647\u0629<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0648\u062d\u062f\u0629<\/td><td class=\"px-4 py-3 font-mono\">kg<\/td><td class=\"px-4 py-3 font-mono\">N<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u062b\u0628\u0627\u062a<\/td><td class=\"px-4 py-3 text-emerald-400\">\u062b\u0627\u0628\u062a\u0629<\/td><td class=\"px-4 py-3 text-rose-400\">\u0645\u062a\u063a\u064a\u0631\u0629<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0642\u064a\u0627\u0633<\/td><td class=\"px-4 py-3\">\u0645\u064a\u0632\u0627\u0646 \u0630\u0648 \u0643\u0641\u062a\u064a\u0646<\/td><td class=\"px-4 py-3\">\u0645\u064a\u0632\u0627\u0646 \u0646\u0627\u0628\u0636\u064a<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629<\/td><td class=\"px-4 py-3 font-mono\">m = F<sub>g<\/sub>\/g<\/td><td class=\"px-4 py-3 font-mono\">F<sub>g<\/sub> = m\u00b7g<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u062e\u0627\u0645\u0633\u0627\u064b: \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u0629 (\u0644\u0644\u0627\u0633\u062a\u0632\u0627\u062f\u0629)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">1. \u0642\u0648\u0629 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0636\u0639\u0641\u0647\u0627\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0628\u0639\u064a\u062f.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">2. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0643\u0647\u0631\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0642\u0648\u0649 \u0645\u0646 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629\u060c \u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">3. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0646\u0648\u0648\u064a\u0629 \u0627\u0644\u0642\u0648\u064a\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0623\u0634\u062f \u0627\u0644\u0642\u0648\u0649\u060c \u062a\u0631\u0628\u0637 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0646\u064a\u0648\u062a\u0631\u0648\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0646\u0648\u0627\u0629.<\/p><\/div>\r\n <div class=\"bg-slate-800\/50 p-3 rounded-lg border border-slate-700\"><h3 class=\"font-bold text-white\">4. \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0646\u0648\u0648\u064a\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629<\/h3><p class=\"text-slate-300 text-sm\">\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u062a\u062d\u0644\u0644 \u0627\u0644\u0625\u0634\u0639\u0627\u0639\u064a.<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u062f\u0633\u0627\u064b: \u0623\u0633\u0626\u0644\u0629 \u0648\u062a\u062f\u0631\u064a\u0628\u0627\u062a \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 (\u0635 18)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u0629<\/h3>\r\n <p class=\"text-slate-300 text-sm mt-1\">\u0645\u0627 \u0627\u0644\u0645\u0642\u0635\u0648\u062f \u0628\u0627\u0644\u0648\u0632\u0646\u061f \u0648\u0639\u0644\u0649 \u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0645\u062f \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0627\u0644\u0643\u062a\u0644\u064a\u061f<\/p>\r\n <p class=\"text-emerald-400 text-sm mt-2\">\u0627\u0644\u0648\u0632\u0646: \u0642\u0648\u0629 \u062c\u0630\u0628 \u0627\u0644\u0623\u0631\u0636 \u0644\u0644\u062c\u0633\u0645. \u062a\u0639\u062a\u0645\u062f \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0639\u0644\u0649 \u0643\u062a\u0644\u062a\u064a \u0627\u0644\u062c\u0633\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0645\u0631\u0643\u0632\u064a\u0647\u0645\u0627.<\/p>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u062a\u063a\u064a\u0631 \u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628<\/h3>\r\n <ul class=\"list-disc list-inside text-sm text-slate-300\">\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0645\u0631\u062a\u064a\u0646 \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u0635\u0628\u062d \u0631\u0628\u0639\u0647\u0627.<\/li>\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u062a\u0636\u0627\u0639\u0641.<\/li>\r\n <li>\u0645\u0636\u0627\u0639\u0641\u0629 \u0643\u062a\u0644\u062a\u064a\u0647\u0645\u0627 \u0645\u0639\u0627\u064b \u2192 \u0627\u0644\u0642\u0648\u0629 \u062a\u062a\u0636\u0627\u0639\u0641 4 \u0645\u0631\u0627\u062a.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u062a\u063a\u064a\u0631 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\u0644\u0648 \u0623\u0635\u0628\u062d\u062a \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636 \u0636\u0639\u0641 \u0645\u0627 \u0647\u064a \u0639\u0644\u064a\u0647 (\u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647\u0627 \u062b\u0627\u0628\u062a) \u2192 <span class=\"font-mono\">g<\/span> \u064a\u0635\u0628\u062d <span class=\"text-emerald-400\">19.6 m\/s\u00b2<\/span>.<\/p>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0645\u0646\u0627\u0642\u0634\u0629 \u0642\u0648\u0644 \u0647\u0646\u062f<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\"\u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 \u0645\u062a\u0631\u0627\u062f\u0641\u0627\u0646\" \u2013 <span class=\"text-rose-400\">\u062e\u0637\u0623<\/span>\u061b \u0641\u0627\u0644\u0643\u062a\u0644\u0629 \u0643\u0645\u064a\u0629 \u0642\u064a\u0627\u0633\u064a\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0648\u0627\u0644\u0648\u0632\u0646 \u0642\u0648\u0629 \u0645\u062a\u062c\u0647\u0629 \u0645\u062a\u063a\u064a\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/30 p-4 rounded-xl border border-indigo-500\/30 mt-4\">\r\n <h3 class=\"font-bold text-indigo-300\">\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0646\u0627\u0642\u062f<\/h3>\r\n <p class=\"text-slate-300 text-sm\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0642\u0645\u0631 1\/6 \u0642\u064a\u0645\u062a\u0647 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0641\u0647\u0644 \u0643\u062a\u0644\u0629 \u0627\u0644\u0642\u0645\u0631 1\/6 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636\u061f<\/p>\r\n <p class=\"text-emerald-400 text-sm mt-1\">\u0644\u0627\u060c \u0644\u0623\u0646 <span class=\"font-mono\">g<\/span> \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0643\u062a\u0644\u0629 \u0627\u0644\u0643\u0648\u0643\u0628 \u0648\u0646\u0635\u0641 \u0642\u0637\u0631\u0647 \u0645\u0639\u0627\u064b. \u0641\u0627\u0644\u0642\u0645\u0631 \u0643\u062a\u0644\u062a\u0647 1\/81 \u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0631\u0636 \u062a\u0642\u0631\u064a\u0628\u0627\u064b\u060c \u0648\u0644\u0643\u0646 \u0646\u0635\u0641 \u0642\u0637\u0631\u0647 \u0623\u0635\u063a\u0631 \u0623\u064a\u0636\u0627\u064b\u060c \u0641\u064a\u0646\u062a\u062c \u0623\u0646 <span class=\"font-mono\">g<\/span> \u064a\u0633\u0627\u0648\u064a 1\/6 \u062a\u0642\u0631\u064a\u0628\u0627\u064b.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u0628\u0639\u0627\u064b: \u0645\u0644\u062e\u0635 \u0627\u0644\u062f\u0631\u0633<\/h2>\r\n <div class=\"overflow-x-auto bg-white\/20 rounded-lg border border-white\/10 mb-4\">\r\n <table class=\"w-full text-l text-right text-slate-300\">\r\n <thead class=\"bg-white\/10\"><tr><th class=\"px-4 py-3\">\u0627\u0644\u0645\u0641\u0647\u0648\u0645<\/th><th class=\"px-4 py-3\">\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629<\/th><th class=\"px-4 py-3\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0648\u0632\u0646<\/td><td class=\"px-4 py-3 font-mono\">F<sub>g<\/sub> = m\u00b7g<\/td><td class=\"px-4 py-3\">\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/td><td class=\"px-4 py-3 font-mono\">F = G(m\u2081m\u2082)\/r\u00b2<\/td><td class=\"px-4 py-3\">\u064a\u0646\u0637\u0628\u0642 \u0639\u0644\u0649 \u0623\u064a \u062c\u0633\u0645\u064a\u0646<\/td><\/tr>\r\n <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629<\/td><td class=\"px-4 py-3 font-mono\">g = GM\/R\u00b2<\/td><td class=\"px-4 py-3\">\u062b\u0627\u0628\u062a \u0639\u0644\u0649 \u0633\u0637\u062d \u0627\u0644\u0623\u0631\u0636<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <p class=\"text-l text-slate-300\">\u0628\u0647\u0630\u0627 \u0646\u0643\u0648\u0646 \u0642\u062f \u0641\u0647\u0645\u0646\u0627 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u062c\u0648\u0647\u0631\u064a \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646\u060c \u0648\u0643\u064a\u0641 \u064a\u062d\u0643\u0645 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0623\u062c\u0631\u0627\u0645 \u0627\u0644\u0633\u0645\u0627\u0648\u064a\u0629 \u0648\u0633\u0642\u0648\u0637 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u062d\u0633\u0627\u0628 \u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 \u0639\u0644\u0649 \u0623\u064a \u0643\u0648\u0643\u0628.<\/p>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ ============================================\r\n \/\/ 1. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (MassAndWeightSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('mass-weight-simulation');\r\n if (!container) return;\r\n\r\n const planets = {\r\n earth: { name: '\u0627\u0644\u0623\u0631\u0636', g: 9.8, color: 'bg-blue-500', icon: '' },\r\n moon: { name: '\u0627\u0644\u0642\u0645\u0631', g: 1.6, color: 'bg-slate-400', icon: '' },\r\n mars: { name: '\u0627\u0644\u0645\u0631\u064a\u062e', g: 3.7, color: 'bg-red-500', icon: '' },\r\n jupiter: { name: '\u0627\u0644\u0645\u0634\u062a\u0631\u064a', g: 24.8, color: 'bg-orange-400', icon: '' }\r\n };\r\n let planet = 'earth';\r\n let mass = 10;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'bg-slate-900 p-6 rounded-2xl border border-slate-700';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\"><span class=\"text-blue-400\">\u2696\ufe0f<\/span> \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0643\u062a\u0644\u0629 \u0648\u0627\u0644\u0648\u0632\u0646 (\u0627\u0644\u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u0646\u0627\u0628\u0636)<\/h3>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"space-y-6 bg-slate-800 p-6 rounded-xl border border-slate-700\">\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0627\u0644\u0643\u062a\u0644\u0629 (m): <span id=\"mw-mass-val\" class=\"text-blue-400 font-mono\">10 kg<\/span><\/label><input id=\"mw-mass-slider\" type=\"range\" min=\"1\" max=\"100\" step=\"1\" value=\"10\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-3 font-bold\">\u0627\u0644\u0645\u0643\u0627\u0646 (\u0627\u0644\u0643\u0648\u0643\u0628):<\/label><div class=\"grid grid-cols-2 gap-3\" id=\"mw-planet-buttons\"><\/div><\/div>\r\n <div class=\"bg-slate-900 p-4 rounded-lg border border-slate-700 space-y-2\"><div class=\"flex justify-between\"><span class=\"text-slate-400\">\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0630\u0628\u064a\u0629 (g):<\/span><span id=\"mw-g-val\" class=\"font-mono text-emerald-400\">9.8 m\/s\u00b2<\/span><\/div><div class=\"flex justify-between\"><span class=\"text-slate-400\">\u0627\u0644\u0643\u062a\u0644\u0629 (m):<\/span><span id=\"mw-mass-display\" class=\"font-mono text-blue-400\">10 kg<\/span><\/div><div class=\"h-px bg-slate-700 my-2\"><\/div><div class=\"flex justify-between text-lg\"><span class=\"text-white\">\u0627\u0644\u0648\u0632\u0646 (F_g):<\/span><span id=\"mw-weight-val\" class=\"font-mono text-rose-400\">98.0 N<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-slate-800 p-6 rounded-xl border border-slate-700 flex flex-col items-center min-h-[450px] relative overflow-hidden\">\r\n <div class=\"relative z-10 flex flex-col items-center w-full\">\r\n <div class=\"w-48 h-4 bg-slate-600 rounded-t-lg border-b-4 border-slate-700\"><\/div><div class=\"w-12 h-3 bg-slate-500 rounded-b-md\"><\/div>\r\n <div class=\"relative flex mt-2 w-full max-w-[250px] justify-center\">\r\n <div id=\"mw-ruler\" class=\"w-20 flex flex-col items-end pr-3 border-r-2 border-slate-500 text-slate-400 font-mono relative\" style=\"height: 280px\">\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:40px\"><span>0<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:80px\"><span>500<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:120px\"><span>1000<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute right-0 flex items-center gap-2\" style=\"top:200px\"><span>2000<\/span><div class=\"w-3 h-[2px] bg-slate-400\"><\/div><\/div>\r\n <div class=\"absolute -left-4 top-2 text-slate-500 font-bold\">N<\/div>\r\n <\/div>\r\n <div class=\"flex flex-col items-center ml-4 relative w-24\">\r\n <svg id=\"mw-spring\" width=\"40\" height=\"100\" class=\"overflow-visible stroke-slate-300 stroke-[3px] fill-none transition-all duration-500\"><\/svg>\r\n <div id=\"mw-pointer\" class=\"absolute w-24 h-0.5 bg-rose-500 right-1\/2 transition-all duration-500 z-20\" style=\"top: 40px\"><div class=\"absolute left-0 -top-3 bg-slate-900\/90 px-1.5 py-0.5 rounded text-rose-400 font-mono text-sm font-bold\">98 N<\/div><div class=\"absolute right-0 -top-1.5 w-0 h-0 border-y-[3px] border-y-transparent border-l-[5px] border-l-rose-500\"><\/div><\/div>\r\n <div class=\"w-6 h-8 border-[3px] border-slate-400 border-t-0 rounded-b-full mt-[-10px]\"><\/div>\r\n <div class=\"w-20 h-20 bg-gradient-to-br from-blue-500 to-blue-700 rounded-xl shadow-lg border-2 border-blue-400 flex flex-col items-center justify-center mt-[-4px]\"><span class=\"font-mono font-bold text-white text-xl\">10 kg<\/span><span class=\"text-[10px] text-blue-200\">\u0627\u0644\u0643\u062a\u0644\u0629<\/span><\/div>\r\n <div class=\"flex flex-col items-center mt-2\"><div id=\"mw-force-arrow\" class=\"w-1.5 bg-rose-500 rounded-t-full\" style=\"height: 30px\"><\/div><div class=\"w-0 h-0 border-l-[8px] border-l-transparent border-r-[8px] border-r-transparent border-t-[12px] border-t-rose-500\"><\/div><span class=\"text-rose-400 font-mono text-xs mt-1\">F<sub>g<\/sub><\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 text-center\"><p class=\"text-slate-300 text-sm bg-slate-900\/60 p-2 rounded\">\u0627\u0644\u0643\u062a\u0644\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0648\u0627\u0633\u062a\u0637\u0627\u0644\u0629 \u0627\u0644\u0646\u0627\u0628\u0636 (\u0627\u0644\u0648\u0632\u0646) \u062a\u062a\u063a\u064a\u0631 \u0628\u062a\u063a\u064a\u0631 \u0627\u0644\u0643\u0648\u0643\u0628.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n const btnContainer = document.getElementById('mw-planet-buttons');\r\n for (const [key, data] of Object.entries(planets)) {\r\n const btn = document.createElement('button');\r\n btn.innerHTML = `${data.icon} ${data.name}`;\r\n btn.className = `py-2 px-3 rounded-lg border transition-colors ${key === 'earth' ? 'bg-blue-600 border-blue-400 text-white' : 'bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600'}`;\r\n btn.dataset.planet = key;\r\n btn.addEventListener('click', () => {\r\n planet = key;\r\n updateMW();\r\n document.querySelectorAll('#mw-planet-buttons button').forEach(b => {\r\n b.className = 'py-2 px-3 rounded-lg border transition-colors bg-slate-700 border-slate-600 text-slate-300 hover:bg-slate-600';\r\n });\r\n btn.className = 'py-2 px-3 rounded-lg border transition-colors bg-blue-600 border-blue-400 text-white';\r\n });\r\n btnContainer.appendChild(btn);\r\n }\r\n\r\n function updateMW() {\r\n const current = planets[planet];\r\n const weight = mass * current.g;\r\n const maxWeight = 2500;\r\n const stretch = (weight \/ maxWeight) * 200;\r\n document.getElementById('mw-mass-val').innerText = mass + ' kg';\r\n document.getElementById('mw-mass-display').innerText = mass + ' kg';\r\n document.getElementById('mw-g-val').innerHTML = current.g + ' m\/s\u00b2';\r\n document.getElementById('mw-weight-val').innerHTML = weight.toFixed(1) + ' N';\r\n const springSvg = document.getElementById('mw-spring');\r\n const coils = 15;\r\n const baseLength = 30;\r\n const totalLength = baseLength + stretch;\r\n const coilHeight = totalLength \/ coils;\r\n let path = `M 20 0 L 20 10 `;\r\n for (let i = 0; i <= coils; i++) {\r\n const y = 10 + i * coilHeight;\r\n const x = i % 2 === 0 ? 20 + 12 : 20 - 12;\r\n path += `L ${x} ${y} `;\r\n }\r\n path += `L 20 ${10 + totalLength} L 20 ${10 + totalLength + 20}`;\r\n springSvg.setAttribute('height', 70 + stretch);\r\n springSvg.innerHTML = `<path d=\"${path}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>`;\r\n const pointer = document.getElementById('mw-pointer');\r\n pointer.style.top = `${40 + stretch}px`;\r\n pointer.querySelector('.absolute.left-0').innerHTML = `${weight.toFixed(0)} N`;\r\n const forceArrow = document.getElementById('mw-force-arrow');\r\n forceArrow.style.height = `${Math.max(30, weight \/ 20)}px`;\r\n }\r\n\r\n document.getElementById('mw-mass-slider').addEventListener('input', (e) => { mass = parseInt(e.target.value); updateMW(); });\r\n updateMW();\r\n })();\r\n\r\n \/\/ ============================================\r\n \/\/ 2. \u0645\u062d\u0627\u0643\u0627\u0629 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645 (UniversalGravitationSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('gravitation-simulation');\r\n if (!container) return;\r\n\r\n let m1 = 100, m2 = 100, r = 5;\r\n const G = 6.674e-11;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'bg-slate-900 p-6 rounded-2xl border border-slate-700';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 flex items-center gap-2\"><span class=\"text-purple-400\"><\/span> \u0645\u062d\u0627\u0643\u0627\u0629 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0627\u0645<\/h3>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n <div class=\"lg:col-span-5 space-y-6 bg-slate-800 p-6 rounded-xl border border-slate-700\">\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 (m\u2081): <span id=\"ug-m1-val\" class=\"text-purple-400 font-mono\">100 kg<\/span><\/label><input id=\"ug-m1-slider\" type=\"range\" min=\"10\" max=\"1000\" step=\"10\" value=\"100\" class=\"w-full accent-purple-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a (m\u2082): <span id=\"ug-m2-val\" class=\"text-blue-400 font-mono\">100 kg<\/span><\/label><input id=\"ug-m2-slider\" type=\"range\" min=\"10\" max=\"1000\" step=\"10\" value=\"100\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div><label class=\"block text-slate-300 mb-2 font-bold\">\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0646 (r): <span id=\"ug-r-val\" class=\"text-emerald-400 font-mono\">5 m<\/span><\/label><input id=\"ug-r-slider\" type=\"range\" min=\"1\" max=\"10\" step=\"0.5\" value=\"5\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div class=\"bg-slate-900 p-4 rounded-lg border border-slate-700 text-center\"><div class=\"font-mono text-slate-400\">F = G\u00b7m\u2081\u00b7m\u2082 \/ r\u00b2<\/div><div class=\"h-px bg-slate-700 my-2\"><\/div><div class=\"text-lg\"><span class=\"text-white\">\u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 (F):<\/span> <span id=\"ug-force-val\" class=\"font-mono text-rose-400\">2.67 \u00d7 10<sup>-8<\/sup> N<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"lg:col-span-7 bg-slate-800 p-6 rounded-xl border border-slate-700 flex flex-col items-center justify-center min-h-[350px] relative\">\r\n <div class=\"relative w-full h-full flex items-center justify-center\" id=\"ug-viz-container\">\r\n <div class=\"relative flex items-center justify-center\">\r\n <div id=\"ug-distance-line\" class=\"absolute h-0.5 bg-slate-500 border-dashed border-t-2 border-slate-500\" style=\"width: 125px\"><\/div>\r\n <div id=\"ug-distance-label\" class=\"absolute top-4 text-emerald-400 font-mono text-sm bg-slate-800 px-2 rounded\">5 m<\/div>\r\n <div id=\"ug-mass1\" class=\"absolute flex items-center justify-center rounded-full bg-gradient-to-br from-purple-500 to-purple-700 shadow-lg z-10 transition-all duration-300\" style=\"width: 40px; height: 40px; transform: translateX(62.5px)\"><span class=\"text-white font-mono text-xs\">100kg<\/span><div id=\"ug-arrow1\" class=\"absolute top-1\/2 -translate-y-1\/2 flex items-center transition-all duration-300\" style=\"right: 100%; width: 59px\"><div class=\"w-0 h-0 border-y-[5px] border-y-transparent border-r-[8px] border-r-rose-500\"><\/div><div class=\"h-1.5 bg-rose-500 flex-1\"><\/div><span class=\"absolute -top-6 text-rose-400 font-mono text-xs w-max left-1\/2 -translate-x-1\/2\">F\u2081\u2082<\/span><\/div><\/div>\r\n <div id=\"ug-mass2\" class=\"absolute flex items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-blue-700 shadow-lg z-10 transition-all duration-300\" style=\"width: 40px; height: 40px; transform: translateX(-62.5px)\"><span class=\"text-white font-mono text-xs\">100kg<\/span><div id=\"ug-arrow2\" class=\"absolute top-1\/2 -translate-y-1\/2 flex items-center transition-all duration-300\" style=\"left: 100%; width: 59px\"><div class=\"h-1.5 bg-rose-500 flex-1\"><\/div><div class=\"w-0 h-0 border-y-[5px] border-y-transparent border-l-[8px] border-l-rose-500\"><\/div><span class=\"absolute -top-6 text-rose-400 font-mono text-xs w-max left-1\/2 -translate-x-1\/2\">F\u2082\u2081<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-8 text-center\"><p class=\"text-slate-300 text-sm\">\u0642\u0648\u0629 \u0627\u0644\u062a\u062c\u0627\u0630\u0628 \u0645\u062a\u0628\u0627\u062f\u0644\u0629 \u0648\u0645\u062a\u0633\u0627\u0648\u064a\u0629. \u062a\u0632\u062f\u0627\u062f \u0628\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u062a\u0644 \u0648\u062a\u0642\u0644 \u0628\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n function formatForce(force) {\r\n const [base, exponent] = force.toExponential(2).split('e');\r\n return `${base} \u00d7 10<sup>${exponent.replace('+', '')}<\/sup> N`;\r\n }\r\n\r\n function updateUG() {\r\n const force = (G * m1 * m2) \/ (r * r);\r\n document.getElementById('ug-m1-val').innerHTML = m1 + ' kg';\r\n document.getElementById('ug-m2-val').innerHTML = m2 + ' kg';\r\n document.getElementById('ug-r-val').innerHTML = r + ' m';\r\n document.getElementById('ug-force-val').innerHTML = formatForce(force);\r\n const distancePx = r * 25;\r\n const r1 = Math.max(20, Math.sqrt(m1) * 1.2);\r\n const r2 = Math.max(20, Math.sqrt(m2) * 1.2);\r\n const visualForce = (m1 * m2) \/ (r * r);\r\n const arrowLength = 20 + Math.log10(visualForce + 1) * 15;\r\n document.getElementById('ug-distance-line').style.width = `${distancePx}px`;\r\n document.getElementById('ug-distance-label').innerHTML = `${r} m`;\r\n const mass1Div = document.getElementById('ug-mass1');\r\n mass1Div.style.width = `${r1 * 2}px`;\r\n mass1Div.style.height = `${r1 * 2}px`;\r\n mass1Div.style.transform = `translateX(${distancePx \/ 2}px)`;\r\n mass1Div.querySelector('span').innerHTML = `${m1}kg`;\r\n const arrow1 = document.getElementById('ug-arrow1');\r\n arrow1.style.width = `${arrowLength}px`;\r\n const mass2Div = document.getElementById('ug-mass2');\r\n mass2Div.style.width = `${r2 * 2}px`;\r\n mass2Div.style.height = `${r2 * 2}px`;\r\n mass2Div.style.transform = `translateX(-${distancePx \/ 2}px)`;\r\n mass2Div.querySelector('span').innerHTML = `${m2}kg`;\r\n const arrow2 = document.getElementById('ug-arrow2');\r\n arrow2.style.width = `${arrowLength}px`;\r\n }\r\n\r\n document.getElementById('ug-m1-slider').addEventListener('input', (e) => { m1 = parseInt(e.target.value); updateUG(); });\r\n document.getElementById('ug-m2-slider').addEventListener('input', (e) => { m2 = parseInt(e.target.value); updateUG(); });\r\n document.getElementById('ug-r-slider').addEventListener('input', (e) => { r = parseFloat(e.target.value); updateUG(); });\r\n updateUG();\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","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-18476","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476","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=18476"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476\/revisions"}],"predecessor-version":[{"id":18477,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18476\/revisions\/18477"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}