p5 2.2.1-rc.0 → 2.2.1

package/dist/{p5.Renderer-QoFcvj3f.js → p5.Renderer-D-5LdCRz.js}

@@ -1,5 +1,5 @@
-import { C as Color } from './creating_reading-CgHCHxqN.js';
-import { a2 as NORMAL, aA as WORD, ax as BASELINE, av as LEFT, v as CENTER, p as CORNER, J as INCLUDE } from './constants-DEJVKr9Z.js';
+import { C as Color } from './creating_reading-ZXzcZEsb.js';
+import { a2 as NORMAL, aA as WORD, ax as BASELINE, av as LEFT, v as CENTER, p as CORNER, J as INCLUDE } from './constants-DQyACdzq.js';
 import Filters from './image/filters.js';
 import { Vector } from './math/p5.Vector.js';
 import { Shape } from './shape/custom_shapes.js';
@@ -108,8 +108,6 @@ class Image {
    * values.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -136,11 +134,8 @@ class Image {
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -171,8 +166,6 @@ class Image {
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    */
   loadPixels() {
     // Renderer2D.prototype.loadPixels.call(this);
@@ -213,8 +206,6 @@ class Image {
    * @param {Integer} [h] height of the subsection to update.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -241,11 +232,8 @@ class Image {
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -277,8 +265,6 @@ class Image {
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    */
   updatePixels(x, y, w, h) {
     // Renderer2D.prototype.updatePixels.call(this, x, y, w, h);
@@ -339,8 +325,6 @@ class Image {
    * @return {p5.Image}             subsection as a <a href="#/p5.Image">p5.Image</a> object.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -362,11 +346,8 @@ class Image {
    *
    *   describe('Two identical mountain landscapes shown side-by-side.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -390,11 +371,8 @@ class Image {
    *
    *   describe('A mountain landscape with an olive green square in its center.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -414,8 +392,6 @@ class Image {
    *
    *   describe('A mountain landscape drawn on top of another mountain landscape.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @return {p5.Image}      whole <a href="#/p5.Image">p5.Image</a>
@@ -496,8 +472,6 @@ class Image {
    *                                   <a href="#/p5.Image">p5.Image</a> to copy.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -520,11 +494,8 @@ class Image {
    *
    *   describe('Four black dots arranged in a square drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -550,11 +521,8 @@ class Image {
    *
    *   describe('Four black dots arranged in a square drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -579,11 +547,8 @@ class Image {
    *
    *   describe('A square with a horiztonal color gradient from black to white drawn on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -603,8 +568,6 @@ class Image {
    *
    *   describe('An image of a mountain landscape.');
    * }
-   * </code>
-   * </div>
    */
   set(x, y, imgOrCol) {
     // Renderer2D.prototype.set.call(this, x, y, imgOrCol);
@@ -692,8 +655,6 @@ class Image {
    * @param {Number} height resized image height.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -713,11 +674,8 @@ class Image {
    *
    *   describe('Two images of a mountain landscape. One copy of the image is squeezed horizontally.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -737,11 +695,8 @@ class Image {
    *
    *   describe('Two images of a mountain landscape. The small copy of the image covers the top-left corner of the larger image.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -761,8 +716,6 @@ class Image {
    *
    *   describe('Two images of a mountain landscape. The small copy of the image covers the top-left corner of the larger image.');
    * }
-   * </code>
-   * </div>
    */
   resize(width, height) {
     // Copy contents to a temporary canvas, resize the original
@@ -873,8 +826,6 @@ class Image {
    * @param  {Integer} dh destination image height.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -896,11 +847,8 @@ class Image {
    *
    *   describe('An image of a mountain landscape. A square region is outlined in white. A larger square contains a pixelated view of the outlined region.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let mountains;
    * let bricks;
    *
@@ -922,8 +870,6 @@ class Image {
    *
    *   describe('An image of a brick wall drawn at the top-left of an image of a mountain landscape.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @param  {Integer} sx
@@ -1030,8 +976,6 @@ class Image {
    * @param {p5.Image} srcImage source image.
    *
    * @example
-   * <div>
-   * <code>
    * let photo;
    * let maskImage;
    *
@@ -1049,8 +993,6 @@ class Image {
    *
    *   describe('An image of a mountain landscape. The right side of the image has a faded patch of white.');
    * }
-   * </code>
-   * </div>
    */
   // TODO: - Accept an array of alpha values.
   mask(p5Image) {
@@ -1146,8 +1088,6 @@ class Image {
    * @param  {Number} [filterParam] parameter unique to each filter.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -1164,11 +1104,8 @@ class Image {
    *
    *   describe('A blue brick wall.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1185,11 +1122,8 @@ class Image {
    *
    *   describe('A brick wall drawn in grayscale.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1206,11 +1140,8 @@ class Image {
    *
    *   describe('A brick wall drawn in black and white.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1227,11 +1158,8 @@ class Image {
    *
    *   describe('A red brick wall.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1248,11 +1176,8 @@ class Image {
    *
    *   describe('An image of a red brick wall drawn with a limited color palette.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1269,11 +1194,8 @@ class Image {
    *
    *   describe('A blurry image of a red brick wall.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1290,11 +1212,8 @@ class Image {
    *
    *   describe('A red brick wall with bright lines between each brick.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -1311,8 +1230,6 @@ class Image {
    *
    *   describe('A red brick wall with faint lines between each brick.');
    * }
-   * </code>
-   * </div>
    */
   filter(operation, value) {
     Filters.apply(this.canvas, Filters[operation], value);
@@ -1360,8 +1277,6 @@ class Image {
    * http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/
    *
    * @example
-   * <div>
-   * <code>
    * let mountains;
    * let bricks;
    *
@@ -1382,11 +1297,8 @@ class Image {
    *
    *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears faded on the right of the image.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let mountains;
    * let bricks;
    *
@@ -1408,11 +1320,8 @@ class Image {
    *
    *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears transparent on the right of the image.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let mountains;
    * let bricks;
    *
@@ -1434,8 +1343,6 @@ class Image {
    *
    *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears washed out on the right of the image.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @param  {Integer} sx
@@ -1510,8 +1417,6 @@ class Image {
    *                            Defaults to 'png'.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -1536,8 +1441,6 @@ class Image {
    *     img.save('rockies', 'png');
    *   }
    * }
-   * </code>
-   * </div>
    */
   save(filename, extension) {
     if (this.gifProperties) {
@@ -1581,8 +1484,6 @@ class Image {
    * Restarts an animated GIF at its first frame.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    *
    * async function setup() {
@@ -1605,8 +1506,6 @@ class Image {
    * function mousePressed() {
    *   gif.reset();
    * }
-   * </code>
-   * </div>
    */
   reset() {
     if (this.gifProperties) {
@@ -1627,8 +1526,6 @@ class Image {
    * @return {Number}       index of the GIF's current frame.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    *
    * async function setup() {
@@ -1650,8 +1547,6 @@ class Image {
    *   // Display the current frame.
    *   text(index, 10, 90);
    * }
-   * </code>
-   * </div>
    */
   getCurrentFrame() {
     if (this.gifProperties) {
@@ -1666,8 +1561,6 @@ class Image {
    * @param {Number} index index of the frame to display.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    * let frameSlider;
    *
@@ -1698,8 +1591,6 @@ class Image {
    *   // Display the image.
    *   image(gif, 0, 0);
    * }
-   * </code>
-   * </div>
    */
   setFrame(index) {
     if (this.gifProperties) {
@@ -1723,8 +1614,6 @@ class Image {
    * @return {Number} number of frames in the GIF.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    *
    * async function setup() {
@@ -1745,8 +1634,6 @@ class Image {
    *   let index = gif.getCurrentFrame();
    *   text(`${index} / ${total}`, 30, 90);
    * }
-   * </code>
-   * </div>
    */
   numFrames() {
     if (this.gifProperties) {
@@ -1759,8 +1646,6 @@ class Image {
    * <a href="#/p5.Image/pause">img.pause()</a>.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    *
    * async function setup() {
@@ -1786,8 +1671,6 @@ class Image {
    * function mouseReleased() {
    *   gif.play();
    * }
-   * </code>
-   * </div>
    */
   play() {
     if (this.gifProperties) {
@@ -1802,8 +1685,6 @@ class Image {
    * <a href="#/p5.Image/play">img.play()</a>.
    *
    * @example
-   * <div>
-   * <code>
    * let gif;
    *
    * async function setup() {
@@ -1831,8 +1712,6 @@ class Image {
    * function mouseReleased() {
    *   gif.play();
    * }
-   * </code>
-   * </div>
    */
   pause() {
     if (this.gifProperties) {
@@ -1853,8 +1732,6 @@ class Image {
    * @param {Number} [index] index of the frame that will have its delay modified.
    *
    * @example
-   * <div>
-   * <code>
    * let gifFast;
    * let gifSlow;
    *
@@ -1883,11 +1760,8 @@ class Image {
    *   image(gifFast, 0, 0);
    *   image(gifSlow, 50, 0);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let gif;
    *
    * async function setup() {
@@ -1906,8 +1780,6 @@ class Image {
    *   // Display the image.
    *   image(gif, 0, 0);
    * }
-   * </code>
-   * </div>
    */
   delay(d, index) {
     if (this.gifProperties) {
@@ -2160,8 +2032,6 @@ function image(p5, fn){
    * pixel values.
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -2175,11 +2045,8 @@ function image(p5, fn){
    *
    *   describe('An image of a brick wall.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let img;
    *
    * async function setup() {
@@ -2196,11 +2063,8 @@ function image(p5, fn){
    *
    *   describe('A grayscale image of a brick wall.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2227,8 +2091,6 @@ function image(p5, fn){
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
    * @class p5.Image
    * @param {Number} width
@@ -2246,8 +2108,6 @@ function image(p5, fn){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -2268,8 +2128,6 @@ function image(p5, fn){
    *
    *   describe('An image of a mountain landscape with a white circle drawn in the middle.');
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -2282,8 +2140,6 @@ function image(p5, fn){
    * @readOnly
    *
    * @example
-   * <div>
-   * <code>
    * let img;
    *
    * async function setup() {
@@ -2304,8 +2160,6 @@ function image(p5, fn){
    *
    *   describe('An image of a mountain landscape with a white circle drawn in the middle.');
    * }
-   * </code>
-   * </div>
    */
 
   /**
@@ -2336,8 +2190,6 @@ function image(p5, fn){
    * @name pixels
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2368,11 +2220,8 @@ function image(p5, fn){
    *
    *   describe('A black square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -2404,8 +2253,6 @@ function image(p5, fn){
    *
    *   describe('A red square drawn in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    */
 }