p5 2.2.1-rc.0 → 2.2.1

package/dist/{creating_reading-CgHCHxqN.js → creating_reading-ZXzcZEsb.js}

@@ -319,8 +319,6 @@ class Color {
    * @return {String} the formatted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -338,8 +336,6 @@ class Color {
    *
    *   describe('The text "#9932cc" written in purple on a gray background.');
    * }
-   * </code>
-   * </div>
    */
  toString(format) {
    if (format === undefined && this._defaultStringValue !== undefined) {
@@ -400,8 +396,6 @@ class Color {
    * @param {Color} other
    * @returns {boolean|object}
    * @example
-   * <div>
-   * <code>
    * let bgColor, fg1Color, fg2Color, msg1, msg2;
    * function setup() {
    *   createCanvas(100, 100);
@@ -435,11 +429,8 @@ class Color {
    *   fill(fg2Color);
    *   text(msg2, 10, 60);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let bgColor, fgColor, contrast;
    * function setup() {
    *   createCanvas(100, 100);
@@ -462,8 +453,6 @@ class Color {
    *   text('APCA', 10, 70);
    *   text(nf(contrast.APCA.value, 0, 2), 10, 85);
    * }
-   * </code>
-   * </div>
    */
   contrast(other_color, options='WCAG21') {
     if(options !== 'all'){
@@ -508,8 +497,6 @@ class Color {
    * @param {Number} red the new red value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -532,8 +519,6 @@ class Color {
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is teal.');
    * }
-   * </code>
-   * </div>
    */
   setRed(new_red, max=[0, 1]) {
     this._defaultStringValue = undefined;
@@ -564,8 +549,6 @@ class Color {
    * @param {Number} green the new green value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -588,8 +571,6 @@ class Color {
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is yellow.');
    * }
-   * </code>
-   * </div>
    */
   setGreen(new_green, max=[0, 1]) {
     this._defaultStringValue = undefined;
@@ -620,8 +601,6 @@ class Color {
    * @param {Number} blue the new blue value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -644,8 +623,6 @@ class Color {
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is pale fuchsia.');
    * }
-   * </code>
-   * </div>
    */
   setBlue(new_blue, max=[0, 1]) {
     this._defaultStringValue = undefined;
@@ -677,8 +654,6 @@ class Color {
    * @param {Number} alpha the new alpha value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -701,8 +676,6 @@ class Color {
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is faded pink.');
    * }
-   * </code>
-   * </div>
    */
   setAlpha(new_alpha, max=[0, 1]) {
     this._defaultStringValue = undefined;
@@ -1256,8 +1229,6 @@ function creatingReading(p5, fn){
    * @return {p5.Color} resulting color.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1273,12 +1244,8 @@ function creatingReading(p5, fn){
    *
    *   describe('A yellow square on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1303,12 +1270,8 @@ function creatingReading(p5, fn){
    *     'Two circles on a gray canvas. The circle in the top-left corner is yellow and the one at the bottom-right is gray.'
    *   );
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1324,12 +1287,8 @@ function creatingReading(p5, fn){
    *
    *   describe('A magenta square on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1352,12 +1311,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two bright green rectangles on a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1393,12 +1348,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Four blue squares in the corners of a gray canvas.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1421,11 +1372,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two sea green rectangles. A darker rectangle on the left and a brighter one on the right.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1448,11 +1396,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two green rectangles. A darker rectangle on the left and a brighter one on the right.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1477,10 +1422,7 @@ function creatingReading(p5, fn){
    *
    *   describe('Two blue rectangles. A darker rectangle on the left and a brighter one on the right.');
    * }
-   * </code>
-   * </div>
    */
-
   /**
    * @method color
    * @param  {Number}        v1      red or hue value relative to
@@ -1492,20 +1434,17 @@ function creatingReading(p5, fn){
    * @param  {Number}        [alpha]
    * @return {p5.Color}
    */
-
   /**
    * @method color
    * @param  {String}        value   a color string.
    * @return {p5.Color}
    */
-
   /**
    * @method color
    * @param  {Number[]}      values  an array containing the red, green, blue,
    *                                 and alpha components of the color.
    * @return {p5.Color}
    */
-
   /**
    * @method color
    * @param  {p5.Color}     color
@@ -1544,8 +1483,6 @@ function creatingReading(p5, fn){
    * @return {Number} the red value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1568,12 +1505,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is red.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1596,12 +1529,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is red.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1624,12 +1553,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is red.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1655,8 +1580,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is red.');
    * }
-   * </code>
-   * </div>
    */
   fn.red = function(c) {
     // p5._validateParameters('red', arguments);
@@ -1681,8 +1604,6 @@ function creatingReading(p5, fn){
    * @return {Number} the green value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1705,12 +1626,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is dark green.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1733,12 +1650,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is dark green.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1761,12 +1674,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is dark green.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1792,8 +1701,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is dark green.');
    * }
-   * </code>
-   * </div>
    */
   fn.green = function(c) {
     // p5._validateParameters('green', arguments);
@@ -1818,8 +1725,6 @@ function creatingReading(p5, fn){
    * @return {Number} the blue value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1842,12 +1747,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is royal blue.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1870,12 +1771,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is royal blue.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1898,12 +1795,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is royal blue.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1929,8 +1822,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light purple and the right one is royal blue.');
    * }
-   * </code>
-   * </div>
    */
   fn.blue = function(c) {
     // p5._validateParameters('blue', arguments);
@@ -1951,8 +1842,6 @@ function creatingReading(p5, fn){
    * @return {Number} the alpha value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1975,12 +1864,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light blue and the right one is charcoal gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2003,12 +1888,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light blue and the right one is charcoal gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2031,8 +1912,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is light blue and the right one is charcoal gray.');
    * }
-   * </code>
-   * </div>
    */
   fn.alpha = function(c) {
     // p5._validateParameters('alpha', arguments);
@@ -2058,8 +1937,6 @@ function creatingReading(p5, fn){
    * @return {Number} the hue value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2087,12 +1964,8 @@ function creatingReading(p5, fn){
    *     'Two rectangles. The rectangle on the left is salmon pink and the one on the right is black.'
    *   );
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2120,12 +1993,8 @@ function creatingReading(p5, fn){
    *     'Two rectangles. The rectangle on the left is salmon pink and the one on the right is black.'
    *   );
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2153,8 +2022,6 @@ function creatingReading(p5, fn){
    *     'Two rectangles. The rectangle on the left is salmon pink and the one on the right is black.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   fn.hue = function(c) {
     let colorMode = HSL;
@@ -2196,8 +2063,6 @@ function creatingReading(p5, fn){
    * @return {Number} the saturation value
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2223,12 +2088,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is dark gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2254,12 +2115,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2285,12 +2142,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2316,12 +2169,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2347,8 +2196,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    */
   fn.saturation = function(c) {
     const colorMode = (this._renderer.states.colorMode === HSB) ? HSB : HSL;
@@ -2374,8 +2221,6 @@ function creatingReading(p5, fn){
    * @return {Number} the brightness value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2401,12 +2246,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2432,12 +2273,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2463,12 +2300,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2494,8 +2327,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is white.');
    * }
-   * </code>
-   * </div>
    */
   fn.brightness = function(c) {
     return this.color(c)._getBrightness(
@@ -2520,8 +2351,6 @@ function creatingReading(p5, fn){
    * @return {Number} the lightness value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2547,12 +2376,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2578,12 +2403,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2609,12 +2430,8 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2640,8 +2457,6 @@ function creatingReading(p5, fn){
    *
    *   describe('Two rectangles. The left one is salmon pink and the right one is gray.');
    * }
-   * </code>
-   * </div>
    */
   fn.lightness = function(c) {
     return this.color(c)._getLightness(
@@ -2669,8 +2484,6 @@ function creatingReading(p5, fn){
    * @return {p5.Color}     interpolated color.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2705,8 +2518,6 @@ function creatingReading(p5, fn){
    *     'Four rectangles. From left to right, the rectangles are tan, brown, brownish purple, and purple.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   fn.lerpColor = function(c1, c2, amt) {
     // p5._validateParameters('lerpColor', arguments);
@@ -2730,8 +2541,6 @@ function creatingReading(p5, fn){
    * @return {p5.Color} interpolated color.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(400, 400);
    * }
@@ -2745,8 +2554,6 @@ function creatingReading(p5, fn){
    *     ['blue', 1]
    *   ], millis() / 10000 % 1));
    * }
-   * </code>
-   * </div>
    */
   fn.paletteLerp = function(color_stops, amt) {
     const first_color_stop = color_stops[0];