p5 2.2.1-rc.0 → 2.2.1

package/dist/math/Matrices/MatrixNumjs.js

@@ -1,7 +1,7 @@
 import nj from '@d4c/numjs/build/module/numjs.min.js';
 import { Vector } from '../p5.Vector.js';
 import { MatrixInterface } from './MatrixInterface.js';
-import '../../constants-DEJVKr9Z.js';
+import '../../constants-DQyACdzq.js';
 
 let isMatrixArray = x => Array.isArray(x);
 if (typeof Float32Array !== 'undefined') {
@@ -21,8 +21,6 @@ if (typeof Float32Array !== 'undefined') {
  * @param {Array} [mat4] column-major array literal of our 4×4 matrix
  * @param {Array} [mat3] column-major array literal of our 3×3 matrix
  * @example
- * <div>
- * <code>
  * function setup() {
  *   createCanvas(100, 100);
  *
@@ -32,8 +30,6 @@ if (typeof Float32Array !== 'undefined') {
  *   let p1 = createMatrix(1,1,1,1,1,1,1,1,1);
  *   console.log(p1);
  * }
- * </code>
- * </div>
  */
 // const matrixEngine = "numjs";
 class MatrixNumjs extends MatrixInterface{

package/dist/math/calculation.js

@@ -18,8 +18,6 @@ function calculation(p5, fn){
    * @return {Number}   absolute value of given number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -39,8 +37,6 @@ function calculation(p5, fn){
    *   // from the middle.
    *   rect(0, 100 - h, 100, h);
    * }
-   * </code>
-   * </div>
    */
   fn.abs = Math.abs;
 
@@ -56,8 +52,6 @@ function calculation(p5, fn){
    * @return {Integer}   rounded up number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -82,8 +76,6 @@ function calculation(p5, fn){
    *
    *   describe('Two rectangles. The one on the left is dark red and the one on the right is bright red.');
    * }
-   * </code>
-   * </div>
    */
   fn.ceil = Math.ceil;
 
@@ -97,8 +89,6 @@ function calculation(p5, fn){
    * @return {Number}      constrained number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -114,11 +104,8 @@ function calculation(p5, fn){
    *   strokeWeight(5);
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -143,8 +130,6 @@ function calculation(p5, fn){
    *   fill(0);
    *   circle(xc, 67, 9);
    * }
-   * </code>
-   * </div>
    */
   fn.constrain = function(n, low, high) {
     // p5._validateParameters('constrain', arguments);
@@ -171,8 +156,6 @@ function calculation(p5, fn){
    * @return {Number}    distance between the two points.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -202,8 +185,6 @@ function calculation(p5, fn){
    *
    *   describe('Two dots connected by a horizontal line. The number 80 is written above the center of the line.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method dist
@@ -237,8 +218,6 @@ function calculation(p5, fn){
    * @return {Number}   e^n
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -262,11 +241,8 @@ function calculation(p5, fn){
    *
    *   describe('A series of circles that grow exponentially from top left to bottom right.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -287,8 +263,6 @@ function calculation(p5, fn){
    *   // Draw a point.
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    */
   fn.exp = Math.exp;
 
@@ -301,8 +275,6 @@ function calculation(p5, fn){
    * @return {Integer}  rounded down number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -325,8 +297,6 @@ function calculation(p5, fn){
    *
    *   describe('Two rectangles. The one on the left is bright red and the one on the right is black.');
    * }
-   * </code>
-   * </div>
    */
   fn.floor = Math.floor;
 
@@ -350,8 +320,6 @@ function calculation(p5, fn){
    * @return {Number}       lerped value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -379,11 +347,8 @@ function calculation(p5, fn){
    *
    *   describe('Five points in a horizontal line. The outer points are black and the inner points are gray.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let x = 50;
    * let y = 50;
    * let targetX = 50;
@@ -413,8 +378,6 @@ function calculation(p5, fn){
    *   x = mouseX;
    *   y = mouseY;
    * }
-   * </code>
-   * </div>
    */
   fn.lerp = function(start, stop, amt) {
     // p5._validateParameters('lerp', arguments);
@@ -432,8 +395,6 @@ function calculation(p5, fn){
    * @return {Number}   natural logarithm of n.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -449,11 +410,8 @@ function calculation(p5, fn){
    *
    *   describe('Two white circles. The circle at the top-left is small. The circle at the bottom-right is about five times larger.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -474,8 +432,6 @@ function calculation(p5, fn){
    *   // Draw a point.
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    */
   fn.log = Math.log;
 
@@ -501,8 +457,6 @@ function calculation(p5, fn){
    * @return {Number}   magnitude of vector.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -524,8 +478,6 @@ function calculation(p5, fn){
    *
    *   describe('A diagonal line is drawn from the top left of the canvas. The number 50 is written at the end of the line.');
    * }
-   * </code>
-   * </div>
    */
   fn.mag = function(x, y) {
     // p5._validateParameters('mag', arguments);
@@ -557,8 +509,6 @@ function calculation(p5, fn){
    * @return {Number}        remapped number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -577,11 +527,8 @@ function calculation(p5, fn){
    *   // Draw the bottom line.
    *   line(0, 75, 0, x);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -600,8 +547,6 @@ function calculation(p5, fn){
    *   // Draw the circle.
    *   circle(50, 50, 20);
    * }
-   * </code>
-   * </div>
    */
   fn.map = function(n, start1, stop1, start2, stop2, withinBounds) {
     // p5._validateParameters('map', arguments);
@@ -631,8 +576,6 @@ function calculation(p5, fn){
    * @return {Number}             maximum number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -650,11 +593,8 @@ function calculation(p5, fn){
    *
    *   describe('The number 20 written in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -675,8 +615,6 @@ function calculation(p5, fn){
    *
    *   describe('The number 20 written in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method max
@@ -714,8 +652,6 @@ function calculation(p5, fn){
    * @return {Number}             minimum number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -733,11 +669,8 @@ function calculation(p5, fn){
    *
    *   describe('The number 5 written in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -758,8 +691,6 @@ function calculation(p5, fn){
    *
    *   describe('The number 5 written in the middle of a gray square.');
    * }
-   * </code>
-   * </div>
    */
   /**
    * @method min
@@ -799,8 +730,6 @@ function calculation(p5, fn){
    * @return {Number}       normalized number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -817,8 +746,6 @@ function calculation(p5, fn){
    *   // Paint the background.
    *   background(redValue, 0, 0);
    * }
-   * </code>
-   * </div>
    */
   fn.norm = function(n, start, stop) {
     // p5._validateParameters('norm', arguments);
@@ -838,8 +765,6 @@ function calculation(p5, fn){
    * @return {Number}   n^e.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -866,8 +791,6 @@ function calculation(p5, fn){
    *
    *   describe('A series of circles that grow exponentially from top left to bottom right.');
    * }
-   * </code>
-   * </div>
    */
   fn.pow = Math.pow;
 
@@ -886,8 +809,6 @@ function calculation(p5, fn){
    * @return {Integer}  rounded number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -905,11 +826,8 @@ function calculation(p5, fn){
    *
    *   describe('The number 4 written in middle of the canvas.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -927,8 +845,6 @@ function calculation(p5, fn){
    *
    *   describe('The number 12.78 written in middle of canvas.');
    * }
-   * </code>
-   * </div>
    */
   fn.round = function(n, decimals) {
     if (!decimals) {
@@ -951,8 +867,6 @@ function calculation(p5, fn){
    * @return {Number}   squared number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -968,11 +882,8 @@ function calculation(p5, fn){
    *
    *   describe('Two white circles. The circle at the top-left is small. The circle at the bottom-right is four times larger.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -993,8 +904,6 @@ function calculation(p5, fn){
    *   // Draw the point.
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    */
   fn.sq = n => n * n;
 
@@ -1011,8 +920,6 @@ function calculation(p5, fn){
    * @return {Number}   square root of number.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1028,11 +935,8 @@ function calculation(p5, fn){
    *
    *   describe('Two white circles. The circle at the top-left is small. The circle at the bottom-right is ten times larger.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1053,8 +957,6 @@ function calculation(p5, fn){
    *   // Draw the point.
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    */
   fn.sqrt = Math.sqrt;
 
@@ -1069,8 +971,6 @@ function calculation(p5, fn){
    * @returns {Number} fractional part of n.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1090,8 +990,6 @@ function calculation(p5, fn){
    *
    *   describe('The number 56.78 written above the number 0.78.');
    * }
-   * </code>
-   * </div>
    */
   fn.fract = function(toConvert) {
     // p5._validateParameters('fract', arguments);

package/dist/math/index.js

@@ -4,7 +4,7 @@ import random from './random.js';
 import trigonometry from './trigonometry.js';
 import math$1 from './math.js';
 import vector from './p5.Vector.js';
-import '../constants-DEJVKr9Z.js';
+import '../constants-DQyACdzq.js';
 
 function math(p5){
   p5.registerAddon(calculation);

package/dist/math/math.js

@@ -42,8 +42,6 @@ function math(p5, fn) {
    * @return {p5.Vector} new <a href="#/p5.Vector">p5.Vector</a> object.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -62,11 +60,8 @@ function math(p5, fn) {
    *
    *   describe('Three black dots form a diagonal line from top left to bottom right.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let pos;
    * let vel;
    *
@@ -96,8 +91,6 @@ function math(p5, fn) {
    *   strokeWeight(5);
    *   point(pos);
    * }
-   * </code>
-   * </div>
    */
   fn.createVector = function (x, y, z) {
     if (arguments.length === 0) {
@@ -131,13 +124,10 @@ function math(p5, fn) {
    * @return {p5.Matrix} new <a href="#/p5.Matrix">p5.Matrix</a> object.
    *
    * @example
-   * <div class="norender">
-   * <code>
+   * // META:norender
    * function setup() {
    *   let matrix = createMatrix([1, 2, 3, 4, 5, 6, 7, 8, 9]);
    * }
-   * </code>
-   * </div>
    */
   fn.createMatrix = function (...args) {
     return new p5.Matrix(...args);

package/dist/math/noise.js

@@ -73,8 +73,6 @@ function noise(p5, fn){
    * @return {Number}     Perlin noise value at specified coordinates.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -92,11 +90,8 @@ function noise(p5, fn){
    *   strokeWeight(5);
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -121,11 +116,8 @@ function noise(p5, fn){
    *   strokeWeight(5);
    *   point(x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -147,11 +139,8 @@ function noise(p5, fn){
    *   // Draw the line.
    *   line(x, 0, x, y);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -178,11 +167,8 @@ function noise(p5, fn){
    *     line(x, 0, x, y);
    *   }
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -211,11 +197,8 @@ function noise(p5, fn){
    *
    *   describe('A gray cloudy pattern.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -245,8 +228,6 @@ function noise(p5, fn){
    *     }
    *   }
    * }
-   * </code>
-   * </div>
    */
   fn.noise = function(x, y = 0, z = 0) {
     if (perlin == null) {
@@ -346,8 +327,6 @@ function noise(p5, fn){
    * @param {Number} [falloff=0.5] falloff factor for each octave.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -385,8 +364,6 @@ function noise(p5, fn){
    *
    *   describe('Two gray cloudy patterns. The pattern on the right is cloudier than the pattern on the left.');
    * }
-   * </code>
-   * </div>
    */
   fn.noiseDetail = function(lod, falloff=0.5) {
     if (lod > 0) {
@@ -425,8 +402,6 @@ function noise(p5, fn){
    * @param {Number} seed   seed value.
    *
    * @example
-   * <div>
-   * <code>
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -452,8 +427,6 @@ function noise(p5, fn){
    *   // Draw the line.
    *   line(x, 0, x, height);
    * }
-   * </code>
-   * </div>
    */
   fn.noiseSeed = function(seed) {
     // Linear Congruential Generator

package/dist/math/p5.Matrix.js

@@ -1,6 +1,6 @@
 import { Matrix } from './Matrices/Matrix.js';
 import './p5.Vector.js';
-import '../constants-DEJVKr9Z.js';
+import '../constants-DQyACdzq.js';
 import './Matrices/MatrixInterface.js';
 
 /**
@@ -72,8 +72,9 @@ function matrix(p5, fn) {
    * const vector = new Vector(1, 2, 3);
    * const result = matrix.multiplyPoint(vector);
    *
+   * @example
+   * // META:norender
    * // p5.js script example
-   * <div class="norender"><code>
    * function setup() {
    *
    *   // Create a 4x4 identity matrix
@@ -107,7 +108,6 @@ function matrix(p5, fn) {
    *   const transformedVector = matrix.multiplyPoint(vector);
    *   console.log("Transformed Vector:", transformedVector.toString());
    * }
-   * </code></div>
    */
   p5.Matrix = Matrix;
 }