p5 2.0.1 → 2.0.3

package/dist/core/legacy.js

@@ -1,17 +1,17 @@
-import { p as p5 } from '../main-s72KWcUy.js';
-import '../constants-C-g_eAdC.js';
+import { p as p5 } from '../main-BKN5yFoS.js';
+import '../constants-BRcElHU3.js';
 import './transform.js';
 import './structure.js';
 import './environment.js';
 import '../math/p5.Vector.js';
-import '../rendering--aAe5aq3.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../rendering-CvUVN-Vb.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../p5.Renderer-R23xoC7s.js';
 import '../image/filters.js';
 import '../shape/custom_shapes.js';
 import './States.js';

package/dist/core/main.js

@@ -1,12 +1,12 @@
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import './transform.js';
 import './structure.js';
 import './environment.js';
-import '../rendering--aAe5aq3.js';
-import '../p5.Renderer-CwAYZOC2.js';
-export { p as default } from '../main-s72KWcUy.js';
+import '../rendering-CvUVN-Vb.js';
+import '../p5.Renderer-R23xoC7s.js';
+export { p as default } from '../main-BKN5yFoS.js';
 import '../math/p5.Vector.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';

package/dist/core/p5.Graphics.js

@@ -1,11 +1,11 @@
-import '../constants-C-g_eAdC.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../constants-BRcElHU3.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import '../shape/2d_primitives.js';
 import '../shape/attributes.js';
 import '../shape/curves.js';
 import '../shape/vertex.js';
 import '../color/setting.js';
-export { G as Graphics, z as default } from '../rendering--aAe5aq3.js';
+export { G as Graphics, z as default } from '../rendering-CvUVN-Vb.js';
 import '../image/pixels.js';
 import './transform.js';
 import '../math/trigonometry.js';
@@ -16,7 +16,7 @@ import './helpers.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../p5.Renderer-R23xoC7s.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import './States.js';

package/dist/core/p5.Renderer.js

@@ -1,6 +1,6 @@
-import '../creating_reading-D4AAKRbx.js';
-import '../constants-C-g_eAdC.js';
-export { R as Renderer, r as default } from '../p5.Renderer-CwAYZOC2.js';
+import '../creating_reading-Cr8L2Jnm.js';
+import '../constants-BRcElHU3.js';
+export { R as Renderer, r as default } from '../p5.Renderer-R23xoC7s.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import './States.js';

package/dist/core/p5.Renderer2D.js

@@ -1,10 +1,10 @@
-import '../constants-C-g_eAdC.js';
-export { R as Renderer2D, r as default } from '../main-s72KWcUy.js';
-import '../p5.Renderer-CwAYZOC2.js';
-import '../rendering--aAe5aq3.js';
+import '../constants-BRcElHU3.js';
+export { R as Renderer2D, r as default } from '../main-BKN5yFoS.js';
+import '../p5.Renderer-R23xoC7s.js';
+import '../rendering-CvUVN-Vb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.MediaElement.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import '../image/filterRenderer2D.js';
 import '../math/p5.Matrix.js';
 import '../shape/custom_shapes.js';

package/dist/core/rendering.js

@@ -1,12 +1,12 @@
-import '../constants-C-g_eAdC.js';
-export { y as default, I as renderers } from '../rendering--aAe5aq3.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../constants-BRcElHU3.js';
+export { y as default, I as renderers } from '../rendering-CvUVN-Vb.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../p5.Renderer-R23xoC7s.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/{creating_reading-D4AAKRbx.js → creating_reading-Cr8L2Jnm.js}

@@ -361,7 +361,7 @@ class Color {
    * }
    * </code>
    * </div>
-   **/
+   */
   setGreen(new_green, max=[0, 1]) {
     if(!Array.isArray(max)){
       max = [0, max];
@@ -472,7 +472,7 @@ class Color {
    * }
    * </code>
    * </div>
-   **/
+   */
   setAlpha(new_alpha, max=[0, 1]) {
     if(!Array.isArray(max)){
       max = [0, max];

package/dist/dom/dom.js

@@ -1,10 +1,10 @@
 import { Element } from './p5.Element.js';
 import { MediaElement } from './p5.MediaElement.js';
 import { File } from './p5.File.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import '../io/p5.XML.js';
 
 /**
@@ -358,7 +358,7 @@ function dom(p5, fn){
    * let slider;
    *
    * function setup() {
-   *   createCanvas(100, 100);
+   *   createCanvas(200, 200);
    *
    *   // Create a paragraph element and place
    *   // it at the top of the canvas.
@@ -599,10 +599,10 @@ function dom(p5, fn){
    *   background(200);
    *
    *   let img = createImg(
-   *     'https://p5js.org/assets/img/asterisk-01.png',
-   *     'The p5.js magenta asterisk.'
+   *     '/assets/cat.jpg',
+   *     'image of a cat'
    *   );
-   *   img.position(0, -10);
+   *   img.position(0, 10);
    *
    *   describe('A gray square with a magenta asterisk in its center.');
    * }
@@ -951,7 +951,7 @@ function dom(p5, fn){
    *
    *   // Create a checkbox and place it beneath the canvas.
    *   checkbox = createCheckbox();
-   *   checkbox.position(0, 100);
+   *   checkbox.position(0, 70);
    *
    *   describe('A black square with a checkbox beneath it. The square turns white when the box is checked.');
    * }
@@ -977,7 +977,7 @@ function dom(p5, fn){
    *   // Create a checkbox and place it beneath the canvas.
    *   // Label the checkbox "white".
    *   checkbox = createCheckbox(' white');
-   *   checkbox.position(0, 100);
+   *   checkbox.position(0, 70);
    *
    *   describe('A black square with a checkbox labeled "white" beneath it. The square turns white when the box is checked.');
    * }
@@ -1003,7 +1003,7 @@ function dom(p5, fn){
    *   // Create a checkbox and place it beneath the canvas.
    *   // Label the checkbox "white" and set its value to true.
    *   checkbox = createCheckbox(' white', true);
-   *   checkbox.position(0, 100);
+   *   checkbox.position(0, 70);
    *
    *   describe('A white square with a checkbox labeled "white" beneath it. The square turns black when the box is unchecked.');
    * }
@@ -1882,7 +1882,7 @@ function dom(p5, fn){
    * let img;
    *
    * function setup() {
-   *   createCanvas(100, 100);
+   *   createCanvas(200, 200);
    *
    *   // Create a file input and place it beneath
    *   // the canvas.

package/dist/dom/index.js

@@ -2,10 +2,10 @@ import dom$1 from './dom.js';
 import element from './p5.Element.js';
 import media from './p5.MediaElement.js';
 import file from './p5.File.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import '../io/p5.XML.js';
 
 function dom(p5){

package/dist/dom/p5.Element.js

@@ -1,6 +1,6 @@
 import { File } from './p5.File.js';
-import { C as Color } from '../creating_reading-D4AAKRbx.js';
-import { w as AUTO } from '../constants-C-g_eAdC.js';
+import { C as Color } from '../creating_reading-Cr8L2Jnm.js';
+import { w as AUTO } from '../constants-BRcElHU3.js';
 import '../io/p5.XML.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';

package/dist/dom/p5.MediaElement.js

@@ -1,10 +1,10 @@
 import { Element } from './p5.Element.js';
 import './p5.File.js';
 import '../io/p5.XML.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 
 /**
  * @module DOM

package/dist/events/acceleration.js

@@ -142,18 +142,18 @@ function acceleration(p5, fn){
    * @example
    * <div>
    * <code>
+   * let rotationX = 0;            // Angle in degrees
+   *
    * function setup() {
-   *   createCanvas(100, 100, WEBGL);
+   *   createCanvas(200, 200, WEBGL);   // Create 3D canvas
    * }
    *
    * function draw() {
-   *   background(200);
-   *   //rotateZ(radians(rotationZ));
-   *   rotateX(radians(rotationX));
-   *   //rotateY(radians(rotationY));
-   *   box(200, 200, 200);
-   *   describe(`red horizontal line right, green vertical line bottom.
-   *     black background.`);
+   *   background(220);                 // Set light gray background
+   *   rotateX(radians(rotationX));     // Rotate around X-axis
+   *   normalMaterial();                // Apply simple shaded material
+   *   box(60);                         // Draw 3D cube (60 units wide)
+   *   rotationX = (rotationX + 2) % 360; // Increment rotation (2° per frame)
    * }
    * </code>
    * </div>
@@ -175,18 +175,18 @@ function acceleration(p5, fn){
    * @example
    * <div>
    * <code>
+   * let rotationY = 0;            // Angle in degrees
+   *
    * function setup() {
-   *   createCanvas(100, 100, WEBGL);
+   *   createCanvas(200, 200, WEBGL);   // Create 3D canvas
    * }
    *
    * function draw() {
-   *   background(200);
-   *   //rotateZ(radians(rotationZ));
-   *   //rotateX(radians(rotationX));
-   *   rotateY(radians(rotationY));
-   *   box(200, 200, 200);
-   *   describe(`red horizontal line right, green vertical line bottom.
-   *     black background.`);
+   *   background(220);                 // Set light gray background
+   *   rotateY(radians(rotationY));     // Rotate around Y-axis (vertical)
+   *   normalMaterial();                // Apply simple shaded material
+   *   box(60);                         // Draw 3D cube (60 units wide)
+   *   rotationY = (rotationY + 2) % 360; // Increment rotation (2° per frame)
    * }
    * </code>
    * </div>
@@ -209,18 +209,18 @@ function acceleration(p5, fn){
    * @example
    * <div>
    * <code>
+   * let rotationZ = 0;          // Angle in degrees
+   *
    * function setup() {
-   *   createCanvas(100, 100, WEBGL);
+   *   createCanvas(200, 200, WEBGL);   // Create 3D canvas
    * }
    *
    * function draw() {
-   *   background(200);
-   *   rotateZ(radians(rotationZ));
-   *   //rotateX(radians(rotationX));
-   *   //rotateY(radians(rotationY));
-   *   box(200, 200, 200);
-   *   describe(`red horizontal line right, green vertical line bottom.
-   *     black background.`);
+   *   background(220);
+   *   rotateZ(radians(rotationZ));     // Rotate around Z-axis
+   *   normalMaterial();                // Apply simple shaded material
+   *   box(60);                         // Draw 3D cube
+   *   rotationZ = (rotationZ + 2) % 360; // Increment rotation angle
    * }
    * </code>
    * </div>

package/dist/events/keyboard.js

@@ -663,7 +663,6 @@ function keyboard(p5, fn){
 
   };
 
-
   /**
    * A function that's called once when keys with printable characters are pressed.
    *
@@ -795,7 +794,7 @@ function keyboard(p5, fn){
    * </div>
    */
   fn._onkeypress = function(e) {
-    if (e.which === this._lastKeyCodeTyped) {
+    if (e.which === this._lastKeyCodeTyped && e.repeat) {
       // prevent multiple firings
       return;
     }
@@ -833,10 +832,16 @@ function keyboard(p5, fn){
    * }
    * ```
    *
-   * `keyIsDown()` can check for key presses using
-   * <a href="#/p5/keyCode">keyCode</a> values, as in `keyIsDown(37)` or
-   * `keyIsDown(LEFT_ARROW)`. Key codes can be found on websites such as
-   * <a href="https://keycode.info" target="_blank">keycode.info</a>.
+   * `keyIsDown()` can check for key presses using strings based on
+   * <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key" target="_blank">KeyboardEvent.key</a>
+   * or <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code" target="_blank">KeyboardEvent.code</a> values,
+   * such as `keyIsDown('x')` or `keyIsDown('ArrowLeft')`.
+   *
+   * Note: In p5.js 2.0 and newer, numeric keycodes (such as 88 for 'X') are no longer supported.
+   * This is a breaking change from previous versions.
+   *
+   * You can still use the p5 constants like `LEFT_ARROW` which now map to string values
+   * internally rather than numeric codes.
    *
    * @method keyIsDown
    * @param {Number|String}   code key to check.

package/dist/image/const.js

@@ -1,4 +1,4 @@
-import { Z as THRESHOLD, U as POSTERIZE, $ as BLUR } from '../constants-C-g_eAdC.js';
+import { Z as THRESHOLD, U as POSTERIZE, $ as BLUR } from '../constants-BRcElHU3.js';
 
 const filterParamDefaults = {
   [BLUR]: 3,

package/dist/image/filterRenderer2D.js

@@ -1,8 +1,8 @@
-import { T as Texture, e as filterOpaqueFrag, g as filterPosterizeFrag, h as filterDilateFrag, j as filterGrayFrag, k as filterErodeFrag, n as filterThresholdFrag, o as filterInvertFrag, q as filterBlurFrag, S as Shader, w as webgl2CompatibilityShader, u as filterBaseVert, v as filterBaseFrag, x as filterShaderVert } from '../rendering--aAe5aq3.js';
-import { I as Image } from '../p5.Renderer-CwAYZOC2.js';
-import { z as WEBGL2, K as OPAQUE, U as POSTERIZE, V as DILATE, X as GRAY, Y as ERODE, Z as THRESHOLD, _ as INVERT, $ as BLUR, e as CORNER, u as BLEND, a0 as WEBGL } from '../constants-C-g_eAdC.js';
+import { T as Texture, e as filterOpaqueFrag, g as filterPosterizeFrag, h as filterDilateFrag, j as filterGrayFrag, k as filterErodeFrag, n as filterThresholdFrag, o as filterInvertFrag, q as filterBlurFrag, S as Shader, w as webgl2CompatibilityShader, u as filterBaseVert, v as filterBaseFrag, x as filterShaderVert } from '../rendering-CvUVN-Vb.js';
+import { I as Image } from '../p5.Renderer-R23xoC7s.js';
+import { z as WEBGL2, K as OPAQUE, U as POSTERIZE, V as DILATE, X as GRAY, Y as ERODE, Z as THRESHOLD, _ as INVERT, $ as BLUR, e as CORNER, u as BLEND, a0 as WEBGL } from '../constants-BRcElHU3.js';
 import { filterParamDefaults } from './const.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';

package/dist/image/image.js

@@ -1,13 +1,13 @@
 import 'omggif';
 import '../dom/p5.Element.js';
-export { i as default } from '../rendering--aAe5aq3.js';
+export { i as default } from '../rendering-CvUVN-Vb.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../constants-BRcElHU3.js';
+import '../p5.Renderer-R23xoC7s.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/image/index.js

@@ -1,8 +1,8 @@
-import { i as image$1, b as loadingDisplaying, s as shader, t as texture } from '../rendering--aAe5aq3.js';
-import { i as image$2 } from '../p5.Renderer-CwAYZOC2.js';
+import { i as image$1, b as loadingDisplaying, s as shader, t as texture } from '../rendering-CvUVN-Vb.js';
+import { i as image$2 } from '../p5.Renderer-R23xoC7s.js';
 import pixels from './pixels.js';
-import '../constants-C-g_eAdC.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../constants-BRcElHU3.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';

package/dist/image/loading_displaying.js

@@ -1,15 +1,15 @@
 import '../core/helpers.js';
-import '../constants-C-g_eAdC.js';
-export { b as default } from '../rendering--aAe5aq3.js';
+import '../constants-BRcElHU3.js';
+export { b as default } from '../rendering-CvUVN-Vb.js';
 import 'omggif';
 import 'gifenc';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../p5.Renderer-R23xoC7s.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/image/p5.Image.js

@@ -1,10 +1,10 @@
 import './filters.js';
-export { I as Image, i as default } from '../p5.Renderer-CwAYZOC2.js';
+export { I as Image, i as default } from '../p5.Renderer-R23xoC7s.js';
 import '../io/utilities.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';

package/dist/image/pixels.js

@@ -42,6 +42,7 @@ function pixels(p5, fn){
    * <code>
    * function setup() {
    *   createCanvas(100, 100);
+   *   background(128);
    *
    *   // Load the pixels array.
    *   loadPixels();

package/dist/io/files.js

@@ -1,11 +1,11 @@
-import '../p5.Renderer-CwAYZOC2.js';
-export { d as default, a as request } from '../rendering--aAe5aq3.js';
+import '../p5.Renderer-R23xoC7s.js';
+export { d as default, a as request } from '../rendering-CvUVN-Vb.js';
 import './csv.js';
 import './utilities.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/io/index.js

@@ -1,14 +1,14 @@
-import { d as files } from '../rendering--aAe5aq3.js';
+import { d as files } from '../rendering-CvUVN-Vb.js';
 import table from './p5.Table.js';
 import tableRow from './p5.TableRow.js';
 import xml from './p5.XML.js';
-import '../constants-C-g_eAdC.js';
-import '../creating_reading-D4AAKRbx.js';
+import '../constants-BRcElHU3.js';
+import '../creating_reading-Cr8L2Jnm.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
-import '../p5.Renderer-CwAYZOC2.js';
+import '../p5.Renderer-R23xoC7s.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/io/p5.TableRow.js

@@ -255,8 +255,8 @@ class TableRow {
    * let table;
    *
    * async function setup() {
-   *   // Create a 200x100 canvas and set a white background
-   *   createCanvas(200, 100);
+   *   // Create a 300x100 canvas and set a white background
+   *   createCanvas(300, 100);
    *   background(255);
    *
    *   // Load the CSV file with a header row

package/dist/{main-s72KWcUy.js → main-BKN5yFoS.js}

@@ -1,12 +1,12 @@
-import { P as P2D, a0 as WEBGL, u as BLEND, a2 as _DEFAULT_FILL, a3 as _DEFAULT_STROKE, j as ROUND, a4 as REMOVE, a5 as SUBTRACT, a6 as DARKEST, a7 as LIGHTEST, a8 as DIFFERENCE, a9 as MULTIPLY, aa as EXCLUSION, ab as SCREEN, ac as REPLACE, ad as OVERLAY, ae as HARD_LIGHT, af as SOFT_LIGHT, ag as DODGE, ah as BURN, ai as ADD, aj as PIE, ak as CHORD, f as TWO_PI, S as SQUARE, k as PROJECT, B as BEVEL, l as MITER, O as OPEN, v as constants, al as VERSION } from './constants-C-g_eAdC.js';
+import { P as P2D, a0 as WEBGL, u as BLEND, a2 as _DEFAULT_FILL, a3 as _DEFAULT_STROKE, j as ROUND, a4 as REMOVE, a5 as SUBTRACT, a6 as DARKEST, a7 as LIGHTEST, a8 as DIFFERENCE, a9 as MULTIPLY, aa as EXCLUSION, ab as SCREEN, ac as REPLACE, ad as OVERLAY, ae as HARD_LIGHT, af as SOFT_LIGHT, ag as DODGE, ah as BURN, ai as ADD, aj as PIE, ak as CHORD, f as TWO_PI, S as SQUARE, k as PROJECT, B as BEVEL, l as MITER, O as OPEN, v as constants, al as VERSION } from './constants-BRcElHU3.js';
 import transform from './core/transform.js';
 import structure from './core/structure.js';
 import environment from './core/environment.js';
-import { G as Graphics, y as rendering, z as graphics } from './rendering--aAe5aq3.js';
-import { R as Renderer, I as Image, r as renderer } from './p5.Renderer-CwAYZOC2.js';
+import { G as Graphics, y as rendering, z as graphics } from './rendering-CvUVN-Vb.js';
+import { R as Renderer, I as Image, r as renderer } from './p5.Renderer-R23xoC7s.js';
 import { Element } from './dom/p5.Element.js';
 import { MediaElement } from './dom/p5.MediaElement.js';
-import { b as RGBHDR } from './creating_reading-D4AAKRbx.js';
+import { b as RGBHDR } from './creating_reading-Cr8L2Jnm.js';
 import FilterRenderer2D from './image/filterRenderer2D.js';
 import './math/p5.Matrix.js';
 import { PrimitiveToPath2DConverter } from './shape/custom_shapes.js';
@@ -1521,10 +1521,14 @@ for (const k in constants) {
  * ```
  *
  * Code placed in `setup()` will run once before code placed in
- * <a href="#/p5/draw">draw()</a> begins looping. If the
- * <a href="#/p5/preload">preload()</a> is declared, then `setup()` will
- * run immediately after <a href="#/p5/preload">preload()</a> finishes
- * 
+ * <a href="#/p5/draw">draw()</a> begins looping.
+ * If `setup()` is declared `async` (e.g. `async function setup()`),
+ * execution pauses at each `await` until its promise resolves.
+ * For example, `font = await loadFont(...)` waits for the font asset
+ * to load because `loadFont()` function returns a promise, and the await 
+ * keyword means the program will wait for the promise to resolve.
+ * This ensures that all assets are fully loaded before the sketch continues.
+
  * 
  * loading assets.
  *
@@ -1596,7 +1600,6 @@ for (const k in constants) {
  * </code>
  * </div>
  */
-
 /**
  * A function that's called repeatedly while the sketch runs.
  *

package/dist/math/Matrices/Matrix.js

@@ -1,6 +1,6 @@
 import { Vector } from '../p5.Vector.js';
 import { MatrixInterface } from './MatrixInterface.js';
-import '../../constants-C-g_eAdC.js';
+import '../../constants-BRcElHU3.js';
 
 /**
  * @module Math

package/dist/math/Matrices/MatrixNumjs.js

@@ -1,7 +1,7 @@
 import nj from '@d4c/numjs/build/module/numjs.min.js';
 import { Vector } from '../p5.Vector.js';
 import { MatrixInterface } from './MatrixInterface.js';
-import '../../constants-C-g_eAdC.js';
+import '../../constants-BRcElHU3.js';
 
 let isMatrixArray = (x) => Array.isArray(x);
 if (typeof Float32Array !== "undefined") {

package/dist/math/index.js

@@ -4,7 +4,7 @@ import random from './random.js';
 import trigonometry from './trigonometry.js';
 import math$1 from './math.js';
 import vector from './p5.Vector.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 
 function math(p5){
   p5.registerAddon(calculation);

package/dist/math/math.js

@@ -34,7 +34,7 @@ function math(p5, fn) {
    * <a href="#/p5.Vector">p5.Vector</a> class.
    *
    * @method createVector
-   * @param {...Number} components Components of the vector.
+   * @param {...Number} x Zero or more numbers, representing each component of the vector.
    * @return {p5.Vector} new <a href="#/p5.Vector">p5.Vector</a> object.
    *
    * @example

package/dist/math/p5.Matrix.js

@@ -1,6 +1,6 @@
 import { Matrix } from './Matrices/Matrix.js';
 import './p5.Vector.js';
-import '../constants-C-g_eAdC.js';
+import '../constants-BRcElHU3.js';
 import './Matrices/MatrixInterface.js';
 
 /**

package/dist/math/p5.Vector.js

@@ -1,4 +1,4 @@
-import { f as TWO_PI } from '../constants-C-g_eAdC.js';
+import { f as TWO_PI } from '../constants-BRcElHU3.js';
 
 /**
  * @module Math

package/dist/math/trigonometry.js

@@ -1,4 +1,4 @@
-import { x as RAD_TO_DEG, D as DEG_TO_RAD } from '../constants-C-g_eAdC.js';
+import { x as RAD_TO_DEG, D as DEG_TO_RAD } from '../constants-BRcElHU3.js';
 
 /**
  * @module Math