运用p5.js临摹旋转爱心，供大家参考，具体内容如下
原图
我的临摹
效果不错的样子，让我们看看实现过程。
第一步、分析原图GIF
因为原图中旋转速度较快，无法用肉眼直观地找到规律。所以我把gif分解，共90帧，一帧一帧的寻找旋转规律。
从上往下顺序，第一层到第六层。从简单的说起。
第六层：逆时针匀速旋转一圈。
第五层：先逆时针旋转α，速度由v1变为0。再顺时针旋转180°+2α，速度由0变为v2，再变为0。最后逆时针旋转α，速度由0变为v1。（观察原图，我将α设为30°0）
第四层：先逆时针旋转α，再顺时针旋转3×180°+2α，最后逆时针旋转α。速度规律与第五层相同。
第三层：先逆时针旋转α，再顺时针旋转5×180°+2α，最后逆时针旋转α。速度规律与第五层相同。
第二层：先逆时针旋转α，再顺时针旋转7×180°+2α，最后逆时针旋转α。速度规律与第五层相同。
第一层：先逆时针旋转α，再顺时针旋转9×180°+2α，最后逆时针旋转α。速度规律与第五层相同。
（注：使用时记得转化为弧度制。）
第二步、绘制基本形状
首先创建画布，设置背景色
网站设计包含服务
网站制作流程
有效沟通方式
售后服务
+ 品牌创意
+ 宣传视频
+ 大陆官网
+ 外贸官网
+ 移动应用
+ 形象设计
网站建设
网站优化
网站制作
网站制作
网络营销
网站维护
公司简介
我们的观点
为什么选择我们
企业文化
支付方式
联系方式
在线留言
提交意向表
在线客服
来访路线function setup() {
createCanvas(windowWidth, windowHeight,WEBGL);
}
function draw() {
background(220);
} 
售后响应及时
7×24小时客服热线
数据备份
更安全、更高效、更稳定
价格公道精准
项目经理精准报价不弄虚作假
合作无风险
重合同讲信誉，无效全额退款
