AI编程技术展示 - Lissajous曲线

原理说明

Lissajous 曲线（又称李萨如曲线）是由两个互相垂直方向的正弦波叠加形成的闭合曲线。其形态取决于两个简谐振动的频率比和相位差。

x = sin(f_x × t + φ) y = sin(f_y × t)

当两个正弦波的频率比为有理数时，曲线为闭合的。通过调整频率比（f_x : f_y）和初始相位差（φ），可以绘制出各种精美的几何图案。

使用 HTML5 Canvas 2D 上下文进行曲线绑制，通过 moveTo() 和 lineTo() 方法连接连续的点，形成平滑曲线。

基于 Lissajous 数学公式，通过参数 t 在 [0, 2π] 范围内采样，计算每个点的 (x, y) 坐标。

利用 requestAnimationFrame 实现流畅动画，逐步增加相位差，使曲线从生成到完整逐步展现。

通过 mouseenter 事件监听，实现鼠标悬停触发动画效果，增强用户参与感。