p5 2.0.0 → 2.0.2

package/{src → dist}/data/index.js

@@ -1,5 +1,7 @@
 import storage from './local_storage.js';
 
-export default function(p5){
+function data(p5){
   p5.registerAddon(storage);
 }
+
+export { data as default };

package/{src → dist}/data/local_storage.js

@@ -152,9 +152,6 @@ function storage(p5, fn){
         }
         value = JSON.stringify(value);
         break;
-      case 'string':
-      default:
-        break;
     }
 
     localStorage.setItem(key, value);
@@ -302,9 +299,6 @@ function storage(p5, fn){
           value = JSON.parse(value);
           value = this.createVector(...value);
           break;
-        case 'string':
-        default:
-          break;
       }
     }
     return value;
@@ -453,8 +447,8 @@ function storage(p5, fn){
   };
 }
 
-export default storage;
-
 if(typeof p5 !== 'undefined'){
   storage(p5, p5.prototype);
 }
+
+export { storage as default };

package/{src → dist}/dom/dom.js

@@ -1,3 +1,12 @@
+import { Element } from './p5.Element.js';
+import { MediaElement } from './p5.MediaElement.js';
+import { File } from './p5.File.js';
+import '../creating_reading-Cr8L2Jnm.js';
+import 'colorjs.io/fn';
+import '../color/color_spaces/hsb.js';
+import '../constants-tYr0tCl8.js';
+import '../io/p5.XML.js';
+
 /**
  * The web is much more than just canvas and the DOM functionality makes it easy to interact
  * with other HTML5 objects, including text, hyperlink, image, input, video,
@@ -16,9 +25,6 @@
  * @requires p5
  */
 
-import { Element } from './p5.Element';
-import { MediaElement } from './p5.MediaElement';
-import { File } from './p5.File';
 
 function dom(p5, fn){
   /**
@@ -352,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.
@@ -593,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.');
    * }
@@ -945,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.');
    * }
@@ -971,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.');
    * }
@@ -997,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.');
    * }
@@ -1876,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.
@@ -1975,8 +1981,8 @@ function dom(p5, fn){
   };
 }
 
-export default dom;
-
 if(typeof p5 !== 'undefined'){
   dom(p5, p5.prototype);
 }
+
+export { dom as default };

package/dist/dom/index.js

@@ -0,0 +1,18 @@
+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-Cr8L2Jnm.js';
+import 'colorjs.io/fn';
+import '../color/color_spaces/hsb.js';
+import '../constants-tYr0tCl8.js';
+import '../io/p5.XML.js';
+
+function dom(p5){
+  p5.registerAddon(dom$1);
+  p5.registerAddon(element);
+  p5.registerAddon(media);
+  p5.registerAddon(file);
+}
+
+export { dom as default };

package/{src → dist}/dom/p5.Element.js

@@ -1,11 +1,15 @@
+import { File } from './p5.File.js';
+import { C as Color } from '../creating_reading-Cr8L2Jnm.js';
+import { w as AUTO } from '../constants-tYr0tCl8.js';
+import '../io/p5.XML.js';
+import 'colorjs.io/fn';
+import '../color/color_spaces/hsb.js';
+
 /**
  * @module DOM
  * @submodule DOM
  */
 
-import { File } from './p5.File';
-import { Color } from '../color/p5.Color';
-import * as constants from '../core/constants';
 
 class Element {
   width;
@@ -998,11 +1002,11 @@ class Element {
     } else {
       let aW = w;
       let aH = h;
-      const AUTO = constants.AUTO;
-      if (aW !== AUTO || aH !== AUTO) {
-        if (aW === AUTO) {
+      const AUTO$1 = AUTO;
+      if (aW !== AUTO$1 || aH !== AUTO$1) {
+        if (aW === AUTO$1) {
           aW = h * this.width / this.height;
-        } else if (aH === AUTO) {
+        } else if (aH === AUTO$1) {
           aH = w * this.height / this.width;
         }
         // set diff for cnv vs normal div
@@ -2416,8 +2420,7 @@ class Element {
     ctx.elt.removeEventListener(ev, f, false);
     ctx._events[ev] = null;
   }
-};
-
+}
 function element(p5, fn){
   /**
    * A class to describe an
@@ -2514,9 +2517,8 @@ function element(p5, fn){
    */
 }
 
-export default element;
-export { Element };
-
 if(typeof p5 !== 'undefined'){
   element(p5, p5.prototype);
 }
+
+export { Element, element as default };

package/{src → dist}/dom/p5.File.js

@@ -1,10 +1,11 @@
+import { XML } from '../io/p5.XML.js';
+
 /**
  * @module DOM
  * @submodule DOM
  * @for p5.Element
  */
 
-import { XML } from '../io/p5.XML';
 
 class File {
   constructor(file, pInst) {
@@ -380,9 +381,8 @@ function file(p5, fn){
    */
 }
 
-export default file;
-export { File };
-
 if(typeof p5 !== 'undefined'){
   file(p5, p5.prototype);
 }
+
+export { File, file as default };

package/{src → dist}/dom/p5.MediaElement.js

@@ -1,9 +1,16 @@
+import { Element } from './p5.Element.js';
+import './p5.File.js';
+import '../io/p5.XML.js';
+import '../creating_reading-Cr8L2Jnm.js';
+import 'colorjs.io/fn';
+import '../color/color_spaces/hsb.js';
+import '../constants-tYr0tCl8.js';
+
 /**
  * @module DOM
  * @submodule DOM
  */
 
-import { Element } from './p5.Element';
 
 class MediaElement extends Element {
   constructor(elt, pInst) {
@@ -1812,9 +1819,8 @@ function media(p5, fn){
    */
 }
 
-export default media;
-export { MediaElement };
-
 if(typeof p5 !== 'undefined'){
   media(p5, p5.prototype);
 }
+
+export { MediaElement, media as default };

package/{src → 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>
@@ -740,8 +740,8 @@ function acceleration(p5, fn){
   };
 }
 
-export default acceleration;
-
 if(typeof p5 !== 'undefined'){
   acceleration(p5, p5.prototype);
 }
+
+export { acceleration as default };

package/{src → dist}/events/index.js

@@ -2,8 +2,10 @@ import acceleration from './acceleration.js';
 import keyboard from './keyboard.js';
 import pointer from './pointer.js';
 
-export default function(p5){
+function events(p5){
   p5.registerAddon(acceleration);
   p5.registerAddon(keyboard);
   p5.registerAddon(pointer);
 }
+
+export { events as default };

package/{src → dist}/events/keyboard.js

@@ -4,7 +4,7 @@
  * @for p5
  * @requires core
  */
-export function isCode(input) {
+function isCode(input) {
   const leftRightKeys = [
     'Alt',
     'Shift',
@@ -636,6 +636,15 @@ function keyboard(p5, fn){
    * </div>
    */
   fn._onkeyup = function(e) {
+
+    const context = this._isGlobal ? window : this;
+    if (typeof context.keyReleased === 'function') {
+      const executeDefault = context.keyReleased(e);
+      if (executeDefault === false) {
+        e.preventDefault();
+      }
+    }
+    
     delete this._downKeyCodes[e.code];
     delete this._downKeys[e.key];
 
@@ -652,13 +661,6 @@ function keyboard(p5, fn){
       this.key = lastPressedKey;
     }
 
-    const context = this._isGlobal ? window : this;
-    if (typeof context.keyReleased === 'function') {
-      const executeDefault = context.keyReleased(e);
-      if (executeDefault === false) {
-        e.preventDefault();
-      }
-    }
   };
 
   /**
@@ -792,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;
     }
@@ -935,7 +937,7 @@ function keyboard(p5, fn){
     } else {
       return this._downKeys[input] || this._downKeyCodes[input] || false;
     }
-  }
+  };
   /**
    * The _areDownKeys function returns a boolean true if any keys pressed
    * and a false if no keys are currently pressed.
@@ -955,8 +957,8 @@ function keyboard(p5, fn){
   };
 }
 
-export default keyboard;
-
 if(typeof p5 !== 'undefined'){
   keyboard(p5, p5.prototype);
 }
+
+export { keyboard as default, isCode };

package/{src → dist}/events/pointer.js

@@ -6,7 +6,6 @@
  * @requires constants
  */
 
-import * as constants from '../core/constants';
 
 function pointer(p5, fn){
   /**
@@ -912,25 +911,25 @@ function pointer(p5, fn){
 
   fn._updatePointerCoords = function (e) {
     if (this._curElement !== null) {
-       const canvas = this._curElement.elt;
-       const sx = canvas.scrollWidth / this.width || 1;
-       const sy = canvas.scrollHeight / this.height || 1;
+      const canvas = this._curElement.elt;
+      const sx = canvas.scrollWidth / this.width || 1;
+      const sy = canvas.scrollHeight / this.height || 1;
 
-       if (e.pointerType == 'touch') {
+      if (e.pointerType == 'touch') {
           const touches = [];
           for (const touch of this._activePointers.values()) {
-             touches.push(getTouchInfo(canvas, sx, sy, touch));
+            touches.push(getTouchInfo(canvas, sx, sy, touch));
           }
           this.touches = touches;
-       } else {
-          const mousePos = getMouseInfo(canvas, sx, sy, e);
-          this.movedX = e.movementX || 0;
-          this.movedY = e.movementY || 0;
-          this.mouseX = mousePos.x;
-          this.mouseY = mousePos.y;
-          this.winMouseX = mousePos.winX;
-          this.winMouseY = mousePos.winY;
-       }
+      } 
+
+      const mousePos = getMouseInfo(canvas, sx, sy, e);
+      this.movedX = e.movementX || 0;
+      this.movedY = e.movementY || 0;
+      this.mouseX = mousePos.x;
+      this.mouseY = mousePos.y;
+      this.winMouseX = mousePos.winX;
+      this.winMouseY = mousePos.winY;
 
        if (!this._hasMouseInteracted) {
           this._updateMouseCoords();
@@ -2059,8 +2058,8 @@ fn._setMouseButton = function(e) {
   };
 }
 
-export default pointer;
-
 if(typeof p5 !== 'undefined'){
   pointer(p5, p5.prototype);
 }
+
+export { pointer as default };

package/dist/image/const.js

@@ -0,0 +1,9 @@
+import { Z as THRESHOLD, U as POSTERIZE, $ as BLUR } from '../constants-tYr0tCl8.js';
+
+const filterParamDefaults = {
+  [BLUR]: 3,
+  [POSTERIZE]: 4,
+  [THRESHOLD]: 0.5,
+};
+
+export { filterParamDefaults };

package/{src → dist}/image/filterRenderer2D.js

@@ -1,23 +1,43 @@
-import { Shader } from "../webgl/p5.Shader";
-import { Texture } from "../webgl/p5.Texture";
-import { Image } from "./p5.Image";
-import * as constants from '../core/constants';
-
-import filterGrayFrag from '../webgl/shaders/filters/gray.frag';
-import filterErodeFrag from '../webgl/shaders/filters/erode.frag';
-import filterDilateFrag from '../webgl/shaders/filters/dilate.frag';
-import filterBlurFrag from '../webgl/shaders/filters/blur.frag';
-import filterPosterizeFrag from '../webgl/shaders/filters/posterize.frag';
-import filterOpaqueFrag from '../webgl/shaders/filters/opaque.frag';
-import filterInvertFrag from '../webgl/shaders/filters/invert.frag';
-import filterThresholdFrag from '../webgl/shaders/filters/threshold.frag';
-import filterShaderVert from '../webgl/shaders/filters/default.vert';
-import { filterParamDefaults } from "./const";
-
-
-import filterBaseFrag from "../webgl/shaders/filters/base.frag";
-import filterBaseVert from "../webgl/shaders/filters/base.vert";
-import webgl2CompatibilityShader from "../webgl/shaders/webgl2Compatibility.glsl";
+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-B5TRR7aY.js';
+import { I as Image } from '../p5.Renderer-Swjl9HQO.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-tYr0tCl8.js';
+import { filterParamDefaults } from './const.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 '../dom/p5.MediaElement.js';
+import '../shape/2d_primitives.js';
+import '../core/helpers.js';
+import '../shape/attributes.js';
+import '../shape/curves.js';
+import '../shape/vertex.js';
+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';
+import '../core/transform.js';
+import '../webgl/GeometryBuilder.js';
+import '../math/p5.Matrix.js';
+import '../math/Matrices/Matrix.js';
+import '../math/p5.Vector.js';
+import '../math/Matrices/MatrixInterface.js';
+import '../webgl/p5.Geometry.js';
+import '../webgl/p5.DataArray.js';
+import '../webgl/p5.Quat.js';
+import '../webgl/p5.RenderBuffer.js';
+import '../webgl/ShapeBuilder.js';
+import 'libtess';
+import '../webgl/GeometryBufferCache.js';
+import '../shape/custom_shapes.js';
+import '../math/trigonometry.js';
+import '../core/States.js';
 
 class FilterRenderer2D {
   /**
@@ -32,10 +52,10 @@ class FilterRenderer2D {
     this.canvas.height = pInst.height;
 
     // Initialize the WebGL context
-    let webglVersion = constants.WEBGL2;
+    let webglVersion = WEBGL2;
     this.gl = this.canvas.getContext('webgl2');
     if (!this.gl) {
-      webglVersion = constants.WEBGL;
+      webglVersion = WEBGL;
       this.gl = this.canvas.getContext('webgl');
     }
     if (!this.gl) {
@@ -68,14 +88,14 @@ class FilterRenderer2D {
 
     // Store the fragment shader sources
     this.filterShaderSources = {
-      [constants.BLUR]: filterBlurFrag,
-      [constants.INVERT]: filterInvertFrag,
-      [constants.THRESHOLD]: filterThresholdFrag,
-      [constants.ERODE]: filterErodeFrag,
-      [constants.GRAY]: filterGrayFrag,
-      [constants.DILATE]: filterDilateFrag,
-      [constants.POSTERIZE]: filterPosterizeFrag,
-      [constants.OPAQUE]: filterOpaqueFrag,
+      [BLUR]: filterBlurFrag,
+      [INVERT]: filterInvertFrag,
+      [THRESHOLD]: filterThresholdFrag,
+      [ERODE]: filterErodeFrag,
+      [GRAY]: filterGrayFrag,
+      [DILATE]: filterDilateFrag,
+      [POSTERIZE]: filterPosterizeFrag,
+      [OPAQUE]: filterOpaqueFrag,
     };
 
     // Store initialized shaders for each operation
@@ -104,7 +124,7 @@ class FilterRenderer2D {
 
   _webGL2CompatibilityPrefix(shaderType, floatPrecision) {
     let code = "";
-    if (this._renderer.webglVersion === constants.WEBGL2) {
+    if (this._renderer.webglVersion === WEBGL2) {
       code += "#version 300 es\n#define WEBGL2\n";
     }
     if (shaderType === "vert") {
@@ -236,9 +256,9 @@ class FilterRenderer2D {
     this._shader.setUniform('filterParameter', this.filterParameter);
     this._shader.setDefaultUniforms();
     
-    this.pInst.states.setValue('rectMode', constants.CORNER);
-    this.pInst.states.setValue('imageMode', constants.CORNER);
-    this.pInst.blendMode(constants.BLEND);
+    this.pInst.states.setValue('rectMode', CORNER);
+    this.pInst.states.setValue('imageMode', CORNER);
+    this.pInst.blendMode(BLEND);
     this.pInst.resetMatrix();
 
 
@@ -277,7 +297,7 @@ class FilterRenderer2D {
     this.pInst.push();
     this.pInst.resetMatrix();
     // For blur, we typically do two passes: one horizontal, one vertical.
-    if (this.operation === constants.BLUR && !this.customShader) {
+    if (this.operation === BLUR && !this.customShader) {
       // Horizontal pass
       this._shader.setUniform('direction', [1, 0]);
       this._renderPass();
@@ -298,7 +318,7 @@ class FilterRenderer2D {
       this._renderPass();
       this.pInst.clear();
       // con
-      this.pInst.blendMode(constants.BLEND);
+      this.pInst.blendMode(BLEND);
 
 
       this.pInst.drawingContext.drawImage(this.canvas, 0, 0, this.pInst.width, this.pInst.height);
@@ -307,4 +327,4 @@ class FilterRenderer2D {
   }
 }
 
-export default FilterRenderer2D;
+export { FilterRenderer2D as default };

package/{src → dist}/image/filters.js

@@ -659,6 +659,4 @@ function blurARGB(canvas, radius) {
   Filters._setPixels(pixels, argb);
 }
 
-
-
-export default Filters;
+export { Filters as default };