使用 p5.js 的一次创作

丰收

今天在小红书看见一个博主的视频（博主叫思花，其他作品也都很有意思），感觉特别有趣。

视频的名字叫丰收，内容放在下面了。具体的效果是：当鼠标划过文字组成的画时，会在形成一条伤痕，并掉落彩色的珍珠；随着时间的推移，伤口在缝合线的作用下慢慢愈合。

整个视频给人一种很“痛”的感觉，所选的配乐也是；丰收似乎是建立在一次又一次的伤痕之上。

如简介中引用的歌词：

复刻

这个效果实在是太酷了，便想要自己复刻一下。去翻看了博主的其他笔记，了解到是用 p5.js 进行创作的。

于是，在强大的 AI 帮助下，我先做了一个由弹簧线条做成的网格，支持鼠标移动形成缺陷和自动修复的效果，如下。

之后便是根据预设的图片，设置文字的大小和灰度，最后完成的效果如下。应该只完成了视频中的一半效果，还有一些奇奇怪怪的 BUG，因为搞了好几个小时，已经力竭了，也不想再修了。

p5.js 太好玩了，等之后有空了再探索探索新玩法！