前言
根据互动媒体技术老师的实验要求，临摹了参考材料中的一张GIF动态图，使用p5.js进行了重现。
原图
实现步骤
规律总结
具体实现逻辑
代码实现
遇到的问题以及解决方案
1、怎样实现匀速圆周运动？
2、p5.js与之前接触的编程语言的一些不同
写函数的时候，参数不需要声明
3、当需要将圆周运动变成直线运动做判断时，怎么判断？
做判断时，就是用X和Y的坐标进行判断，但是记住，x和y坐标不能用==，而应该用>=或者<=，用等于号没办法判断到，没有那么精确，给一个范围就行，当运动到那个范围，就自动变化了，效果相同。