p5 2.2.1-rc.0 → 2.2.1

package/dist/events/pointer.js

@@ -41,8 +41,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -66,8 +64,6 @@ function pointer(p5, fn, lifecycles){
    *     text('<<', 50, 50);
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.movedX = 0;
 
@@ -86,8 +82,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -111,8 +105,6 @@ function pointer(p5, fn, lifecycles){
    *     text('▲', 50, 50);
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.movedY = 0;
 
@@ -138,8 +130,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -152,11 +142,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw a vertical line that follows the mouse's x-coordinate.
    *   line(mouseX, 0, mouseX, 100);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -173,11 +160,8 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates.
    *   text(`x: ${int(mouseX)} y: ${int(mouseY)}`, 50, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -194,11 +178,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the line.
    *   line(mx, -50, mx, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let font;
    *
    * async function setup() {
@@ -224,8 +205,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates.
    *   text(`x: ${int(mouseX)} y: ${int(mouseY)}`, 0, 0);
    * }
-   * </code>
-   * </div>
    */
   fn.mouseX = 0;
 
@@ -243,8 +222,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -257,11 +234,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw a horizontal line that follows the mouse's y-coordinate.
    *   line(0, mouseY, 100, mouseY);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -278,11 +252,8 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates.
    *   text(`x: ${int(mouseX)} y: ${int(mouseY)}`, 50, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -299,11 +270,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the line.
    *   line(-50, my, 50, my);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let font;
    *
    * async function setup() {
@@ -329,8 +297,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates.
    *   text(`x: ${int(mouseX)} y: ${int(mouseY)}`, 0, 0);
    * }
-   * </code>
-   * </div>
    */
   fn.mouseY = 0;
 
@@ -354,8 +320,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -370,11 +334,8 @@ function pointer(p5, fn, lifecycles){
    *
    *   line(pmouseX, pmouseY, mouseX, mouseY);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -394,8 +355,6 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the line.
    *   line(pmx, pmy, mx, my);
    * }
-   * </code>
-   * </div>
    */
   fn.pmouseX = 0;
 
@@ -419,8 +378,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -435,11 +392,8 @@ function pointer(p5, fn, lifecycles){
    *
    *   line(pmouseX, pmouseY, mouseX, mouseY);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -459,8 +413,6 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the line.
    *   line(pmx, pmy, mx, my);
    * }
-   * </code>
-   * </div>
    */
   fn.pmouseY = 0;
 
@@ -482,8 +434,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -500,8 +450,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates within the browser window.
    *   text(`x: ${int(winMouseX)} y: ${int(winMouseY)}`, 50, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.winMouseX = 0;
 
@@ -523,8 +471,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -541,8 +487,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouse's coordinates within the browser window.
    *   text(`x: ${int(winMouseX)} y: ${int(winMouseY)}`, 50, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.winMouseY = 0;
 
@@ -569,8 +513,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -589,11 +531,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the circle.
    *   circle(50, 50, d);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   // Create the canvas and set its position.
    *   let cnv = createCanvas(100, 100);
@@ -612,8 +551,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display pwinMouseX.
    *   text(pwinMouseX, 50, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.pwinMouseX = 0;
 
@@ -640,8 +577,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -660,11 +595,8 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the circle.
    *   circle(50, 50, d);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   // Create the canvas and set its position.
    *   let cnv = createCanvas(100, 100);
@@ -683,8 +615,6 @@ function pointer(p5, fn, lifecycles){
    *   // Display pwinMouseY.
    *   text(pwinMouseY, 50, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.pwinMouseY = 0;
 
@@ -708,8 +638,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(200, 200);
    *
@@ -730,11 +658,8 @@ function pointer(p5, fn, lifecycles){
    *   text(`Right: ${mouseButton.right}`, width / 2, height / 2);
    *   text(`Center: ${mouseButton.center}`, width / 2, height / 2 + 20);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -758,8 +683,6 @@ function pointer(p5, fn, lifecycles){
    *     }
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.mouseButton = {
     left: false,
@@ -802,8 +725,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * // On a touchscreen device, touch the canvas using one or more fingers
    * // at the same time.
    *
@@ -823,11 +744,8 @@ function pointer(p5, fn, lifecycles){
    *     circle(touch.x, touch.y, 40);
    *   }
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // On a touchscreen device, touch the canvas using one or more fingers
    * // at the same time.
    *
@@ -847,8 +765,6 @@ function pointer(p5, fn, lifecycles){
    *     text(`${touch.x}, ${touch.y}`, touch.x, touch.y - 40);
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.touches = [];
   fn._activePointers = new Map();
@@ -861,8 +777,6 @@ function pointer(p5, fn, lifecycles){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -881,11 +795,8 @@ function pointer(p5, fn, lifecycles){
    *   // Display the mouseIsPressed variable.
    *   text(mouseIsPressed, 25, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -907,8 +818,6 @@ function pointer(p5, fn, lifecycles){
    *   // Draw the square.
    *   square(25, 25, 50);
    * }
-   * </code>
-   * </div>
    */
   fn.mouseIsPressed = false;
 
@@ -1035,8 +944,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1068,8 +975,6 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -1123,8 +1028,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1156,8 +1059,6 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    */
   fn._onpointermove = function(e) {
     let executeDefault;
@@ -1242,8 +1143,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1275,11 +1174,8 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1323,8 +1219,6 @@ function pointer(p5, fn, lifecycles){
    *   fill('orange');
    *   strokeWeight(10);
    * }
-   * </code>
-   * </div>
    */
   fn._onpointerdown = function(e) {
     let executeDefault;
@@ -1401,8 +1295,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1434,11 +1326,8 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1482,8 +1371,6 @@ function pointer(p5, fn, lifecycles){
    *   fill('orange');
    *   strokeWeight(10);
    * }
-   * </code>
-   * </div>
    */
   fn._onpointerup = function(e) {
     let executeDefault;
@@ -1565,8 +1452,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1597,11 +1482,8 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1645,8 +1527,6 @@ function pointer(p5, fn, lifecycles){
    *   fill('orange');
    *   strokeWeight(10);
    * }
-   * </code>
-   * </div>
    */
   fn._onclick = function(e) {
     if (typeof this._customActions.mouseClicked === 'function') {
@@ -1709,8 +1589,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {MouseEvent} [event] optional `MouseEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let value = 0;
    *
    * function setup() {
@@ -1741,11 +1619,8 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let value = 0;
    *
    * function setup() {
@@ -1774,8 +1649,6 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    */
 
   fn._ondblclick = function(e) {
@@ -1860,8 +1733,6 @@ function pointer(p5, fn, lifecycles){
    * @param  {WheelEvent} [event] optional `WheelEvent` argument.
    *
    * @example
-   * <div>
-   * <code>
    * let circleSize = 0;
    *
    * function setup() {
@@ -1885,11 +1756,8 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let direction = '';
    *
    * function setup() {
@@ -1922,8 +1790,6 @@ function pointer(p5, fn, lifecycles){
    *   // Uncomment to prevent any default behavior.
    *   // return false;
    * }
-   * </code>
-   * </div>
    */
   fn._onwheel = function(e) {
     this._mouseWheelDeltaY = e.deltaY;
@@ -1956,8 +1822,6 @@ function pointer(p5, fn, lifecycles){
    * @method requestPointerLock
    *
    * @example
-   * <div>
-   * <code>
    * let score = 0;
    *
    * function setup() {
@@ -1986,8 +1850,6 @@ function pointer(p5, fn, lifecycles){
    * function doubleClicked() {
    *   requestPointerLock();
    * }
-   * </code>
-   * </div>
    */
   fn.requestPointerLock = function() {
     // pointer lock object forking for cross browser
@@ -2018,8 +1880,6 @@ function pointer(p5, fn, lifecycles){
    * @method exitPointerLock
    *
    * @example
-   * <div>
-   * <code>
    * let isLocked = false;
    *
    * function setup() {
@@ -2055,8 +1915,6 @@ function pointer(p5, fn, lifecycles){
    *     isLocked = true;
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.exitPointerLock = function() {
     document.exitPointerLock();

package/dist/image/const.js

@@ -1,4 +1,4 @@
-import { ae as THRESHOLD, af as POSTERIZE, ab as BLUR } from '../constants-DEJVKr9Z.js';
+import { ae as THRESHOLD, af as POSTERIZE, ab as BLUR } from '../constants-DQyACdzq.js';
 
 const filterParamDefaults = {
   [BLUR]: 3,

package/dist/image/filterRenderer2D.js

@@ -1,13 +1,13 @@
 import { Shader } from '../webgl/p5.Shader.js';
-import { s as setWebGLUniformValue, e as setWebGLTextureParams, g as getWebGLUniformMetadata, h as getWebGLShaderAttributes, j as populateGLSLHooks, T as Texture } from '../rendering-CsICjEXA.js';
-import { I as Image } from '../p5.Renderer-QoFcvj3f.js';
-import { C as CLAMP, aa as WEBGL2, p as CORNER, B as BLEND, ab as BLUR, ac as WEBGL } from '../constants-DEJVKr9Z.js';
+import { s as setWebGLUniformValue, e as setWebGLTextureParams, g as getWebGLUniformMetadata, h as getWebGLShaderAttributes, j as populateGLSLHooks, T as Texture } from '../rendering-h9unX5K0.js';
+import { I as Image } from '../p5.Renderer-D-5LdCRz.js';
+import { C as CLAMP, aa as WEBGL2, p as CORNER, B as BLEND, ab as BLUR, ac as WEBGL } from '../constants-DQyACdzq.js';
 import { filterParamDefaults } from './const.js';
 import { w as webgl2CompatibilityShader, f as filterBaseVert, a as filterBaseFrag, n as noiseGLSL } from '../noise3DGLSL-Bwrdi4gi.js';
 import { glslBackend } from '../webgl/strands_glslBackend.js';
 import { getShaderHookTypes } from '../webgl/shaderHookUtils.js';
 import { makeFilterShader } from '../core/filterShaders.js';
-import '../creating_reading-CgHCHxqN.js';
+import '../creating_reading-ZXzcZEsb.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
@@ -23,7 +23,6 @@ import '../color/setting.js';
 import 'omggif';
 import '../io/csv.js';
 import '../io/utilities.js';
-import 'file-saver';
 import 'gifenc';
 import './pixels.js';
 import './filters.js';

package/dist/image/image.js

@@ -1,19 +1,18 @@
 import 'omggif';
 import '../dom/p5.Element.js';
-export { i as default } from '../rendering-CsICjEXA.js';
+export { i as default } from '../rendering-h9unX5K0.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../creating_reading-CgHCHxqN.js';
+import '../creating_reading-ZXzcZEsb.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-DEJVKr9Z.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../constants-DQyACdzq.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';
 import '../io/utilities.js';
-import 'file-saver';
 import '../dom/p5.MediaElement.js';
 import '../shape/2d_primitives.js';
 import '../core/helpers.js';

package/dist/image/index.js

@@ -1,9 +1,9 @@
-import { i as image$1, b as loadingDisplaying, t as texture } from '../rendering-CsICjEXA.js';
-import { i as image$2 } from '../p5.Renderer-QoFcvj3f.js';
+import { i as image$1, b as loadingDisplaying, t as texture } from '../rendering-h9unX5K0.js';
+import { i as image$2 } from '../p5.Renderer-D-5LdCRz.js';
 import pixels from './pixels.js';
 import shader from '../webgl/p5.Shader.js';
-import '../constants-DEJVKr9Z.js';
-import '../creating_reading-CgHCHxqN.js';
+import '../constants-DQyACdzq.js';
+import '../creating_reading-ZXzcZEsb.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../dom/p5.Element.js';
@@ -19,7 +19,6 @@ import '../color/setting.js';
 import 'omggif';
 import '../io/csv.js';
 import '../io/utilities.js';
-import 'file-saver';
 import 'gifenc';
 import '../core/transform.js';
 import '../webgl/GeometryBuilder.js';

package/dist/image/loading_displaying.js

@@ -1,21 +1,20 @@
 import '../core/helpers.js';
-import '../constants-DEJVKr9Z.js';
-export { b as default } from '../rendering-CsICjEXA.js';
+import '../constants-DQyACdzq.js';
+export { b as default } from '../rendering-h9unX5K0.js';
 import 'omggif';
 import 'gifenc';
-import '../creating_reading-CgHCHxqN.js';
+import '../creating_reading-ZXzcZEsb.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-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';
 import '../io/utilities.js';
-import 'file-saver';
 import '../dom/p5.MediaElement.js';
 import '../shape/2d_primitives.js';
 import '../shape/attributes.js';