p5 2.2.1-rc.0 → 2.2.1

package/dist/shape/custom_shapes.js

@@ -1,6 +1,6 @@
-import { C as Color } from '../creating_reading-CgHCHxqN.js';
+import { C as Color } from '../creating_reading-ZXzcZEsb.js';
 import { Vector } from '../math/p5.Vector.js';
-import { J as INCLUDE, K as PATH, O as EMPTY_PATH, Q as OPEN, V as CLOSE, X as POINTS, Y as LINES, c as TRIANGLES, Z as QUADS, _ as TRIANGLE_FAN, T as TRIANGLE_STRIP, $ as QUAD_STRIP, a0 as EXCLUDE, a1 as JOIN } from '../constants-DEJVKr9Z.js';
+import { J as INCLUDE, K as PATH, O as EMPTY_PATH, Q as OPEN, V as CLOSE, X as POINTS, Y as LINES, c as TRIANGLES, Z as QUADS, _ as TRIANGLE_FAN, T as TRIANGLE_STRIP, $ as QUAD_STRIP, a0 as EXCLUDE, a1 as JOIN } from '../constants-DQyACdzq.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 
@@ -1617,8 +1617,6 @@ function customShapes(p5, fn) {
    * @param {Number} order The new order to set. Can be either 2 or 3, by default 3
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1645,8 +1643,6 @@ function customShapes(p5, fn) {
    *
    *   describe('A black curve drawn on a gray square. The curve starts at the top-left corner and ends at the center.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method bezierOrder
@@ -1737,8 +1733,6 @@ function customShapes(p5, fn) {
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1764,11 +1758,7 @@ function customShapes(p5, fn) {
    *   );
    * }
    *
-   * </code>
-   * </div>
-   *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *   background(220);
@@ -1784,11 +1774,7 @@ function customShapes(p5, fn) {
    *   );
    * }
    *
-   * </code>
-   * </div>
-   *
-   * <div>
-   * <code>
+   * @example
    * let ringInnerRadius, ringWidth;
    * let radius, dRadius;
    * let theta, dTheta;
@@ -1829,12 +1815,8 @@ function customShapes(p5, fn) {
    *   }
    *   endShape(CLOSE);
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * let vertexA;
    * let vertexB;
    * let vertexC;
@@ -1916,10 +1898,7 @@ function customShapes(p5, fn) {
    *
    *   describe('On a gray background, a black spline passes through vertices A, B, C, D, E, and F, shown as white circles. A red line segment joining vertices A and C has the same slope as the red tangent segment at B. Similarly, the blue line segment joining vertices D and F has the same slope as the blue tangent at E.');
    * }
-   * </code>
-   * </div>
    */
-
   /**
    * @method splineVertex
    * @param {Number} x
@@ -1928,8 +1907,6 @@ function customShapes(p5, fn) {
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -1970,8 +1947,6 @@ function customShapes(p5, fn) {
    *   splineVertex(34, 41, -20);
    *   endShape();
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method splineVertex
@@ -2087,8 +2062,6 @@ function customShapes(p5, fn) {
    * @param value Value to set the given property to.
    *
    * @example
-   * <div>
-   * <code>
    * // Move the mouse left and right to see the curve change.
    *
    * let t;
@@ -2129,74 +2102,65 @@ function customShapes(p5, fn) {
    *   text(`tightness: ${round(t, 1)}`, 15, 90);
    *   describe('A black spline forms a sideways U shape through four points. The spline passes through the points more loosely as the mouse moves left of center (negative tightness), and more tightly as it moves right of center (positive tightness). The tightness is displayed at the bottom.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
-   * createCanvas(360, 140);
-   * background(240);
-   * noFill();
-   *
-   * // Right panel: ends = INCLUDE (all spans).
-   * push();
-   * translate(10, 10);
-   * stroke(220);
-   * rect(0, 0, 160, 120);
-   * fill(30);
-   * textSize(11);
-   * text('ends: INCLUDE (all spans)', 8, 16);
-   * noFill();
-   *
-   * splineProperty('ends', INCLUDE);
-   * stroke(0);
-   * strokeWeight(2);
-   * spline(25, 46, 93, 44, 93, 81, 35, 85);
+   *   createCanvas(360, 140);
+   *   background(240);
+   *   noFill();
    *
-   * // vertices
-   * strokeWeight(5);
-   * stroke(0);
-   * point(25, 46);
-   * point(93, 44);
-   * point(93, 81);
-   * point(35, 85);
-   * pop();
-   *
-   * // Right panel: ends = EXCLUDE (middle only).
-   * push();
-   * translate(190, 10);
-   * stroke(220);
-   * rect(0, 0, 160, 120);
-   * noStroke();
-   * fill(30);
-   * text('ends: EXCLUDE ', 18, 16);
-   * noFill();
+   *   // Right panel: ends = INCLUDE (all spans).
+   *   push();
+   *   translate(10, 10);
+   *   stroke(220);
+   *   rect(0, 0, 160, 120);
+   *   fill(30);
+   *   textSize(11);
+   *   text('ends: INCLUDE (all spans)', 8, 16);
+   *   noFill();
    *
-   * splineProperty('ends', EXCLUDE);
-   * stroke(0);
-   * strokeWeight(2);
-   * spline(25, 46, 93, 44, 93, 81, 35, 85);
+   *   splineProperty('ends', INCLUDE);
+   *   stroke(0);
+   *   strokeWeight(2);
+   *   spline(25, 46, 93, 44, 93, 81, 35, 85);
    *
-   * // vertices
-   * strokeWeight(5);
-   * stroke(0);
-   * point(25, 46);
-   * point(93, 44);
-   * point(93, 81);
-   * point(35, 85);
-   *  pop();
+   *   // vertices
+   *   strokeWeight(5);
+   *   stroke(0);
+   *   point(25, 46);
+   *   point(93, 44);
+   *   point(93, 81);
+   *   point(35, 85);
+   *   pop();
+   *
+   *   // Right panel: ends = EXCLUDE (middle only).
+   *   push();
+   *   translate(190, 10);
+   *   stroke(220);
+   *   rect(0, 0, 160, 120);
+   *   noStroke();
+   *   fill(30);
+   *   text('ends: EXCLUDE ', 18, 16);
+   *   noFill();
+   *
+   *   splineProperty('ends', EXCLUDE);
+   *   stroke(0);
+   *   strokeWeight(2);
+   *   spline(25, 46, 93, 44, 93, 81, 35, 85);
+   *
+   *   // vertices
+   *   strokeWeight(5);
+   *   stroke(0);
+   *   point(25, 46);
+   *   point(93, 44);
+   *   point(93, 81);
+   *   point(35, 85);
+   *   pop();
    *
-   * describe('Left panel shows spline with ends INCLUDE (three spans). Right panel shows EXCLUDE (only the middle span). Four black points mark the vertices.');
+   *   describe('Left panel shows spline with ends INCLUDE (three spans). Right panel shows EXCLUDE (only the middle span). Four black points mark the vertices.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   *
-   * <div>
-   * <code>
    * let vertexA;
    * let vertexB;
    * let vertexC;
@@ -2278,11 +2242,7 @@ function customShapes(p5, fn) {
    *
    *   describe('On a gray background, a black spline passes through vertices A, B, C, D, E, and F, shown as white circles. A red line segment joining vertices A and C has the same slope as the red tangent segment at B. Similarly, the blue line segment joining vertices D and F has the same slope as the blue tangent at E.');
    * }
-   * </code>
-   * </div>
-   *
    */
-
   /**
    * @method splineProperty
    * @param {String} property
@@ -2323,8 +2283,6 @@ function customShapes(p5, fn) {
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *   background(220);
@@ -2338,7 +2296,7 @@ function customShapes(p5, fn) {
    *   noFill();
    *   stroke(0);
    *   strokeWeight(2);
-   *   
+   *
    *   beginShape();
    *   splineVertex(20, 80);
    *   splineVertex(30, 30);
@@ -2356,12 +2314,8 @@ function customShapes(p5, fn) {
    *
    *   describe('A smooth curved line with tightness 0.5 connecting four red points.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *   background(220);
@@ -2376,7 +2330,7 @@ function customShapes(p5, fn) {
    *   noFill();
    *   stroke(0);
    *   strokeWeight(2);
-   *   
+   *
    *   beginShape();
    *   splineVertex(10, 50);  // Control point (affects curve but not drawn to)
    *   splineVertex(30, 20);  // Start of visible curve
@@ -2389,15 +2343,13 @@ function customShapes(p5, fn) {
    *   noStroke();
    *   circle(10, 50, 6);  // Control point
    *   circle(90, 50, 6);  // Control point
-   *   
+   *
    *   fill(0, 0, 255);
    *   circle(30, 20, 6);  // Visible curve point
    *   circle(70, 80, 6);  // Visible curve point
    *
    *   describe('A curved line between two blue points, with red control points at the ends.');
    * }
-   * </code>
-   * </div>
    *
    * @method splineProperties
    * @return {Object}
@@ -2428,8 +2380,6 @@ function customShapes(p5, fn) {
    * @param  {Number} y y-coordinate of the vertex.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2453,11 +2403,8 @@ function customShapes(p5, fn) {
    *
    *   describe('Four black dots that form a square are drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2477,11 +2424,8 @@ function customShapes(p5, fn) {
    *
    *   describe('A white square on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -2501,11 +2445,8 @@ function customShapes(p5, fn) {
    *
    *   describe('A white square on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -2530,11 +2471,8 @@ function customShapes(p5, fn) {
    *   // Stop drawing the shape.
    *   endShape(CLOSE);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -2571,11 +2509,8 @@ function customShapes(p5, fn) {
    *   // Stop drawing the shape.
    *   endShape();
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let vid;
    * function setup() {
    *   // Load a video and create a p5.MediaElement object.
@@ -2611,8 +2546,6 @@ function customShapes(p5, fn) {
    *   vertex(-40, 40, 0, 1);
    *   endShape();
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method vertex
@@ -2679,8 +2612,6 @@ function customShapes(p5, fn) {
    * @method beginContour
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2708,11 +2639,8 @@ function customShapes(p5, fn) {
    *
    *   describe('A white square with a square hole in its center drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -2747,8 +2675,6 @@ function customShapes(p5, fn) {
    *   // Stop drawing the shape.
    *   endShape(CLOSE);
    * }
-   * </code>
-   * </div>
    */
   fn.beginContour = function(kind) {
     this._renderer.beginContour(kind);
@@ -2785,8 +2711,6 @@ function customShapes(p5, fn) {
    * @param {OPEN|CLOSE} [mode=OPEN] By default, the value is OPEN
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2814,11 +2738,8 @@ function customShapes(p5, fn) {
    *
    *   describe('A white square with a square hole in its center drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * // Click and drag the mouse to view the scene from different angles.
    *
    * function setup() {
@@ -2853,8 +2774,6 @@ function customShapes(p5, fn) {
    *   // Stop drawing the shape.
    *   endShape(CLOSE);
    * }
-   * </code>
-   * </div>
    */
   fn.endContour = function(mode = OPEN) {
     this._renderer.endContour(mode);

package/dist/shape/index.js

@@ -3,9 +3,9 @@ import attributes from './attributes.js';
 import curves from './curves.js';
 import vertex from './vertex.js';
 import customShapes from './custom_shapes.js';
-import '../constants-DEJVKr9Z.js';
+import '../constants-DQyACdzq.js';
 import '../core/helpers.js';
-import '../creating_reading-CgHCHxqN.js';
+import '../creating_reading-ZXzcZEsb.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
 import '../math/p5.Vector.js';