| <!doctype html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <meta name="description" content="面向路径相关弹塑性的材料记忆、神经本构与有限元验证平台。"> |
| <title>AgentFEM × DENIM · 材料记忆与神经本构实验室</title> |
| <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%23090b0c'/%3E%3Cpath d='M6 22c5-15 8 8 13-7s7 4 7 4' fill='none' stroke='%2372d6d1' stroke-width='2.5'/%3E%3Ccircle cx='19' cy='15' r='2.3' fill='%23d38a51'/%3E%3C/svg%3E"> |
| <link rel="stylesheet" href="styles.css"> |
| <link rel="stylesheet" href="polish.css?v=20260929-clarity"> |
| </head> |
| <body> |
| <div class="shell"> |
| <header> |
| <div> |
| <div class="eyebrow author-line">Haoming Luo · AgentFEM</div> |
| <h1><b>AgentFEM × DENIM</b><span>材料记忆与神经本构实验室</span></h1> |
| </div> |
| <div class="header-side"> |
| <div class="view-tabs" role="tablist" aria-label="研究视图"> |
| <button class="active" role="tab" aria-selected="true" data-view="lab">路径响应</button> |
| <button role="tab" aria-selected="false" data-view="evidence">模型谱系</button> |
| <button role="tab" aria-selected="false" data-view="models">模型图谱</button> |
| </div> |
| <div class="header-tools"><a class="lab-home" href="https://lab.haoming-luo.com/" aria-label="Lab home">← Lab</a><button id="languageToggle" type="button" aria-label="Switch language">EN</button></div> |
| </div> |
| </header> |
|
|
| <main id="labView" class="lab-layout"> |
| <aside> |
| <section> |
| <p class="section-title">加载工况</p> |
| <div id="pathList" class="path-list"></div> |
| </section> |
|
|
| <section> |
| <p class="section-title">响应对照</p> |
| <label class="check-row"><input type="checkbox" data-series="truth" checked><i class="line truth"></i><span>AgentFEM 参考</span></label> |
| <label class="check-row"><input type="checkbox" data-series="denim" checked><i class="line denim"></i><span>DENIM</span></label> |
| <label class="check-row"><input type="checkbox" data-series="gru"><i class="line gru"></i><span>GRU</span></label> |
| </section> |
|
|
| <section class="timeline-block"> |
| <div class="timeline-head"><p class="section-title">增量进程</p><strong id="stepLabel">121 / 241</strong></div> |
| <input id="timeline" type="range" min="0" max="240" value="120" aria-label="加载进度"> |
| <div class="transport"> |
| <button id="play" class="primary" type="button" aria-pressed="false">播放路径</button> |
| <button id="memoryPair" type="button">对照记忆</button> |
| <button id="reset" class="quiet" type="button">回到起点</button> |
| </div> |
| <p class="interaction-hint">空格 播放/暂停 · ← → 单步 · M 对照记忆</p> |
| </section> |
|
|
| <section class="model-card"> |
| <div class="model-kicker">物理约束神经本构模型</div> |
| <div class="model-name">DENIM · 918 参数</div> |
| <p>保留弹性、J2 屈服与返回映射，以神经内部变量闭合未知硬化演化。</p> |
| <div class="known-grid"> |
| <span>显式约束</span><b>力学骨架</b> |
| <span>神经闭合</span><b>演化规律</b> |
| </div> |
| </section> |
| </aside> |
|
|
| <section class="stage"> |
| <div class="statusbar"> |
| <span><b id="pathName">—</b></span> |
| <span id="pathScope">—</span> |
| <span>主分量 <b id="component">—</b></span> |
| <span>响应误差 <b id="currentError">—</b></span> |
| <span>一致性残差 <b id="yieldResidual">—</b></span> |
| </div> |
|
|
| <div class="workspace"> |
| <article class="panel hysteresis-panel"> |
| <div class="panel-head"> |
| <div><h2>路径相关本构响应</h2><p>滞回 · 卸载 · 反向加载</p></div> |
| <div id="historyBadge" class="badge">历史状态保持</div> |
| </div> |
| <svg id="hysteresisChart" class="chart" role="img" aria-label="应力应变滞回曲线"></svg> |
| <div id="chartTooltip" class="chart-tooltip"></div> |
| </article> |
|
|
| <article class="panel state-panel"> |
| <div class="panel-head"> |
| <div><h2>材料记忆状态</h2><p>快—慢通道与硬化演化</p></div> |
| <div class="state-dot"><i></i><span id="stateMode">弹性</span></div> |
| </div> |
| <div class="memory-orbit" aria-hidden="true"> |
| <div class="orbit orbit-a"><i id="memoryA"></i></div> |
| <div class="orbit orbit-b"><i id="memoryB"></i></div> |
| <div class="orbit-core"><strong id="stressNow">0.0</strong><span>MPa</span></div> |
| </div> |
| <div class="state-values"> |
| <div><span>快记忆</span><strong id="memoryOne">0.0 MPa</strong></div> |
| <div><span>慢记忆</span><strong id="memoryTwo">0.0 MPa</strong></div> |
| <div><span>各向同性半径</span><strong id="isotropicNow">0.0 MPa</strong></div> |
| <div><span>等效塑性应变</span><strong id="peeqNow">0.0000</strong></div> |
| </div> |
| </article> |
|
|
| <article class="panel path-panel"> |
| <div class="panel-head"> |
| <div><h2>多轴应变路径</h2><p id="pathAxes">应变分量平面</p></div> |
| </div> |
| <svg id="pathChart" class="chart" role="img" aria-label="多轴应变路径"></svg> |
| </article> |
| </div> |
|
|
| <div class="result-strip"> |
| <div><span>Path-OOD RMSE</span><strong>1.136 MPa</strong><small>DENIM</small></div> |
| <div><span>Path-OOD R²</span><strong>0.999902</strong><small>32 条完整留出轨迹</small></div> |
| <div><span>结构级相对误差</span><strong>0.50–0.64%</strong><small>有限元反力响应</small></div> |
| <div><span>离散稳健性 RMSE</span><strong>0.944 / 0.958</strong><small>121 / 481 增量</small></div> |
| </div> |
| </section> |
| </main> |
|
|
| <main id="evidenceView" class="evidence-view" hidden> |
| <section class="evidence-intro"> |
| <div> |
| <div class="eyebrow">物理—数据融合本构建模</div> |
| <h2>从拟合响应，到学习演化</h2> |
| </div> |
| <p>让已知力学负责约束，让神经网络学习未知硬化。</p> |
| </section> |
|
|
| <section class="progression"> |
| <article><span>01 · 数据驱动</span><h3>路径外推受限</h3><p>黑箱与弱物理时序模型的 Path-OOD RMSE 为 60–106 MPa。</p></article> |
| <article><span>02 · 白盒积分</span><h3>已知方程的精度参照</h3><p>完整 J2/Chaboche 方程与参数均已知，神经网络辅助积分；新路径 RMSE 为 0.0237 MPa。</p></article> |
| <article><span>03 · DENIM 闭合</span><h3>未知硬化 · 神经闭合</h3><p>隐藏三通道 Chaboche 硬化，由神经内部变量学习缺失演化；新路径 RMSE 为 1.136 MPa。</p></article> |
| </section> |
|
|
| <section class="comparison-panel"> |
| <div class="panel-head comparison-head"> |
| <div><h2>路径外推表现</h2><p>组内可以直接比较；A、B 是不同任务 · 条形越短，误差越小</p></div> |
| <div class="scale-note">Path-OOD RMSE / MPa</div> |
| </div> |
| <div id="ladder" class="ladder"></div> |
| <div class="protocol-note"> |
| <b>研究结论</b> |
| <span>在同一测试协议中，DENIM 的误差约为 Incomplete J2 的 1/52、GRU 的 1/68。</span> |
| </div> |
| </section> |
|
|
| <section class="evidence-footer"> |
| <div class="evidence-card"><span>数据规模</span><strong>128 × 241</strong><p>8 类多轴路径，按路径族严格划分。</p></div> |
| <div class="evidence-card"><span>物理核验</span><strong>4 项</strong><p>屈服、不可压缩、PEEQ 单调与能量平衡。</p></div> |
| <div class="evidence-card"><span>结构验证</span><strong>缺口杆有限元</strong><p>覆盖单调、循环及强循环工况。</p></div> |
| <div class="evidence-links"> |
| <a href="https://huggingface.co/datasets/HaomingLuo/AgentFEM-Material-Loading-Memory" target="_blank" rel="noreferrer">开放数据集 ↗</a> |
| <a href="https://huggingface.co/HaomingLuo/AgentFEM-DENIM" target="_blank" rel="noreferrer">开放模型 ↗</a> |
| </div> |
| </section> |
| </main> |
|
|
| <main id="modelsView" class="models-view" hidden> |
| <section class="models-intro"> |
| <div> |
| <div class="eyebrow">模型结构与信息流</div> |
| <h2>让网络，记住材料。</h2> |
| </div> |
| <p>从瞬时映射到内部变量，探索六种建模思路。</p> |
| </section> |
|
|
| <section class="model-atlas"> |
| <nav id="modelSelector" class="model-selector" aria-label="选择模型"></nav> |
| <article class="architecture-panel" aria-live="polite"> |
| <div class="architecture-head"> |
| <div> |
| <span id="architectureFamily" class="architecture-family">—</span> |
| <h2 id="architectureName">—</h2> |
| <p id="architectureTagline">—</p> |
| </div> |
| <div id="architectureBadge" class="architecture-badge">—</div> |
| </div> |
| <div id="architectureFlow" class="architecture-flow" aria-label="模型信息流"></div> |
| <div class="diagram-caption"><span class="diagram-legend"><i class="physics-key"></i> 力学算子 <i class="neural-key"></i> 可学习模块</span><button id="flowMotion" type="button" aria-pressed="true">暂停流动</button></div><p id="architectureSummary" class="architecture-summary">—</p> |
| <div class="architecture-traits"> |
| <div><span>历史记忆</span><strong id="traitMemory">—</strong></div> |
| <div><span>显式物理</span><strong id="traitPhysics">—</strong></div> |
| <div><span>神经网络职责</span><strong id="traitLearning">—</strong></div> |
| <div><span>路径外推</span><strong id="traitOod">—</strong></div> |
| </div> |
| </article> |
| </section> |
|
|
| <section class="model-map-note"> |
| <b>DENIM 的位置</b> |
| <span>918 个参数 · 两条记忆通道 · 学习未知硬化演化</span> |
| </section> |
| </main> |
|
|
| <footer> |
| <span>AgentFEM Research · DENIM v1</span> |
| <span>预计算结果交互展示</span> |
| </footer> |
| </div> |
| <script src="data.js"></script> |
| <script src="i18n.js?v=20260929-clarity"></script> |
| <script src="architecture.js?v=20260929-clarity"></script> |
| <script src="app.js?v=20260929-clarity"></script> |
| </body> |
| </html> |
|
|
