p5.js入门教程

鼠标y轴的位置会改变下一个填充方块的颜色。 当前实例需要学习的函数是colorMode()，其可以改变p5.js解读颜色的方式。

本示例主要学习的是copy函数，按下鼠标，可以将图片对应的像素点替换掉。 语法： p5js 开源社区 - 乐述云享 (aleshu.com)

语法： 混合两个颜色以找到一个介于它们之间的颜色，范围：0~1，0靠近第一种颜色，1靠近第二种颜色。 p5js 开源社区 - 乐述云享 (aleshu.com)

鼠标y轴的位置会改变下一个填充方块的颜色。 当前实例需要学习的函数是colorMode()，其可以改变p5.js解读颜色的方式。默认情况下，fill()、stroke()、background() 及

本示例主要学习的是copy函数，按下鼠标，可以将图片对应的像素点替换掉。 语法： p5js 开源社区 - 乐述云享 (aleshu.com)

本示例展示了如何让一张图片仅在鼠标周围显示图像，并且有羽化效果。 p5js 开源社区 - 乐述云享 (aleshu.com)

再来看一下边缘检测的实现方式吧。与模糊处理不同的地方是该3*3的矩阵数值不一样，不过把所有元素加起来依旧为1

图像的处理方式有很多种，我们将在后续的案例中分别学习到：模糊、边缘检测、调整亮度、对比度等。 我们先来看一下模糊处理得案例： p5js 开源社区 - 乐述云享 (aleshu.com)

createImage() 函数能让我们巧妙地操控一个像素缓冲区。 此示例创建了一个渐变图像。 p5js 开源社区 - 乐述云享 (aleshu.com)

通过在图像上加载一个遮罩来改变图像中不同位置的透明度。 p5js 开源社区 - 乐述云享 (aleshu.com)

当我们想要将图片作为背景图时，可以通过以下方式函数实现。 语法： p5js 开源社区 - 乐述云享 (aleshu.com)

图像可以以原图大小或自定义大小被加载和显示。 语法： 在开始本案例之前，请先找一张图片，然后上传至图床。在编辑器中你会获得该图片的图床链接。 p5js 开源社区 - 乐述云享 (aleshu.com)

在条件判断中，若单个条件需要由多个逻辑式组成，通常会使用逻辑操作符来实现，分别是与(&&)、或(||)、非(!)。 p5js 开源社区 - 乐述云享 (aleshu.com)

若要在多个条件之间进行判断，可以使用else if。 p5js 开源社区 - 乐述云享 (aleshu.com)

计算机之所以能做很多自动化的任务，主要的原因就是他可以自己做判断。 条件判断的关键词为if，通过判断条件的真假来决定是否需要执行某段程序。

在一个循环体语句中包含着另一个循环语句，被称为循环嵌套。内嵌的循环中还可以嵌套循环，这就是多层循环。各种语言中关于循环的嵌套的概念都是一样的。最常见的应用就是之前我们所做过的案例，遍历二维数组。 p5

在不少实际问题中有许多具有规律性的重复操作，因此在程序中就需要重复执行某些语句。一组被重复执行的语句称之为循环体，能否继续重复，决定循环的终止条件。通常循环语句有多种类型，如for、while语句以及

当我们逐渐深入学习，你会发现数组中的元素种类可以是千变万化的，本示例我们来了解一下如何创建对象，将对象作为数组元素，并对每一个对象单独控制其运动方式。 p5js 开源社区 - 乐述云享 (aleshu

如果你知道图片在计算机中的表示方式是什么样子的，那就一定会发现，数组特别适合存储图像，我们来看一个简化版的案例，通过数组在画布中对点进行着色，来模拟图像显示。 p5js 开源社区 - 乐述云享 (al