p5 2.2.1-rc.0 → 2.2.1

package/dist/shape/2d_primitives.js

@@ -1,4 +1,4 @@
-import { p as CORNER, q as TWO_PI, r as HALF_PI, s as PI } from '../constants-DEJVKr9Z.js';
+import { p as CORNER, q as TWO_PI, r as HALF_PI, s as PI } from '../constants-DQyACdzq.js';
 import canvas from '../core/helpers.js';
 
 /**
@@ -133,8 +133,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -144,12 +142,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle on a gray canvas. The top-right quarter of the circle is missing.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -159,12 +153,8 @@ function primitives(p5, fn){
    *
    *   describe('A white ellipse on a gray canvas. The top-right quarter of the ellipse is missing.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -188,11 +178,8 @@ function primitives(p5, fn){
    *     'A shattered outline of an circle with a quarter of a white circle at the bottom-right.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -203,11 +190,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with the top-right third missing. The bottom is outlined in black.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -220,11 +204,8 @@ function primitives(p5, fn){
    *     'A white circle missing a section from the top-right. The bottom is outlined in black.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -235,11 +216,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with a black outline missing a section from the top-right.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -250,11 +228,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with a black outline. The top-right third is missing.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -265,11 +240,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with a black outline. The top-right third is missing.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -280,11 +252,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with a black outline. The top-right third is missing.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -306,8 +275,6 @@ function primitives(p5, fn){
    *   // Draw the arc.
    *   arc(50, 50, 80, 80, startAngle, endAngle, PIE);
    * }
-   * </code>
-   * </div>
    */
   fn.arc = function(x, y, w, h, start, stop, mode, detail) {
     // this.validate("p5.arc", arguments);
@@ -397,8 +364,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -408,12 +373,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -423,12 +384,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -438,12 +395,8 @@ function primitives(p5, fn){
    *
    *   describe('A white ellipse on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -453,12 +406,8 @@ function primitives(p5, fn){
    *
    *   describe('A white ellipse on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -469,10 +418,7 @@ function primitives(p5, fn){
    *
    *   describe('A white hexagon on a gray canvas.');
    * }
-   * </code>
-   * </div>
    */
-
   /**
    * @method ellipse
    * @param  {Number} x
@@ -505,8 +451,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -516,12 +460,8 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with black outline in the middle of a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -531,8 +471,6 @@ function primitives(p5, fn){
    *
    *   describe('A white circle with black outline in the middle of a gray canvas.');
    * }
-   * </code>
-   * </div>
    */
   fn.circle = function(...args) {
     // p5._validateParameters('circle', args);
@@ -594,8 +532,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -607,12 +543,8 @@ function primitives(p5, fn){
    *     'A black line on a gray canvas running from top-center to bottom-right.'
    *   );
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -628,11 +560,8 @@ function primitives(p5, fn){
    *     'A thick, magenta line on a gray canvas running from top-center to bottom-right.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -653,12 +582,8 @@ function primitives(p5, fn){
    *     'Three lines drawn in grayscale on a gray canvas. They form the top, right, and bottom sides of a square.'
    *   );
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -670,11 +595,8 @@ function primitives(p5, fn){
    *     'A black line on a gray canvas running from top-center to bottom-right.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -699,9 +621,6 @@ function primitives(p5, fn){
    *   // Draw the bottom-right sphere.
    *   sphere(10);
    * }
-   * </code>
-   * </div>
-   *
    */
 
   /**
@@ -755,16 +674,14 @@ function primitives(p5, fn){
    * @param  {Number} [z] the z-coordinate (for WebGL mode).
    * @chainable
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
    *   background(200);
-   *   
+   *
    *   // Making point to 5 pixels
    *   strokeWeight(5);
-   * 
+   *
    *   // Top-left.
    *   point(30, 20);
    *
@@ -781,16 +698,13 @@ function primitives(p5, fn){
    *     'Four small, black points drawn on a gray canvas. The points form the corners of a square.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
    *   background(200);
-   * 
+   *
    *   // Making point to 5 pixels.
    *   strokeWeight(5);
    *
@@ -814,11 +728,8 @@ function primitives(p5, fn){
    *     'Four points drawn on a gray canvas. Two are black and two are purple. The points form the corners of a square.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -847,11 +758,8 @@ function primitives(p5, fn){
    *     'Four small, black points drawn on a gray canvas. The points form the corners of a square.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -871,11 +779,8 @@ function primitives(p5, fn){
    *   // Bottom-right.
    *   point(20, 30);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -898,8 +803,6 @@ function primitives(p5, fn){
    *   // Bottom-right.
    *   point(20, 30, -50);
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -960,8 +863,6 @@ function primitives(p5, fn){
    * @param {Integer} [detailY] number of segments in the y-direction.
    * @chainable
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -971,11 +872,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline drawn on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -985,11 +883,8 @@ function primitives(p5, fn){
    *
    *   describe('A white rectangle with a black outline drawn on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -999,11 +894,8 @@ function primitives(p5, fn){
    *
    *   describe('A white rhombus with a black outline drawn on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1013,11 +905,8 @@ function primitives(p5, fn){
    *
    *   describe('A white trapezoid with a black outline drawn on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1027,11 +916,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline drawn on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1047,8 +933,6 @@ function primitives(p5, fn){
    *   // Draw the quad.
    *   quad(-30, -30, 0, 30, -30, 0, 30, 30, 20, -30, 30, -20);
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method quad
@@ -1123,8 +1007,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1134,11 +1016,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1148,11 +1027,8 @@ function primitives(p5, fn){
    *
    *   describe('A white rectangle with a black outline on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1163,11 +1039,8 @@ function primitives(p5, fn){
    *
    *   describe('A white rectangle with a black outline and round edges on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1178,11 +1051,8 @@ function primitives(p5, fn){
    *
    *   describe('A white rectangle with a black outline and round edges of different radii.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1192,11 +1062,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1212,8 +1079,6 @@ function primitives(p5, fn){
    *   // Draw the rectangle.
    *   rect(-20, -30, 55, 55);
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -1260,8 +1125,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1271,11 +1134,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline in on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1288,11 +1148,8 @@ function primitives(p5, fn){
    *     'A white square with a black outline and round edges on a gray canvas.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1303,11 +1160,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline and round edges of different radii.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1317,11 +1171,8 @@ function primitives(p5, fn){
    *
    *   describe('A white square with a black outline in on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1337,8 +1188,6 @@ function primitives(p5, fn){
    *   // Draw the square.
    *   square(-20, -30, 55);
    * }
-   * </code>
-   * </div>
    */
   fn.square = function(x, y, s, tl, tr, br, bl) {
     // p5._validateParameters('square', arguments);
@@ -1405,8 +1254,6 @@ function primitives(p5, fn){
    * @chainable
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1416,11 +1263,8 @@ function primitives(p5, fn){
    *
    *   describe('A white triangle with a black outline on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1430,11 +1274,8 @@ function primitives(p5, fn){
    *
    *   describe('A white triangle with a black outline on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100, WEBGL);
    *
@@ -1450,8 +1291,6 @@ function primitives(p5, fn){
    *   // Draw the triangle.
    *   triangle(-20, 25, 8, -30, 36, 25);
    * }
-   * </code>
-   * </div>
    */
   fn.triangle = function(...args) {
     // p5._validateParameters('triangle', args);