参考

绘制一个圆弧。

画一个圆。

绘制一个椭圆。

在两个点之间绘制一条线段。

在空间中绘制一个点。

绘制一个四边形（四条边组成的形状）。

绘制一个矩形。

用于绘制一个三角形。

开始向新的 p5.Geometry 对象添加形状。

绘制一个长方体（矩形棱柱）。

从简单的 3D 形状创建一个自定义的 p5.Geometry 对象 buildGeometry() 有助于从简单形状（例如，sphere()）创建复杂的 3D 形状。它可以帮助提高绘图性能，例如， 如果一个复杂的 3D 形状在绘图运行时不发生变化，则可以使用 buildGeometry() 来创建。

绘制一个圆锥体。

绘制一个圆柱体。

绘制一个椭球体。

停止向新的 p5.Geometry 对象添加形状，并返回该对象。

从图形处理单元（GPU）内存中清除 p5.Geometry 对象。

绘制一个平面。

绘制一个球体。

绘制一个圆环体。

加载一个 3D 模型以创建一个 p5.Geometry 对象。

绘制一个 a p5.Geometry 对象到画布上。

改变椭圆、圆和圆弧绘制的方式。

以锯齿状（非平滑）边缘绘制某些特征。

设置渲染线条末端的样式。

设置连接线段的接头样式。

设置点、线和形状轮廓的笔画宽度。

绘制贝塞尔曲线。

设置在 WebGL 模式下绘制贝塞尔曲线时使用的分段数。

使用插值计算贝塞尔曲线上的坐标。

计算贝塞尔曲线切线上的坐标。

绘制使用 Catmull-Rom 样条的曲线。

设置在 WebGL 模式下绘制样条曲线时使用的分段数。

使用插值计算样条曲线上的坐标。

计算沿着与样条曲线相切的直线的坐标。

调整 curve() 和 curveVertex() 的绘制方式。

开始在一个平面形状中创建一个孔洞。

开始向自定义形状添加顶点。

向自定义形状添加贝塞尔曲线片段。

向自定义形状添加样条曲线片段。

停止在平面形状内创建孔。

开始向自定义形状添加顶点。

设置自定义 3D 形状中顶点的法线向量。

向自定义形状添加二次贝塞尔曲线段。

向自定义形状添加一个顶点。

禁用点、线和形状的描边。

获取颜色的亮度值。

创建一个p5.Color对象。

获取颜色的绿色值。

获取颜色的色相值。

获取颜色的饱和度值。

获取颜色的 alpha（透明度）值。

获取颜色的蓝色色值。

获取颜色的红色值。

将两种颜色混合以找到它们之间的第三种颜色。

获取颜色的亮度值。

设置画布背景的颜色 默认情况下，画布的背景是透明的。background() 通常和 draw() 一起使用在每一帧绘制之初清空显示窗口里的内容。它也可以在 setup() 函数内调用，给动画的第一帧设置背景。

开始定义一个形状，该形状将遮罩之后绘制的任何形状。

清除画布上的所有像素。

定义一个形状，它将遮罩之后绘制的所有形状。

改变颜色值的解读方式。

结束定义之前使用 beginClip() 开始定义的遮罩。

让程序开始使用形状擦除画布的部分区域。

结束使用 erase() 开始的擦除操作。

禁用形状的填充颜色。

加载字体并创建 p5.Font 对象。

将文本绘制到画布上。

使用 text() 函数设置字体。

在调用 text() 时，设置文本对齐。

以字体当前大小来计算当前字体的上升量。

以字体当前大小计算当前字体的下降。

当 text() 被调用时，本函数用于设置文本内每行间的距离。

当 text() 被调用时，本函数用于设置字体大小。

调用 text() 时，设置系统字体的样式。

调用 text() 时，计算绘制的文本字符串的最大宽度。

调用 text() 时，设置文本换行的样式。

将像素区域从一张图像复制到另一张图像。

将像素从源图像复制到画布的某个区域。

将图像滤镜应用到画布上。

从画布中获取一个像素或一个像素区域。

将画布上每个像素的当前值加载到 pixels数组。

包含画布上每个像素颜色的数组。

设置像素的颜色或将图像绘制到画布上。

使用 RGBA 值更新画布 pixels数组。

将图像绘制到画布上。

调用 image() 更改图像的绘制位置。

加载图像来创建一个 p5.Image 对象。

删除用 tint() 设定的当前色调。

从绘图生成 GIF 并将其保存到文件中。

使用颜色对图像进行着色。

创建一个新的 p5.Image 对象。

将当前画布另存为图像。

从画布中捕获一系列帧，可以另存为图片。

改变光标样式。

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

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

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

返回显示器当前像素密度。

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

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

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

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

设置每秒绘制的帧数。

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

返回目标帧率。

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

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

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

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

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

隐藏光标。

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

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

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

带有 WebGL 版本的 String 变量 webglVersion 的值是以下字符串常量之一： "WEBGL2，其值是 'webgl2'，" "WEBGL，其值是 'webgl'，或者" "P2D，其值是 'p2d'。这是 2D 绘图的默认值。" 了解设置 WebGL 版本的方法，请参阅 setAttributes()。

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

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

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

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

A class to describe a camera for viewing a 3D sketch.

添加网格和轴标志以帮助明确 3D 绘图中的方向。

在 3D 绘图中关闭 debugMode()。

允许用户使用鼠标、触控板或触摸屏围绕 3D 绘图进行旋转。

创建一个向所有方向发光的光源。

创建一个朝单一方向照射的光。

从图像创建一个环境光。

设置 pointLight() 和 spotLight() 的衰减率。

在场景中放置环境光和定向光。光源被设置为 ambientLight(128, 128, 128) 和 directionalLight(128, 128, 128, 0, 0, -1)。

从绘图中移除所有光源。

创建一个沉浸式的 3D 背景。

创建一个从一个点朝所有方向发光的光源。

设置灯光的高光颜色。

创建一个从一个点朝单一方向发出光线的灯光。

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

创建一个 p5.Shader 对象，与 filter() 函数。

创建一个新的 p5.Shader 对象。

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

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

设置 specularMaterial() 的"金属度"。

设置当前材质为普通材质。

恢复默认着色器。

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

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

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

设置将用于形状的纹理。

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

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

设置 3D 场景中当前相机的位置和方向。

创建一个新的 p5.Camera 对象并将之设置为当前的（活跃的）相机。

设置 3D 草图中当前摄像机的视锥体。

启用或禁用 3D 草图中线条的透视功能。

为相机设置正交投影。

在三维场景中为当前相机设置透视投影。

设置 3D 草图的当前（活跃）相机。

Copies the shader from one drawing context to another.

Sets the shader’s uniform (global) variables.

Sets the way colors blend when added to the canvas.

Clears the depth buffer in WebGL mode.

Creates a canvas element on the web page.

Creates and a new p5.Framebuffer object.

Creates a p5.Graphics object.

A system variable that provides direct access to the sketch's element.

Removes the default canvas.

Resizes the canvas to a given width and height.

Set attributes for the WebGL Drawing context.

Toggles the framebuffer's autosizing mode or returns the current mode.

Begins drawing shapes to the framebuffer.

An object that stores the framebuffer's color data.

Creates a new p5.Camera object to use with the framebuffer.

An object that stores the framebuffer's dpeth data.

Draws to the framebuffer by calling a function that contains drawing instructions.

Stops drawing shapes to the framebuffer.

Gets a pixel or a region of pixels from the framebuffer.

Loads the current value of each pixel in the framebuffer into its pixels array.

Sets the framebuffer's pixel density or returns its current density.

An array containing the color of each pixel in the framebuffer.

Deletes the framebuffer from GPU memory.

Resizes the framebuffer to a given width and height.

Updates the framebuffer with the RGBA values in the pixels array.

Creates a new p5.Framebuffer object with the same WebGL context as the graphics buffer.

Removes the graphics buffer from the web page.

Resets the graphics buffer's transformations and lighting.

计算一个数字的反余弦值。

更改用于测量角度的单位系统。

计算一个数字的反正弦值。

计算一个数字的反正切值。

计算由一个点，作为原点和正 x 轴形成的角度。

计算一个角度的余弦值。

将以弧度表示的角度转换为以度表示的值。

将角度单位从度转换为弧度。

计算一个角度的正弦值。

计算一个角度的正切值。

创建一个新的 p5.Vector 对象。

返回可以调整以呈现自然感觉的随机数。

调整由 noise() 函数产生的噪声的特性。

为 noise() 函数设置种子值。

计算一个数的绝对值。

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

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

计算两点之间的距离。

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

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

计算一个数字的小数部分。

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

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

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

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

返回一组数字中的最大值。

返回数字序列中的最小值。

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

计算指数表达式，例如 23。

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

计算一个数的平方。

计算一个数字的平方根。

返回一个随机数字或数组中的一个随机元素。

返回符合高斯（正态）分布的随机数字。

为 random() 和 randomGaussian() 函数设置种子值。

Method for executing an HTTP request.

Method for executing an HTTP GET request.

Method for executing an HTTP POST request.

This method is suitable for fetching files up to size of 64MB.

Loads a JSON file to create an Object.

Loads a text file to create an Array.

Reads the contents of a file or URL and creates a p5.Table object with its values.

Loads an XML file to create a p5.XML object.

Creates a new p5.PrintWriter object.

A class to describe a print stream.

Saves a given element(image, text, json, csv, wav, or html) to the client's computer.

Saves an Object or Array to a JSON file.

Saves an Array of Strings to a file, one per line.

Writes the contents of a Table object to a file.

Returns the current day as a number from 1–31.

Returns the current hour as a number from 0–23.

Returns the number of milliseconds since a sketch started running.

Returns the current minute as a number from 0–59.

Returns the current month as a number from 1–12.

Returns the current second as a number from 0–59.

Returns the current year as a number such as 1999.

Use addColumn() to add a new column to a Table object.

Use addRow() to add a new row of data to a p5.Table object.

Removes all rows from a Table.

An array containing the names of the columns in the table, if the "header" the table is loaded with the "header" parameter.

Finds the first row in the Table that contains the value provided, and returns a reference to that row.

Finds the rows in the Table that contain the value provided, and returns references to those rows.

Retrieves a value from the Table's specified row and column.

Retrieves all table data and returns it as a multidimensional array.

Retrieves all values in the specified column, and returns them as an array.

Returns the total number of columns in a Table.

Retrieves a Float value from the Table's specified row and column.

Retrieves all table data and returns as an object.

Returns a reference to the specified p5.TableRow.

Returns the total number of rows in a Table.

Gets all rows from the table.

Retrieves a String value from the Table's specified row and column.

Finds the first row in the Table that matches the regular expression provided, and returns a reference to that row.

Finds the rows in the Table that match the regular expression provided, and returns references to those rows.

Use removeColumn() to remove an existing column from a Table object.

Removes a row from the table object.

Removes any of the specified characters (or "tokens").

An array containing the p5.TableRow objects that make up the rows of the table.

Stores a value in the Table's specified row and column.

Stores a Float value in the Table's specified row and column.

Stores a String value in the Table's specified row and column.

Trims leading and trailing whitespace, such as spaces and tabs, from String table values.

Retrieves a value from the TableRow's specified column.

Retrieves a Float value from the TableRow's specified column.

Retrieves an String value from the TableRow's specified column.

Stores a value in the TableRow's specified column.

Stores a Float value in the TableRow's specified column.

Stores a String value in the TableRow's specified column.

Adds a new child element and returns a reference to it.

Returns the number of attributes the element has.

Returns the first matching child element as a new p5.XML object.

Returns an array with the element's child elements as new p5.XML objects.

Returns the element's content as a String.

Returns the element's name as a String.

Return an attribute's value as a Number.

Returns the element's parent element as a new p5.XML object.

Return an attribute's value as a string.

Returns true if the element has a given attribute and false if not.

Returns true if the element has child elements and false if not.

Returns an Array with the names of the element's attributes.

Returns an array with the names of the element's child elements as Strings.

Removes the first matching child element.

Returns the element as a String.

Sets an attribute to a given value.

Sets the element's content.

Sets the element's tag name.

The system variable accelerationX always contains the acceleration of the device along the x axis.

The system variable accelerationY always contains the acceleration of the device along the y axis.

The system variable accelerationZ always contains the acceleration of the device along the z axis.

The deviceMoved() function is called when the device is moved by more than the threshold value along X, Y or Z axis.

The system variable deviceOrientation always contains the orientation of the device.

The deviceShaken() function is called when the device total acceleration changes of accelerationX and accelerationY values is more than the threshold value.

The deviceTurned() function is called when the device rotates by more than 90 degrees continuously.

The system variable pAccelerationX always contains the acceleration of the device along the x axis in the frame previous to the current frame.

The system variable pAccelerationY always contains the acceleration of the device along the y axis in the frame previous to the current frame.

The system variable pAccelerationZ always contains the acceleration of the device along the z axis in the frame previous to the current frame.

The system variable pRotationX always contains the rotation of the device along the x axis in the frame previous to the current frame.

The system variable pRotationY always contains the rotation of the device along the y axis in the frame previous to the current frame.

The system variable pRotationZ always contains the rotation of the device along the z axis in the frame previous to the current frame.

The system variable rotationX always contains the rotation of the device along the x axis.

The system variable rotationY always contains the rotation of the device along the y axis.

The system variable rotationZ always contains the rotation of the device along the z axis.

The setMoveThreshold() function is used to set the movement threshold for the deviceMoved() function.

The setShakeThreshold() function is used to set the movement threshold for the deviceShaken() function.

When a device is rotated, the axis that triggers the deviceTurned() method is stored in the turnAxis variable.

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

创建一个 <a></a> 元素，链接到另一个网页。

创建一个用于简单音频播放的隐藏<audio>元素。

创建一个 <button></button> 元素。

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

创建一个复选框<input></input>元素。

创建一个颜色选择器元素。

创建一个<div></div>元素。

创建一个新的p5.Element对象。

创建一个类型为 'file' 的 <input></input> 元素。

创建一个可以在画布外显示的 <img> 元素。

创建一个文本<input></input>元素。

创建一个<p></p>元素。

创建一个单选按钮元素。

创建一个下拉菜单<select></select>元素。

创建一个滑块<input></input>元素。

"创建一个<span></span>元素。" "<span></span>元素通常用作内联元素的容器。例如，一个<span></span>可以包含句子的一部分，这部分句子具有不同的样式。" "参数html是可选的。它接受一个字符串，该字符串设置了新<span></span>的内部HTML。"

创建一个用于简单音频/视频播放的 <video> 元素。

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

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

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

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

Adds a value to the end of an array.

Copies an array (or part of an array) to another array.

Concatenates two arrays, maps to Array.concat().

Reverses the order of an array, maps to Array.reverse()

Decreases an array by one element and returns the shortened array, maps to Array.pop().

Shuffles the elements of an array.

Sorts an array of numbers from smallest to largest, or puts an array of words in alphabetical order.

Inserts a value or an array of values into an existing array.

Extracts an array of elements from an existing array.

Converts a Boolean, String, or Number to its byte value.

Converts a Number or String to a single-character String.

Converts a String to a floating point (decimal) Number.

Converts a Number to a String with its hexadecimal value.

Converts a Boolean, String, or decimal Number to an integer.

Converts a Boolean or Number to String.

Converts a single-character String to a Number.

Converts a String with a hexadecimal value to a Number.

Creates a new instance of p5.NumberDict using the key-value pair or object you provide.

Creates a new instance of p5.StringDict using the key-value pair or the object you provide.

A simple Dictionary class for Strings.

Removes all items in the web browser's local storage.

Returns a value in the web browser's local storage.

Removes an item from the web browser's local storage.

Stores a value in the web browser's local storage.

Combines an array of strings into one string.

Applies a regular expression to a string and returns an array with the first match.

Applies a regular expression to a string and returns an array of matches.

Converts a Number into a String with a given number of digits.

Converts a Number into a String with commas to mark units of 1,000.

Converts a Number into a String with a plus or minus sign.

Converts a positive Number into a String with an extra space in front.

Splits a String into pieces and returns an array containing the pieces.

Splits a String into pieces and returns an array containing the pieces.

Removes whitespace from the start and end of a String without changing the middle.

Add the given number to the value currently stored at the given key.

Divide the given number with the value currently stored at the given key.

Return the highest key currently used in the Dictionary.

Return the highest number currently stored in the Dictionary.

Return the lowest key currently used in the Dictionary.

Return the lowest number currently stored in the Dictionary.

Multiply the given number with the value currently stored at the given key.

Subtract the given number from the value currently stored at the given key.

Removes all previously stored key-value pairs from the Dictionary.

Creates a new key-value pair in the Dictionary.

Returns the value stored at the given key.

Returns true if the given key exists in the Dictionary, otherwise returns false.

Logs the set of items currently stored in the Dictionary to the console.

Removes the key-value pair stored at the given key from the Dictionary.

Converts the Dictionary into a JSON file for local download.

Converts the Dictionary into a CSV file for local download.

Updates the value associated with the given key in case it already exists in the Dictionary.

Returns the number of key-value pairs currently stored in the Dictionary.

Turns off the parts of the Friendly Error System (FES) that impact performance.

A function that's called repeatedly while the sketch runs.

Returns true if the draw loop is running and false if not.

Resumes the draw loop after noLoop() has been called.

Stops the code in draw() from running repeatedly.

Ends a drawing group that contains its own styles and transformations.

A function that's called once to load assets before the sketch runs.

Begins a drawing group that contains its own styles and transformations.

Runs the code in draw() once.

Removes the sketch from the web page.

A function that's called once when the sketch begins running.

一个 String 常量，用于设置 angleMode()。

一个Number常量，约为 1.5708。

一个 Number 常量，约为 3.1416。

一个 Number 常量，约为 0.7854。

一个 String 常量，用于设置 angleMode()。

一个 Number 常量，约为 6.2382。

一个 Number 常量，约为 6.2382。

The strict equality operator === checks to see if two values are equal and of the same type.

Prints a message to the web browser's console.

Creates and names a new constant.

The greater than operator ">> evaluates to true if the left value is greater than the right value.

The greater than or equal to operator =">>= evaluates to true if the left value is greater than or equal to the right value.

The if-else statement helps control the flow of your code.

The less than operator evaluates to true if the left value is less than the right value.

The less than or equal to operator evaluates to true if the left value is less than or equal to the right value.

Specifies the value to be returned by a function.

A value that's either true or false.

A number that can be positive, negative, or zero.

A container for data that's stored as key-value pairs.

A sequence of text characters.