参考

找到每一段 p5.js 代码的简单解释。

Looking for p5.sound? Go to the p5.sound reference!

形状

颜色

字体

图像

变换

环境

环境

cursor()

改变光标样式

deltaTime

Number 变量用来记录绘制上一帧所需的毫秒数

describe()

创建屏幕阅读器可访问的画布描述

describeElement()

在画布中创建屏幕阅读器可访问的元素描述

displayDensity()

返回显示器当前像素密度

displayHeight

Number 变量用于存储显示屏的高度

displayWidth

Number 变量用于保存屏幕的宽度

focused

当浏览器获得焦点时，<p>布尔值 为 true ，否则为 false

frameCount

Number 变量用来记录绘图启动以来已绘制的帧数

frameRate()

设置每秒绘制的帧数

fullscreen()

切换全屏模式或返回当前模式

getTargetFrameRate()

返回目标帧率

getURL()

返回当前绘图的 URL， 数据类型是 String

getURLParams()

返回当前 URL 参数， 数据类型是 Object

getURLPath()

返回当前 URL 的路径，数据类型是包含若干 String 的 Array

gridOutput()

创建一个屏幕阅读器可访问的画布图形描述

height

Number 变量存储画布高度，单位是像素

noCursor()

隐藏光标

pixelDensity()

设置像素密度或返回当前像素密度

print()

在网络浏览器的控制台中显示文本

textOutput()

在画布上创建屏幕阅读器可访问的图形描述

webglVersion

带有 WebGL 版本的 String 变量

width

Number 变量存储画布宽度，单位是像素

windowHeight

Number 变量存储浏览器视口高度

windowResized()

浏览器窗口大小发生变化时，调用该函数

windowWidth

Number 变量存储浏览器视口宽度

3D

strands

combineColors()

Registers a callback to customize how color components are combined in the fragment shader

getCameraInputs()

Registers a callback to adjust vertex properties after the model has been transformed by the camera, but before projection, in the vertex shader

getColor()

Registers a callback to set the final color for each pixel in a filter shader

getFinalColor()

Registers a callback to change the final color of each pixel after all lighting and mixing is done in the fragment shader

getObjectInputs()

Registers a callback to modify the properties of each vertex before any transformations are applied in the vertex shader

getPixelInputs()

Registers a callback to modify the properties of each fragment (pixel) before the final color is calculated in the fragment shader

getWorldInputs()

Registers a callback to modify the world-space properties of each vertex in a shader

材质

ambientMaterial()

设置形状表面材质的环境颜色

createFilterShader()

创建一个 p5.Shader 对象，与 filter()< /a> 函数

createShader()

创建一个新的 p5.Shader 对象

emissiveMaterial()

设置形状表面材质的自发光颜色

loadShader()

加载顶点和片段着色器以创建一个 p5.Shader 对象

metalness()

设置 specularMaterial() 的"金属度"

normalMaterial()

设置当前材质为普通材质

resetShader()

恢复默认着色器

shader()

设置要在绘制时应用的 p5.Shader 对象

shininess()

设置 specularMaterial() 的光泽度（"shininess"）

specularMaterial()

设置形状表面材质的高光颜色

texture()

设置将用于形状的纹理

textureMode()

更改应用于自定义形状时使用的纹理坐标系统

textureWrap()

当形状的 uv 坐标超出纹理时，改变纹理的行为方式

渲染

数学

计算

abs()

计算一个数的绝对值

ceil()

计算最接近给定数且大于或等于它的整数值

constrain()

将一个数字限制在最小值和最大值之间

dist()

计算两点之间的距离

exp()

计算自然常数 e（2.71828...）的一个数次方

floor()

计算最接近给定数字且小于或等于它的整数值

fract()

计算一个数字的小数部分

lerp()

在特定增量下计算两个数字之间的数值

log()

计算一个数的自然对数（以 e 为底的对数）

mag()

计算一个向量的大小或长度

map()

将一个数值从一个范围重新映射到另一个范围

max()

返回一组数字中的最大值

min()

返回数字序列中的最小值

norm()

将一个数字从一个范围映射到 0 到 1 之间的值

pow()

计算指数表达式，例如 2^3

round()

计算最接近一个数字的整数

sq()

计算一个数的平方

sqrt()

计算一个数字的平方根

输入输出

事件

鼠标

doubleClicked()

当鼠标按钮快速双击时调用一次的函数

exitPointerLock()

退出由 requestPointerLock 开始的指针锁定

mouseButton

一个字符串系统变量，包含最后一次按下的鼠标按钮的值

mouseClicked()

在鼠标按钮被按下并释放后调用一次的函数

mouseDragged()

当按下按钮且拖动鼠标时调用的函数

mouseIsPressed

一个 Boolean 布尔值类型的系统变量，当鼠标被按下时为 true，否则为 false

mouseMoved()

当鼠标移动时调用的函数

mousePressed()

当鼠标按钮被按下时调用一次的函数

mouseReleased()

当鼠标按钮释放时调用一次的函数

mouseWheel()

当鼠标滚轮移动时调用一次的函数

mouseX

一个 Number 数字类型的系统变量，用于跟踪鼠标的水平位置

mouseY

一个 Number 数字类型的系统变量，用于跟踪鼠标的垂直位置

movedX

一个 Number 数字类型的系统变量，用于跟踪鼠标的水平移动

movedY

一个 Number 数字类型的系统变量，用于跟踪鼠标的垂直移动

pmouseX

一个 Number 数字类型的系统变量，用于跟踪鼠标的前一个水平位置

pmouseY

一个 Number 数字类型的系统变量，用于追踪鼠标的前一个垂直位置

pwinMouseX

一个 Number 数字类型的系统变量，用于跟踪鼠标在浏览器内的前一个水平位置

pwinMouseY

一个 Number 数字类型的系统变量，用于追踪鼠标在浏览器内的前一个垂直位置

requestPointerLock()

锁定鼠标指针到其当前位置并使其不可见

winMouseX

一个 Number 数字类型的系统变量，用于跟踪鼠标在浏览器内的水平位置

winMouseY

一个 Number 数字类型的系统变量，用于追踪鼠标在浏览器内的垂直位置

文档对象模型

文档对象模型

changed()

当元素发生变化时调用一个函数

createA()

创建一个 &lt;a&gt;&lt;/a&gt; 元素，链接到另一个网页

createAudio()

创建一个用于简单音频播放的隐藏&lt;audio&gt;元素

createButton()

创建一个 &lt;button&gt;&lt;/button&gt; 元素

createCapture()

创建一个 &lt;video&gt; 元素，用于“捕获”来自 网络摄像头和麦克风的音频/视频流

createCheckbox()

创建一个复选框&lt;input&gt;&lt;/input&gt;元素

createColorPicker()

创建一个颜色选择器元素

createDiv()

创建一个&lt;div&gt;&lt;/div&gt;元素

createElement()

创建一个新的p5.Element对象

createFileInput()

创建一个类型为 'file' 的 &lt;input&gt;&lt;/input&gt; 元素

createImg()

创建一个可以在画布外显示的 &lt;img&gt; 元素

createInput()

创建一个文本&lt;input&gt;&lt;/input&gt;元素

createP()

创建一个&lt;p&gt;&lt;/p&gt;元素

createRadio()

创建一个单选按钮元素

createSelect()

创建一个下拉菜单&lt;select&gt;&lt;/select&gt;元素

createSlider()

创建一个滑块&lt;input&gt;&lt;/input&gt;元素

createSpan()

"<p>创建一个&lt;span&gt;&lt;/span&gt;元素

createVideo()

创建一个用于简单音频/视频播放的 &lt;video&gt; 元素

input()

当元素接收到输入时调用一个函数

removeElements()

移除由p5.js创建的所有元素，包括任何事件处理程序

select()

在页面中搜索第一个与给定的CSS 选择器字符串匹配的元素

selectAll()

在页面中搜索所有与给定的CSS选择器字符串匹配的元素

数据

结构

常量

基础