feat(webfront): major UI upgrade and new physics & animation demos

.gitignore

@@ -0,0 +1,9 @@
+# OS-specific cruft
+.DS_Store
+Thumbs.db
+
+# Editor directories and caches
+.idea/
+.vscode/
+*.swp
+*.swo

changelog/2025-10-22_webfront_ui_enhancements_and_new_demos.md

@@ -0,0 +1,111 @@
+# 2025-10-22 Webfront: UI 美化与新增演示模块
+
+## 新增主页
+- 位置：`CodingToys/webfront/index.html`
+- 特性：
+  - 全新设计的美观主页，展示所有演示模块的入口
+  - 采用卡片式布局，包含分类标题、图标、描述与标签
+  - 响应式设计，支持各种屏幕尺寸
+  - 动画背景：粒子系统与连线效果
+  - 渐变色彩与现代化设计风格
+  - 悬停交互效果：卡片抬起、阴影增强、边框高亮
+
+## 物理模拟新增
+
+### 双摆混沌系统
+- 位置：`CodingToys/webfront/Double-Pendulum/`
+- 特性：
+  - 经典双摆物理系统实时模拟
+  - 可调节杆长、质量、重力、阻尼系数
+  - 轨迹追踪，支持自定义轨迹长度
+  - 能量监测与 FPS 显示
+  - 拖拽末端质点设置初始角度
+  - 美观的渐变色界面与控制面板
+
+### 粒子系统引擎
+- 位置：`CodingToys/webfront/Particle-System/`
+- 特性：
+  - 完整的粒子发射与力场模拟系统
+  - 支持重力、风力、摩擦力、噪声扰动
+  - 多种发射模式：扇形喷射、中心爆裂、旋转环、平行流
+  - 可调节粒子寿命、尾迹长度、色彩方案
+  - 鼠标交互：点击改变发射器位置与方向
+  - 即时爆炸效果与力场可视化
+  - 四种色彩主题：日落暖光、极光渐变、霓虹炫彩、余烬火花
+
+### 波纹与流体模拟
+- 位置：`CodingToys/webfront/Wave-Simulation/`
+- 特性：
+  - 基于高度场离散波动方程的水面模拟
+  - 可调节阻尼系数、传播速度、扰动强度
+  - 支持随机水滴生成与手动扰动
+  - 多种着色模式：水面色彩、法线渲染、速度矢量、深度视图
+  - 鼠标/触摸交互：点击或拖拽添加水波
+  - 实时位移与速度统计
+
+### 弹簧物理系统
+- 位置：`CodingToys/webfront/Spring-Physics/`
+- 特性：
+  - 弹簧-质点布料模拟系统
+  - 可调节弹性系数、阻尼系数、重力
+  - 支持多种拓扑结构：结构弹簧、对角弹簧、弯曲弹簧
+  - 鼠标拖拽交互：编辑布料形状
+  - 风力系统：可调节风力强度与方向
+  - 固定点模式：四角、全顶部、全部自由
+  - 瞬间风暴效果与实时统计
+
+## 视觉特效新增
+
+### 粒子爆炸特效
+- 位置：`CodingToys/webfront/Particle-Effects/`
+- 特性：
+  - 鼠标交互触发的烟花与能量脉冲效果
+  - 自动间隔爆炸系统
+  - 多种爆炸类型：烟花、能量脉冲、冲击环、火花雨
+  - 四种色彩主题：极光、余烬、深海、赛博
+  - 可调节粒子数量、尾迹长度、重力强度
+  - 长按鼠标持续喷射效果
+  - 冲击环扩散动画
+
+### 形状变形动画
+- 位置：`CodingToys/webfront/Morphing-Shapes/`
+- 特性：
+  - 多种几何形状之间的平滑插值变形
+  - 三种形状序列：默认（圆→星形→三叶花→心形→齿轮）、有机（圆→气泡→云朵→花瓣→树叶）、科技（方形→菱形→八角星→二次曲线→旋涡）
+  - 可调节变形速度、路径细分、噪声幅度
+  - 旋转动画与外发光效果
+  - 渐变色彩填充，支持调色板选择
+  - 缓动函数实现平滑过渡
+
+### 3D 图形变换
+- 位置：`CodingToys/webfront/3D-Transforms/`
+- 特性：
+  - CSS 3D 与 Canvas 结合的 3D 图形展示
+  - 三种 3D 对象：立方体（CSS 3D）、环轨（CSS 3D）、二十面体（Canvas 投影）
+  - 可调节观察角度、透视深度、动画速度
+  - 拖拽旋转、滚轮缩放、双击重置
+  - 多面体实时投影与深度排序
+  - 透明度与光影效果
+
+## UI 改进
+- 所有新增模块采用统一的设计语言
+- 深色主题与渐变色彩方案
+- 响应式控制面板与参数调节
+- 实时统计与 FPS 显示
+- 流畅的动画过渡与交互反馈
+- 工具提示与操作说明
+
+## 技术要点
+- 纯 HTML/CSS/JS，无外部依赖
+- Canvas 2D 高性能渲染
+- CSS 3D Transform 与透视效果
+- requestAnimationFrame 动画循环
+- 固定时间步长物理更新
+- 响应式设计与触摸支持
+- 参数化设计，易于调节与扩展
+
+## 备注
+- 遵循 KISS 原则，保持代码简洁
+- 所有演示均为单文件实现
+- 支持直接在浏览器中打开，无需构建工具
+- 中文界面与注释