如何用p5.js制作鼠标移动背景颜色渐变效果

如何用p5.js制作鼠标移动背景颜色变更的效果

工具/原料

chrome

p5.js

方法/步骤

1、打开网页编辑器作为示范。

2、直接在背景里面加上mouseX，移动就会有点效果了。

3、这里制作一个矩形方便观看移动的变化效果。

4、我们也可以创建一个变量再放入背景函数里面。

5、用map可以使渐变效果更强烈一些。

6、更背景添加多个函数，这样颜色变化更丰富。