@jjlmoya/utils-science 1.21.0 → 1.23.0

package/src/tool/lorenz-attractor/i18n/zh.ts

@@ -0,0 +1,139 @@
+const slug = 'lorenz-attractor';
+const title = '洛伦兹吸引子混沌模拟器：3D蝴蝶效应';
+const description = '通过这个交互式3D洛伦兹吸引子模拟探索混沌理论。可视化蝴蝶效应。';
+
+const howTo = [
+  {
+    "name": "旋转画布",
+    "text": "在3D视口上点击并拖动以旋转吸引子。"
+  },
+  {
+    "name": "调节滑块",
+    "text": "修改Sigma、Rho和Beta参数以观察混沌的产生。"
+  },
+  {
+    "name": "观察发散",
+    "text": "观察两条轨迹之间的距离是如何呈指数级增长的。"
+  },
+  {
+    "name": "暂停与重置",
+    "text": "使用控制按钮暂停模拟或重置参数。"
+  }
+];
+
+const faq = [
+  {
+    "question": "什么是洛伦兹吸引子？",
+    "answer": "洛伦兹吸引子是洛伦兹方程组的一组混沌解。"
+  },
+  {
+    "question": "什么是蝴蝶效应？",
+    "answer": "非线性系统中对初始条件的敏感依赖性，微小的初始差异会导致巨大的长期差异。"
+  },
+  {
+    "question": "参数代表什么？",
+    "answer": "Sigma代表普朗特数，Rho代表瑞利数，Beta与物理尺寸几何比相关。"
+  }
+];
+
+import { bibliography } from '../bibliography';
+import type { ToolLocaleContent } from '../../../types';
+
+export const content: ToolLocaleContent = {
+  slug,
+  title,
+  description,
+  ui: {
+  "copied": "已复制",
+  "noHistory": "无历史记录",
+  "load": "加载",
+  "delete": "删除",
+  "title": "洛伦兹吸引子",
+  "subTitle": "决定论混沌",
+  "parameterControls": "系统参数",
+  "simulationSpeed": "速度 (dt)",
+  "initialPerturbation": "初始微扰 (dx)",
+  "trajectories": "轨迹",
+  "distance": "发散距离",
+  "exponentialGrowth": "指数发散",
+  "resetDefault": "Reset",
+  "clearPath": "Clear",
+  "play": "Resume",
+  "pause": "Pause",
+  "coords": "坐标",
+  "divergenceExplanation": "发散图显示了两条轨迹之间的欧几里得距离随时间的变化。"
+},
+  seo: [
+    { type: 'title', text: "确定性混沌：理解洛伦兹方程", level: 2 },
+    { type: 'paragraph', html: "洛伦兹系统是非线性动力学和混沌理论中的里程碑式成果。1963年，气象学家兼数学家<strong>爱德华·洛伦兹</strong>从大气对流的简化模型中推导出该方程组。洛伦兹将复杂的流体动力学方程简化为三个耦合的常微分方程。他发现这些简单的确定性方程能够产生高度复杂、非周期性的混沌行为，从而彻底改变了我们对物理系统的认识。" },
+    { type: 'paragraph', html: "该系统由三个耦合微分方程定义，在时间维度上追踪三维相空间中的坐标：" },
+    {
+      type: 'list',
+      items: [
+      "<strong>dx/dt = &sigma; * (y - x)：</strong>描述对流运动的速率。参数 &sigma;（普朗特数）表示流体粘度与导热系数之比。",
+      "<strong>dy/dt = x * (&rho; - z) - y：</strong>代表上升和下降对流流之间的温度差。&rho;（瑞利数）代表对流加热强度。",
+      "<strong>dz/dt = x * y - &beta; * z：</strong>追踪垂直温度剖面的畸变。&beta; 是对流物理单元的几何纵横比。",
+      ],
+    },
+    { type: 'title', text: "蝴蝶效应：对初始条件的敏感依赖", level: 3 },
+    { type: 'paragraph', html: "混沌系统的决定性特征是其<strong>对初始条件的敏感依赖</strong>，通俗称为<strong>蝴蝶效应</strong>。本模拟器通过运行两条轨迹（T1为青色，T2为粉色）来展示这一现象，两条轨迹的起始点仅有微小差异。起初，它们几乎沿同一路径运行；短时间后，非线性项将差异放大，两条路径完全分叉。" },
+    {
+      type: 'table',
+      headers: ["参数","标准值","物理含义","改变时的行为"],
+      rows: [
+        ["&sigma; (西格玛)","10.0","普朗特数","决定流体内部摩擦。值越大，速度变化对温度梯度的响应越快。"],
+        ["&rho; (罗)","28.0","瑞利数","&rho; = 1以下，原点是唯一的稳定点。在 &rho; = 28时，系统完全进入混沌状态。"],
+        ["&beta; (贝塔)","8/3 (2.667)","几何纵横比","控制对流单元的宽高比，改变轨道的尺度和旋转速度。"],
+      ],
+    },
+    { type: 'title', text: "相空间、奇怪吸引子与分形", level: 3 },
+    { type: 'paragraph', html: "在经典物理学中，轨迹最终稳定在不动点，或以极限环的形式重复。洛伦兹系统两者皆不：轨迹在三维空间中无限盘旋而从不自我交叉，形成豪斯多夫维数 约 2.06 的分形几何<strong>奇怪吸引子</strong>。" },
+    { type: 'title', text: "混沌理论在科学中的应用", level: 3 },
+    { type: 'paragraph', html: "洛伦兹吸引子的启示远不止于气象预报，已对众多现代研究领域产生深远影响：" },
+    {
+      type: 'list',
+      items: [
+      "<strong>气象学：</strong>确立了天气可预测性的根本限制，催生了集合预报方法。",
+      "<strong>密码学：</strong>混沌轨道确定但不可预测的特性被用于生成安全的伪随机密钥，加密敏感数据流。",
+      "<strong>心脏病学：</strong>用于心脏节律建模，健康心脏呈现混沌特征，而周期性节律可能预示病理状态。",
+      "<strong>工程学：</strong>通过分析并规避悬索桥和机械系统中的混沌共振，助力设计稳定结构。",
+      ],
+    },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'SoftwareApplication',
+      name: title,
+      description: description,
+      applicationCategory: 'ScientificApplication',
+      operatingSystem: 'Any',
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'FAQPage',
+      mainEntity: faq.map((item) => ({
+        '@type': 'Question',
+        name: item.question,
+        acceptedAnswer: {
+          '@type': 'Answer',
+          text: item.answer,
+        },
+      })),
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'HowTo',
+      name: title,
+      step: howTo.map((step) => ({
+        '@type': 'HowToStep',
+        name: step.name,
+        stepValue: step.name,
+        text: step.text,
+      })),
+    },
+  ],
+};

package/src/tool/lorenz-attractor/index.ts

@@ -0,0 +1,9 @@
+import { lorenzAttractor } from './entry';
+import type { ToolDefinition } from '../../types';
+export * from './entry';
+export const LORENZ_ATTRACTOR_TOOL: ToolDefinition = {
+  entry: lorenzAttractor,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
+};

package/src/tool/lorenz-attractor/logic/LorenzEngine.ts

@@ -0,0 +1,32 @@
+export interface Point3D {
+  x: number;
+  y: number;
+  z: number;
+}
+
+export interface LorenzParams {
+  sigma: number;
+  rho: number;
+  beta: number;
+}
+
+export class LorenzEngine {
+  static nextPoint(point: Point3D, params: LorenzParams, dt: number): Point3D {
+    const dx = params.sigma * (point.y - point.x) * dt;
+    const dy = (point.x * (params.rho - point.z) - point.y) * dt;
+    const dz = (point.x * point.y - params.beta * point.z) * dt;
+
+    return {
+      x: point.x + dx,
+      y: point.y + dy,
+      z: point.z + dz,
+    };
+  }
+
+  static getDistance(p1: Point3D, p2: Point3D): number {
+    const dx = p1.x - p2.x;
+    const dy = p1.y - p2.y;
+    const dz = p1.z - p2.z;
+    return Math.sqrt(dx * dx + dy * dy + dz * dz);
+  }
+}

package/src/tool/lorenz-attractor/lorenz-attractor.css

@@ -0,0 +1,453 @@
+:root {
+  --lorenz-primary: #2563eb;
+  --lorenz-secondary: #7c3aed;
+  --lorenz-accent: #c084fc;
+  --lorenz-t1: #00f0ff;
+  --lorenz-t2: #ff007f;
+  --lorenz-bg-card: #fff;
+  --lorenz-bg-canvas: transparent;
+  --lorenz-border: #e2e8f0;
+  --lorenz-text: #0f172a;
+  --lorenz-text-muted: #64748b;
+  --lorenz-slider-track: #cbd5e1;
+  --lorenz-shadow-color: rgba(0, 0, 0, 0.04);
+  --lorenz-font-mono: consolas, monaco, 'Courier New', monospace;
+}
+
+.theme-dark {
+  --lorenz-primary: #3b82f6;
+  --lorenz-secondary: #8b5cf6;
+  --lorenz-accent: #a78bfa;
+  --lorenz-t1: #00f0ff;
+  --lorenz-t2: #ff007f;
+  --lorenz-bg-card: rgba(31, 41, 55, 0.45);
+  --lorenz-bg-canvas: transparent;
+  --lorenz-border: rgba(255, 255, 255, 0.06);
+  --lorenz-text: #f3f4f6;
+  --lorenz-text-muted: #9ca3af;
+  --lorenz-slider-track: #4b5563;
+  --lorenz-shadow-color: rgba(255, 255, 255, 0.03);
+}
+
+.lorenz-app {
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  font: 14px Outfit, Inter, sans-serif;
+  color: var(--lorenz-text);
+  box-sizing: border-box;
+}
+
+.lorenz-card {
+  background: var(--lorenz-bg-card);
+  backdrop-filter: blur(12px);
+  border: 1px solid var(--lorenz-border);
+  border-radius: 24px;
+  padding: 24px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
+}
+
+.theme-dark .lorenz-card {
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
+}
+
+.lorenz-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 24px;
+}
+
+@media (min-width: 992px) {
+  .lorenz-grid {
+    grid-template-columns: 1.5fr 1fr;
+    align-items: stretch;
+  }
+
+  .lorenz-canvas-container {
+    aspect-ratio: auto;
+    min-height: 520px;
+    height: 100%;
+  }
+
+  .lorenz-controls-section {
+    gap: 12px;
+  }
+
+  .lorenz-sliders-block {
+    gap: 10px;
+  }
+
+  .lorenz-slider-group {
+    gap: 2px;
+  }
+
+  .lorenz-slider {
+    height: 28px;
+  }
+
+  .lorenz-coords-row {
+    display: flex;
+    flex-direction: row;
+    gap: 32px;
+    justify-content: flex-start;
+  }
+
+  .lorenz-divergence-display {
+    gap: 4px;
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+
+  .lorenz-chart-canvas-wrapper {
+    height: 60px;
+  }
+
+  .lorenz-stats-block {
+    gap: 8px;
+  }
+}
+
+.lorenz-canvas-container {
+  position: relative;
+  background: var(--lorenz-bg-canvas);
+  border-radius: 20px;
+  overflow: hidden;
+  aspect-ratio: 4 / 3;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.lorenz-canvas {
+  width: 100%;
+  height: 100%;
+  display: block;
+  cursor: grab;
+  touch-action: none;
+}
+
+.lorenz-canvas:active {
+  cursor: grabbing;
+}
+
+.lorenz-controls-section {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  justify-content: space-between;
+}
+
+.lorenz-sliders-block {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.lorenz-slider-group {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.lorenz-slider-header {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--lorenz-text-muted);
+}
+
+.lorenz-slider-label {
+  font: 700 12px Outfit, Inter, sans-serif;
+}
+
+.lorenz-slider-val {
+  color: var(--lorenz-primary);
+  font: 13px consolas, monaco, monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+.lorenz-slider {
+  width: 100%;
+  height: 44px;
+  background: transparent;
+  outline: none;
+  -webkit-appearance: none;
+  margin: 0;
+  cursor: pointer;
+}
+
+.lorenz-slider::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 1px;
+  background: var(--lorenz-slider-track);
+}
+
+.lorenz-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 2px;
+  height: 12px;
+  background: var(--lorenz-primary);
+  margin-top: -5.5px;
+  border-radius: 0;
+  transition: transform 0.1s ease;
+}
+
+.lorenz-slider::-moz-range-track {
+  width: 100%;
+  height: 1px;
+  background: var(--lorenz-slider-track);
+}
+
+.lorenz-slider::-moz-range-thumb {
+  width: 2px;
+  height: 12px;
+  background: var(--lorenz-primary);
+  border-radius: 0;
+  border: none;
+}
+
+.lorenz-button-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 8px;
+}
+
+.lorenz-btn {
+  padding: 10px 0;
+  border-radius: 8px;
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: center;
+  background: transparent;
+  color: var(--lorenz-text-muted);
+  border: 1px solid var(--lorenz-border);
+}
+
+.lorenz-btn:hover {
+  color: var(--lorenz-text);
+  background: rgba(120, 120, 120, 0.08);
+}
+
+.lorenz-btn-active-state {
+  border-color: var(--lorenz-primary);
+  color: var(--lorenz-primary);
+  box-shadow: 0 0 10px rgba(59, 130, 246, 0.15);
+}
+
+.lorenz-btn-active-state:hover {
+  background: rgba(59, 130, 246, 0.08);
+  color: var(--lorenz-primary);
+}
+
+.lorenz-stats-block {
+  border-top: 1px solid var(--lorenz-border);
+  padding-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.lorenz-coords-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+}
+
+.lorenz-coord-item {
+  font: 12px Outfit, Inter, sans-serif;
+  color: var(--lorenz-text-muted);
+}
+
+.lorenz-coord-val {
+  font: 600 14px consolas, monaco, monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+.lorenz-divergence-display {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+
+.lorenz-divergence-title {
+  font: 700 12px Outfit, Inter, sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--lorenz-text-muted);
+}
+
+.lorenz-divergence-main {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+}
+
+.lorenz-divergence-num {
+  font: 750 2.8rem consolas, monaco, monospace;
+  line-height: 1;
+  color: var(--lorenz-accent);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: -0.05em;
+}
+
+.lorenz-divergence-delta {
+  font: 700 14px consolas, monaco, monospace;
+  color: var(--lorenz-text-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+.lorenz-chart-block {
+  border-top: 1px solid var(--lorenz-border);
+  padding-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.lorenz-chart-header {
+  display: flex;
+  align-items: center;
+  font: 700 12px Outfit, Inter, sans-serif;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--lorenz-text-muted);
+}
+
+.lorenz-tooltip-container {
+  position: relative;
+  display: inline-flex;
+  margin-left: 6px;
+  cursor: help;
+}
+
+.lorenz-info-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 1px solid var(--lorenz-text-muted);
+  font: bold 9px consolas, monaco, monospace;
+  color: var(--lorenz-text-muted);
+}
+
+.lorenz-tooltip-text {
+  visibility: hidden;
+  position: absolute;
+  bottom: 130%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: var(--lorenz-text);
+  color: var(--lorenz-bg-card);
+  text-align: center;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font: 12px Outfit, Inter, sans-serif;
+  line-height: 1.3;
+  width: 200px;
+  z-index: 10;
+  opacity: 0;
+  transition: opacity 0.2s;
+  pointer-events: none;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.lorenz-tooltip-container:hover .lorenz-tooltip-text {
+  visibility: visible;
+  opacity: 1;
+}
+
+.lorenz-chart-canvas-wrapper {
+  position: relative;
+  width: 100%;
+  height: 80px;
+}
+
+.lorenz-chart-canvas {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+@media (max-width: 991px) {
+  .lorenz-app {
+    height: calc(100svh - 80px);
+    display: flex;
+    flex-direction: column;
+  }
+
+  .lorenz-card {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding: 16px;
+    overflow: hidden;
+  }
+
+  .lorenz-grid {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    gap: 16px;
+  }
+
+  .lorenz-canvas-container {
+    height: 43%;
+    flex-shrink: 0;
+    aspect-ratio: auto;
+  }
+
+  .lorenz-controls-section {
+    height: 57%;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    padding-right: 4px;
+  }
+
+  .lorenz-slider-group {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+
+  .lorenz-button-row {
+    grid-template-columns: 2fr 1fr 1fr;
+    gap: 12px;
+    order: 4;
+  }
+
+  .lorenz-stats-block {
+    order: 1;
+    border-top: none;
+    padding-top: 0;
+  }
+
+  .lorenz-chart-block {
+    order: 2;
+    border-top: none;
+    padding-top: 0;
+  }
+
+  .lorenz-chart-canvas-wrapper {
+    height: 56px;
+  }
+
+  .lorenz-sliders-block {
+    order: 3;
+    border-top: 1px solid var(--lorenz-border);
+    padding-top: 16px;
+  }
+}