p5 2.2.1-rc.0 → 2.2.1

package/dist/utilities/conversion.js

@@ -25,8 +25,6 @@ function conversion(p5, fn){
    * @return {Number} converted number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -50,11 +48,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "12.3 × 2 = 24.6" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -73,8 +68,6 @@ function conversion(p5, fn){
    *
    *   describe('Three white, concentric circles on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method float
@@ -109,8 +102,6 @@ function conversion(p5, fn){
    * @return {Number} converted number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -131,11 +122,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "false : 0" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -156,11 +144,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "12.34 ≈ 12" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -181,11 +166,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "12.34 ≈ 12" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -204,8 +186,6 @@ function conversion(p5, fn){
    *
    *   describe('Three white, concentric circles on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method int
@@ -246,8 +226,6 @@ function conversion(p5, fn){
    * @return {String} converted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -268,11 +246,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "false : false" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -293,11 +268,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "123 = 123" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -326,8 +298,6 @@ function conversion(p5, fn){
    *
    *   describe('The text "123456" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   fn.str = function(n) {
     if (n instanceof Array) {
@@ -354,8 +324,6 @@ function conversion(p5, fn){
    * @return {Boolean} converted Boolean value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -379,11 +347,8 @@ function conversion(p5, fn){
    *
    *   describe('A red circle on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -407,11 +372,8 @@ function conversion(p5, fn){
    *
    *   describe('A blue circle on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -444,8 +406,6 @@ function conversion(p5, fn){
    *     'A row of circles on a gray background. The two circles on the left are red and the two on the right are blue.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method boolean
@@ -486,8 +446,6 @@ function conversion(p5, fn){
    * @return {Number} converted byte value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -508,11 +466,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "true : 1" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -533,11 +488,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "256 : 0" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -558,11 +510,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "256 : 0" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -591,8 +540,6 @@ function conversion(p5, fn){
    *     'Three gray circles on a gray background. The circles get lighter from left to right.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method byte
@@ -628,8 +575,6 @@ function conversion(p5, fn){
    * @return {String} converted single-character string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -650,11 +595,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "65 : A" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -675,11 +617,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "65 : A" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -709,8 +648,6 @@ function conversion(p5, fn){
    *     'The text "65 : A", "66 : B", and "67 : C" written on three separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method char
@@ -742,8 +679,6 @@ function conversion(p5, fn){
    * @return {Number} converted number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -764,11 +699,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "A : 65" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -798,8 +730,6 @@ function conversion(p5, fn){
    *     'The text "A : 65", "B : 66", and "C :67" written on three separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method unchar
@@ -836,8 +766,6 @@ function conversion(p5, fn){
    * @return {String} converted hexadecimal value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -858,11 +786,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "20 = 00000014" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -884,11 +809,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "20 = 14" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -919,8 +841,6 @@ function conversion(p5, fn){
    *     'The text "1 = 01", "10 = 0A", and "100 = 64" written on three separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method hex
@@ -969,8 +889,6 @@ function conversion(p5, fn){
    * @return {Number} converted number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -991,11 +909,8 @@ function conversion(p5, fn){
    *
    *   describe('The text "FF = 255" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1026,8 +941,6 @@ function conversion(p5, fn){
    *     'The text "00 = 0", "80 = 128", and "FF = 255" written on three separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method unhex

package/dist/utilities/time_date.js

@@ -13,8 +13,6 @@ function timeDate(p5, fn){
    * @return {Integer} current day between 1 and 31.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -33,8 +31,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current day: ${d}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.day = function() {
     return new Date().getDate();
@@ -47,8 +43,6 @@ function timeDate(p5, fn){
    * @return {Integer} current hour between 0 and 23.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -67,8 +61,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current hour: ${h}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.hour = function() {
     return new Date().getHours();
@@ -81,8 +73,6 @@ function timeDate(p5, fn){
    * @return {Integer} current minute between 0 and 59.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -101,8 +91,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current minute: ${m}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.minute = function() {
     return new Date().getMinutes();
@@ -125,8 +113,6 @@ function timeDate(p5, fn){
    * @return {Number} number of milliseconds since starting the sketch.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -147,11 +133,8 @@ function timeDate(p5, fn){
    *     `The text 'Startup time: ${round(ms, 2)} ms' written in black on a gray background.`
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -172,11 +155,8 @@ function timeDate(p5, fn){
    *   // Display how long the sketch has run.
    *   text(`Running time: ${nf(s, 1, 1)} sec`, 5, 50, 90);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -195,11 +175,8 @@ function timeDate(p5, fn){
    *   // Draw the circle.
    *   circle(x, 50, 30);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * async function setup() {
    *   // Load the GeoJSON.
    *   await loadJSON('https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_day.geojson');
@@ -222,8 +199,6 @@ function timeDate(p5, fn){
    *     `The text "It took ${round(ms, 2)} ms to load the data" written in black on a gray background.`
    *   );
    * }
-   * </code>
-   * </div>
    */
   fn.millis = function() {
     if (this._millisStart === -1) {
@@ -241,8 +216,6 @@ function timeDate(p5, fn){
    * @return {Integer} current month between 1 and 12.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -261,8 +234,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current month: ${m}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.month = function() {
     //January is 0!
@@ -276,8 +247,6 @@ function timeDate(p5, fn){
    * @return {Integer} current second between 0 and 59.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -296,8 +265,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current second: ${s}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.second = function() {
     return new Date().getSeconds();
@@ -310,8 +277,6 @@ function timeDate(p5, fn){
    * @return {Integer} current year.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -330,8 +295,6 @@ function timeDate(p5, fn){
    *
    *   describe(`The text 'Current year: ${y}' written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   fn.year = function() {
     return new Date().getFullYear();

package/dist/utilities/utility_functions.js

@@ -44,8 +44,6 @@ function utilityFunctions(p5, fn){
    * @return {String} formatted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -80,8 +78,6 @@ function utilityFunctions(p5, fn){
    *     'The numbers "123.45", "-0123.45", "0123.45", and "0123.5" written on four separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method nf
@@ -153,8 +149,6 @@ function utilityFunctions(p5, fn){
    * @return {String} formatted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -180,11 +174,8 @@ function utilityFunctions(p5, fn){
    *     'The numbers "12,345" and "12,345.00" written on separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -214,8 +205,6 @@ function utilityFunctions(p5, fn){
    *     'The text "12345 : 12,345" and "6789 : 6,789" written on two separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method nfc
@@ -288,8 +277,6 @@ function utilityFunctions(p5, fn){
    * @return {String} formatted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -319,11 +306,8 @@ function utilityFunctions(p5, fn){
    *     'The text "123 : +123" and "-123 : -123.00" written on separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -355,8 +339,6 @@ function utilityFunctions(p5, fn){
    *     'The text "123 : +0123.0" and "-4.56 : 00-4.6" written on separate lines. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method nfp
@@ -413,8 +395,6 @@ function utilityFunctions(p5, fn){
    * @return {String} formatted string.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -440,11 +420,8 @@ function utilityFunctions(p5, fn){
    *     'The numbers -123 and 123 written on separate lines. The numbers align vertically. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -472,8 +449,6 @@ function utilityFunctions(p5, fn){
    *     'The numbers "-0123.5" and "0123.5" written on separate lines. The numbers align vertically. The text is in black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method nfs
@@ -521,8 +496,6 @@ function utilityFunctions(p5, fn){
    * @return {String[]} separated strings.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -556,11 +529,8 @@ function utilityFunctions(p5, fn){
    *     'The words "rock", "paper", "scissors", and "shoot" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -594,11 +564,8 @@ function utilityFunctions(p5, fn){
    *     'The words "rock", "paper", "scissors", and "shoot" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div class='notest'>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -632,8 +599,6 @@ function utilityFunctions(p5, fn){
    *     'The words "rock", "paper", "scissors", and "shoot" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   fn.splitTokens = function(value, delims) {
     // p5._validateParameters('splitTokens', arguments);
@@ -680,8 +645,6 @@ function utilityFunctions(p5, fn){
    * @return {Array} shuffled array.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -723,11 +686,8 @@ function utilityFunctions(p5, fn){
    *     'Two rows of circles on a gray background. The top row follows the color sequence ROYGBIV. The bottom row has all the same colors but they are shuffled.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -756,8 +716,6 @@ function utilityFunctions(p5, fn){
    *     'A row of colorful circles on a gray background. Their sequence changes each time the sketch runs.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   fn.shuffle = function (arr, modify) {
     const isView = ArrayBuffer && ArrayBuffer.isView && ArrayBuffer.isView(arr);