p5 2.2.1-rc.0 → 2.2.1

package/dist/webgl/3d_primitives.js

@@ -1,21 +1,20 @@
-import '../constants-DEJVKr9Z.js';
-export { p as default } from '../rendering-CsICjEXA.js';
+import '../constants-DQyACdzq.js';
+export { p as default } from '../rendering-h9unX5K0.js';
 import '../math/p5.Vector.js';
 import './p5.Geometry.js';
 import '../math/p5.Matrix.js';
 import '../math/Matrices/Matrix.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';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import '../image/filters.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/webgl/GeometryBuilder.js

@@ -1,4 +1,4 @@
-import { T as TRIANGLE_STRIP, $ as QUAD_STRIP, _ as TRIANGLE_FAN, c as TRIANGLES } from '../constants-DEJVKr9Z.js';
+import { T as TRIANGLE_STRIP, $ as QUAD_STRIP, _ as TRIANGLE_FAN, c as TRIANGLES } from '../constants-DQyACdzq.js';
 import '../math/p5.Matrix.js';
 import { Geometry } from './p5.Geometry.js';
 import { Matrix } from '../math/Matrices/Matrix.js';
@@ -6,7 +6,6 @@ import '../math/p5.Vector.js';
 import '../math/Matrices/MatrixInterface.js';
 import './p5.DataArray.js';
 import '../io/utilities.js';
-import 'file-saver';
 
 /**
  * @private

package/dist/webgl/ShapeBuilder.js

@@ -1,11 +1,10 @@
-import { K as PATH, Z as QUADS, $ as QUAD_STRIP, T as TRIANGLE_STRIP, c as TRIANGLES, ad as IMAGE, Y as LINES, _ as TRIANGLE_FAN } from '../constants-DEJVKr9Z.js';
+import { K as PATH, Z as QUADS, $ as QUAD_STRIP, T as TRIANGLE_STRIP, c as TRIANGLES, ad as IMAGE, Y as LINES, _ as TRIANGLE_FAN } from '../constants-DQyACdzq.js';
 import { Geometry } from './p5.Geometry.js';
 import libtess from 'libtess';
 import { Vector } from '../math/p5.Vector.js';
 import { RenderBuffer } from './p5.RenderBuffer.js';
 import './p5.DataArray.js';
 import '../io/utilities.js';
-import 'file-saver';
 
 const INITIAL_BUFFER_STRIDES = {
   vertices: 1,
@@ -316,6 +315,27 @@ class ShapeBuilder {
       }
     }
 
+    // Normalize nearly identical consecutive vertices to prevent tessellation artifacts
+    // This addresses numerical precision issues in libtess when consecutive vertices
+    // have coordinates that are almost (but not exactly) equal (e.g., differing by ~1e-8)
+    const epsilon = 1e-6;
+    for (const contour of contours) {
+      const stride = this.tessyVertexSize;
+      for (let i = stride; i < contour.length; i += stride) {
+        const prevX = contour[i - stride];
+        const prevY = contour[i - stride + 1];
+        const currX = contour[i];
+        const currY = contour[i + 1];
+
+        if (Math.abs(currX - prevX) < epsilon) {
+          contour[i] = prevX;
+        }
+        if (Math.abs(currY - prevY) < epsilon) {
+          contour[i + 1] = prevY;
+        }
+      }
+    }
+
     const polyTriangles = this._triangulate(contours);
 
     // If there were no valid faces, we still want to use the original vertices

package/dist/webgl/enums.js

@@ -1,4 +1,4 @@
-import { a3 as constants } from '../constants-DEJVKr9Z.js';
+import { a3 as constants } from '../constants-DQyACdzq.js';
 
 function getStrokeDefs(shaderConstant) {
   const STROKE_CAP_ENUM = {};

package/dist/webgl/index.js

@@ -1,4 +1,4 @@
-import { r as renderer3D, p as primitives3D, l as light, m as material, c as camera, f as framebuffer, t as texture } from '../rendering-CsICjEXA.js';
+import { r as renderer3D, p as primitives3D, l as light, m as material, c as camera, f as framebuffer, t as texture } from '../rendering-h9unX5K0.js';
 import interaction from './interaction.js';
 import loading from './loading.js';
 import text from './text.js';
@@ -8,20 +8,19 @@ import matrix from '../math/p5.Matrix.js';
 import geometry from './p5.Geometry.js';
 import dataArray from './p5.DataArray.js';
 import rendererGL from './p5.RendererGL.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';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import '../image/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/webgl/interaction.js

@@ -1,4 +1,4 @@
-import { G as GRID, i as AXES } from '../constants-DEJVKr9Z.js';
+import { G as GRID, i as AXES } from '../constants-DQyACdzq.js';
 import { Vector } from '../math/p5.Vector.js';
 
 /**
@@ -76,8 +76,6 @@ function interaction(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -98,11 +96,8 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(30, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -124,11 +119,8 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(30, 50);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -157,8 +149,6 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(30, 50);
    * }
-   * </code>
-   * </div>
    */
 
   // implementation based on three.js 'orbitControls':
@@ -522,8 +512,6 @@ function interaction(p5, fn){
    * @method debugMode
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -547,11 +535,8 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -576,11 +561,8 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -608,11 +590,8 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(20, 40);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -646,8 +625,6 @@ function interaction(p5, fn){
    *   // Draw the box.
    *   box(20, 40);
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -727,8 +704,6 @@ function interaction(p5, fn){
    * @method noDebugMode
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -756,8 +731,6 @@ function interaction(p5, fn){
    * function doubleClicked() {
    *   noDebugMode();
    * }
-   * </code>
-   * </div>
    */
   fn.noDebugMode = function() {
     this._assert3d('noDebugMode');

package/dist/webgl/light.js

@@ -1,18 +1,17 @@
-export { l as default } from '../rendering-CsICjEXA.js';
+export { l as default } from '../rendering-h9unX5K0.js';
 import '../math/p5.Vector.js';
-import '../creating_reading-CgHCHxqN.js';
-import '../constants-DEJVKr9Z.js';
+import '../creating_reading-ZXzcZEsb.js';
+import '../constants-DQyACdzq.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import '../image/filters.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/webgl/loading.js

@@ -1,17 +1,16 @@
 import { Geometry } from './p5.Geometry.js';
 import { Vector } from '../math/p5.Vector.js';
-import { a as request } from '../rendering-CsICjEXA.js';
-import '../constants-DEJVKr9Z.js';
+import { a as request } from '../rendering-h9unX5K0.js';
+import '../constants-DQyACdzq.js';
 import './p5.DataArray.js';
 import '../io/utilities.js';
-import 'file-saver';
-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 '../image/filters.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';
@@ -148,8 +147,6 @@ function loading(p5, fn){
    * @return {Promise<p5.Geometry>} the <a href="#/p5.Geometry">p5.Geometry</a> object
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -172,11 +169,8 @@ function loading(p5, fn){
    *   // Draw the shape.
    *   model(shape);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -200,11 +194,8 @@ function loading(p5, fn){
    *   // Draw the shape.
    *   model(shape);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -234,11 +225,8 @@ function loading(p5, fn){
    *   shape = data;
    *   console.log(shape.gid);
    * }
-   * </code>
-   * </div>
    *
-   * <div class='notest'>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -273,11 +261,8 @@ function loading(p5, fn){
    * function handleError(error) {
    *   console.error('Oops!', error);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -312,11 +297,8 @@ function loading(p5, fn){
    * function handleError(error) {
    *   console.error('Oops!', error);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -357,8 +339,6 @@ function loading(p5, fn){
    * function handleError(error) {
    *   console.error('Oops!', error);
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method loadModel
@@ -1036,8 +1016,6 @@ function loading(p5, fn){
    *
    * @param {Number} [count=1] number of instances to draw.
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -1065,11 +1043,8 @@ function loading(p5, fn){
    * function createShape() {
    *   cone();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -1115,11 +1090,8 @@ function loading(p5, fn){
    *   cylinder(3, 20);
    *   pop();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * let shape;
@@ -1141,8 +1113,6 @@ function loading(p5, fn){
    *   // Draw the shape.
    *   model(shape);
    * }
-   * </code>
-   * </div>
    */
   fn.model = function (model, count = 1) {
     this._assert3d('model');
@@ -1184,8 +1154,6 @@ function loading(p5, fn){
    * @return {p5.Geometry} the <a href="#/p5.Geometry">p5.Geometry</a> object
    *
    * @example
-   * <div>
-   * <code>
    * const octahedron_model = `
    * v 0.000000E+00 0.000000E+00 40.0000
    * v 22.5000 22.5000 0.000000E+00
@@ -1216,9 +1184,7 @@ function loading(p5, fn){
    *   rotateX(frameCount * 0.01);
    *   rotateY(frameCount * 0.01);
    *   model(octahedron);
-   *}
-   * </code>
-   * </div>
+   * }
    */
   /**
    * @method createModel

package/dist/webgl/material.js

@@ -1,19 +1,18 @@
-import '../constants-DEJVKr9Z.js';
-export { m as default } from '../rendering-CsICjEXA.js';
+import '../constants-DQyACdzq.js';
+export { m as default } from '../rendering-h9unX5K0.js';
 import './p5.Shader.js';
-import '../creating_reading-CgHCHxqN.js';
+import '../creating_reading-ZXzcZEsb.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import '../image/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/webgl/p5.Camera.js

@@ -1,22 +1,21 @@
 import '../math/p5.Matrix.js';
 import '../math/p5.Vector.js';
 import './p5.Quat.js';
-export { C as Camera, c as default } from '../rendering-CsICjEXA.js';
+export { C as Camera, c as default } from '../rendering-h9unX5K0.js';
 import '../math/Matrices/Matrix.js';
-import '../constants-DEJVKr9Z.js';
+import '../constants-DQyACdzq.js';
 import '../math/Matrices/MatrixInterface.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';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-QoFcvj3f.js';
+import '../p5.Renderer-D-5LdCRz.js';
 import '../image/filters.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/webgl/p5.DataArray.js

@@ -90,8 +90,6 @@ function dataArray(p5, fn){
    * double in size when it goes over its capacity.
    *
    * @example
-   * <div>
-   * <code>
    * // Initialize storage with a capacity of 4
    * const storage = new DataArray(4);
    * console.log(storage.data.length); // 4
@@ -102,8 +100,6 @@ function dataArray(p5, fn){
    * console.log(storage.data.length); // 8
    * console.log(storage.length); // 6
    * console.log(storage.dataArray()); // Float32Array{1, 2, 3, 4, 5, 6}
-   * </code>
-   * </div>
    */
   p5.DataArray = DataArray;
 }

package/dist/webgl/p5.Framebuffer.js

@@ -1,18 +1,17 @@
-import '../constants-DEJVKr9Z.js';
-import '../creating_reading-CgHCHxqN.js';
-export { w as Framebuffer, v as FramebufferCamera, F as FramebufferTexture, f as default } from '../rendering-CsICjEXA.js';
+import '../constants-DQyACdzq.js';
+import '../creating_reading-ZXzcZEsb.js';
+export { w as Framebuffer, v as FramebufferCamera, F as FramebufferTexture, f as default } from '../rendering-h9unX5K0.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 '../image/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';