Math Curve Loaders — 基于优美数学参数曲线驱动的加载动画画廊:纯原生 HTML、CSS 与 JavaScript 实现,轻量零依赖。

基于优美数学参数曲线驱动的加载动画画廊:纯原生 HTML、CSS 与 JavaScript 实现,轻量零依赖。

包含组件

30
Original ThinkingThinking FiveThinking NineRose OrbitRose CurveRose TwoRose ThreeRose FourLissajous DriftLemniscate BloomHypotrochoid LoopThree-Petal SpiralFour-Petal SpiralFive-Petal SpiralSix-Petal SpiralButterfly PhaseCardioid GlowCardioid HeartHeart WaveSpiral SearchFourier FlowParticle Trail LoaderRose Curves (Rhodonea)Lissajous CurveHypotrochoid CurveCardioid LoopCassini OvalsFourier Epicycle PathInteractive Parameter SliderFormula Modal & Code Exporter

Math Curve Loaders 将高深精妙的参数几何数学转化为兼具美感与催眠感的 UI 加载指示器。全项目基于纯原生 JS 与 Canvas/SVG 构建,生动演绎了玫瑰线(Rhodonea)、利萨茹图形(Lissajous)、内旋轮线(Hypotrochoid)、心脏线(Cardioid)及傅里叶本轮合成轨迹等经典力学与几何轨迹。支持在线交互式拖动参数滑块调节频次与阻尼,并可一键复制附带数学公式注释的独立代码片段。