码绘展示
先来看一下码绘的最终效果
实验原理与代码
这次的码绘主要用的是随机函数和正余弦函数。
首先第一部分是不断转动的圆环，来看一下代码：
这个很简单，就是300个小圆在一个大圆的圆周上运动，让所有圆的位置对应同一个angle的sin、cos值就可以了。
为了视觉效果优化，可以再定义两个随机数，分别加给posX和posY，这样一来这些小圆就不是在一个完全规整的圆上运动了。
那么怎么实现旋转效果呢很简单，用一个简单的rotate函数就可以实现。这里可以去看一下官 的实例，在draw函数里加入如下代码即可。
看一下效果：
实际效果其实是闪得很快的，如果想调整帧率，可以使用frameRate()来调节。
最后是鼠标交互部分。这一部分参考了官 案例，原理也很简单，就是将星星的坐标参数设置为由鼠标控制（mouseX,mouseY），为了视觉效果更佳，给坐标加了一个缓冲，让星星“慢慢地”来到鼠标所在位置，这个就不贴代码了，可以直接去看官 案例。
总结归纳
对于动态作品，总体而言还是码绘更方便快捷，手绘受局限性较大。
资料参考
鼠标交互
https://p5js.org/zh-Hans/examples/input-easing.html
旋转
https://p5js.org/zh-Hans/examples/form-star.html
载入背景图片
https://p5js.org/zh-Hans/examples/image-background-image.html
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！