旋转太极图
会转的太极图,转速、旋转方向与整体大小都能实时调,点一下暂停、再点继续,想加速就拖滑块;无聊或冥想时看着它转很解压,也能把当前这一帧导出成 PNG 当壁纸。
0.6 圈 / 秒
这是个什么工具
一张会转的太极图:拖动滑块调转速(-3 到 3 圈每秒),负值反向旋转,点「暂停」停住,点「归零」把速度设回 0。
直径可选 180 / 240 / 300 px,图始终是正的阴阳鱼——黑白两个半圆加两个鱼眼,按标准画法绘制。
纯 canvas 实时绘制,不加载任何图片。
太极图的标准画法
标准太极图由一个大圆分成两条等宽的阴阳鱼:从圆心出发,用两条半径为 R/2 的半圆分别向上下偏移,形成 S 形分界;两个鱼眼是半径 R/6 的小圆,位于圆心上下 R/2 处,颜色与上色区域相反。
所以它不是「两个半圆拼一个圆」——那个画法画不出 S 形曲线,也画不出鱼眼的互相包含关系。
为什么转速用「圈 / 秒」
比「角度 / 帧」好理解,也不会因为显示器刷新率不同(60Hz 与 120Hz)而快慢不一:这里按两次绘制之间的真实时间差换算角度,高刷屏上转得一样快。
常见问题
能转多久?会不会越转越卡?
不会。每帧都是重新画一遍,角度按时间累加,不做增量缓存,也不会产生内存堆积。切到后台标签页时浏览器会暂停动画。
能给太极图上色吗?
没有开放配色。阴阳两色的黑白对比是这张图的定义本身,改成别的配色就不再是太极图了。